HTML学习笔记

<html> 与 </html> 之间的文本描述网页。

<body> 与 </body> 之间的文本是可见的页面内容。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

<h1> - <h6>:html标题。

<p> 标签:段落。

<a> 标签:html链接。例:<a href="www.example.com">Link Text</a>

<img> 标签:图像。例:<img src="image.jpg" width="1024" height="768" />

alt 属性定义一段可替换文本

<body background="/i/eg_background.jpg">可以定义背景图像。如果图像小于页面,会重复。

用图像做链接:

<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>

<br />:换行。该元素在调用时即被关闭。

<hr /> :插入水平线。

<b>加粗

<strong>加粗

<big>加大

<em>强调

<i>斜体

<sub>下标

<sup>上标

<pre>:预格式文本,即保留空格和换行输出。

<code><kbd><samp><var>计算机输出标签,可用于显示代码。

<address>显示地址

<abbr><acronym>:缩写标签,当鼠标移动到字符上时显示全写。

例:

<abbr title="etcsfetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

<blockquote>块引用

<del>删除线

<ins>下划线

<style>样式标签

<style type="text/css">
h1 {color: red}
p {color: blue}
</style>

 

<a href="www.example.com" style="text-decoration:none">可以显示没有下划线的链接。

<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >可以链接到外部样式表。

<p style="color: red; margin-left: 20px">在标签中定义样式

 <div>定义文档中的区域

例:

<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>

<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
</div>

<span> 定义文档内的小块区域

锚:用于跳转到同一页面特定位置的超链接

<a name="label">锚(显示在页面上的文本)</a>

 命名锚

<a href="#label">跳转</a>
<a href="www.example.com#label">从外链跳转到锚</a>
跳转到锚

 

 

 

<!-- HTML comment -->

 

 

属性值必须带引号。

适用于大多数 HTML 元素的属性:

class:规定元素的类名

id:规定id

style:规定元素的行内样式

title:规定元素的额外信息(可在工具提示中显示)

 

posted @ 2016-04-22 10:31  网瘾君  阅读(129)  评论(0编辑  收藏  举报