一、基本元素
<!--...-->:用于定义HTML注释,位于<!--与-->之间的数会被当做注释处理。
<html>:是HTML5文档的根元素。
<head>:用于定义HTML5文档的页面头部分。
<title>:一般放在head标签下,用于为HTML5文档定义页面标题。
<body>:定义HTML的主体部分,可以指定id,class , style等通用属性,换可以指定一系列的事件属性。
<h1>到<h6>:定义标题,从h1到h6字体大小依次减小。
<p>:段落标签,段落标签无论该表签中的内容时否满一行,该表签都会占满一行。
<br>:换行
<hr>:一条水平直线
<div>:定义文档中的各个结点,通常与CSS结合进行页面布局,该元素可以指定id , class ,style等属性。
<span>:与div类似,一般用于定义一段一般性的文本,该标签不能指定宽度,它的宽度只能由内容撑开,会随着内容的多少而发生改变。
二、文本格式相关元素
<b>和<strong>:用于对文本进行加粗处理
<i>:使文本倾斜显示
<em>:用于强调文本,显示效果于<i>类似
<small>:定义小一号字体,一般不常用。
<sup>:上标文本
<sub>:下标文本
<bdo>:定义文本显示的方向,通过dir属性来指定方向,当属性值为ltr时,从左向右;当属性值为rtl时,从右向左。
三、语义相关元素
<abbr>:表示一个缩写
<address>:表示一个地址,通常用斜体显示。
<blockquote>:定义一段长的引用文本。
<q>:定义短的引用文本
<code>:用来表示一段代码
<dfn>:定义专业术语
<del>:定义文档中被删除的文本。以中划线形式显示
<ins>:定义文档中插入的文本,以下划线显示。
四、超链接和锚点
例:<a href="www.baidu.com">百度</a>
属性:
href:超链接所链接的资源
target:一般用来表示是否打开一个新的窗口,默认是_self,即在自身显示,可以通过修改这个属性值为:_black来指定在新的窗口显示
download:点击时,下载download属性中所指向的资源。
那么如何做一个锚点呢?
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a name="test">这里是锚点</a>
<div style="height: 1000px;background-color: red;">
</div>
<a href="#test">定义到锚点</a>
</body>
</html>