标签分为双标签和单标签,如下介绍。

1. 元素

​<p></p>​

​<a href="http://www.baidu.com">百度</a>​

​</br>​

html-3_html

html-3_超链接_02

开始标签称为起始标签,结束标签称为闭合标签, HTML 元素以开始标签起始, HTML 元素以结束标签终止, 元素的内容是开始标签与结束标签之间的内容, 某些 HTML 元素具有空内容(empty content), 空元素在开始标签中进行关闭(以开始标签的结束而结束),

2. 属性

刚刚看到的超链接标签,就是带有属性,‘href’属性。当然,这个标签还有很多属性,这里只是简单的说一下,我们在再看一下,其他标签的属性。 ​​<img src="" alt="">​​,src和alt就是img的属性,下面说到标签的时候,我们会详细的介绍。

3. 标题

a.文档抬头标题

​ <title>Document</title>​​这个标签,前面也说过,就是放在head标签中的,主要是文档的标题。

html-3_超链接_03

b.文档内容标题

<h1>文字信息</h1> 
<h2>文字信息</h2>
<h3>文字信息</h3>
<h4>文字信息</h4>
<h5>文字信息</h5>
<h6>文字信息</h6>

h1----h6,没有h7。

html-3_百度_04

html-3_超链接_05

4. 段落

​<p></p>​​ 标签是段落标签,就是在文档中起分段的作用。

5. 文本格式化

<b>加粗文本</b>
<br><br>
<i>斜体文本</i>
<br><br>
<code>电脑自动输出</code>
<br><br>
这是
<sub> 下标</sub>

<sup> 上标</sup>

6. 链接

​百度​​ 标签是超链接,点击这个超链接可以打开一个新页面。

7. 头部

<head></head>

这个标签之前介绍过,可以看第一篇文章。

8. 图像

​<img src="demo.png" alt="">​​ 这个是图像标签,在src使用绝对路径或者相对路径引入图片。

9. 表格

<table>
<tr>
<td>hello</td>
</tr>
</table>

这是表格标签,类似于数据表格。

html-3_html_06

10. 列表

有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自定义列表
<dl>
<dd></dd>
<dt></dt>
</dl>

html-3_超链接_07

11. 换行

<br>
复制代码

起到的作用是换行。

html-3_html_08

11.注释

​<!-- 有序列表 -->​​ 注释代码,在浏览器中是不会被解析的。

html-3_html_09