持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第3天,点击查看活动详情
标签分为双标签和单标签,如下介绍。
1. 元素
<p></p>
<a href="http://www.baidu.com">百度</a>
</br>
开始标签称为起始标签,结束标签称为闭合标签, HTML 元素以开始标签起始, HTML 元素以结束标签终止, 元素的内容是开始标签与结束标签之间的内容, 某些 HTML 元素具有空内容(empty content), 空元素在开始标签中进行关闭(以开始标签的结束而结束),
2. 属性
刚刚看到的超链接标签,就是带有属性,‘href’属性。当然,这个标签还有很多属性,这里只是简单的说一下,我们在再看一下,其他标签的属性。
<img src="" alt="">,src和alt就是img的属性,下面说到标签的时候,我们会详细的介绍。
3. 标题
a.文档抬头标题
<title>Document</title>这个标签,前面也说过,就是放在head标签中的,主要是文档的标题。
b.文档内容标题
<h1>文字信息</h1>
<h2>文字信息</h2>
<h3>文字信息</h3>
<h4>文字信息</h4>
<h5>文字信息</h5>
<h6>文字信息</h6>
h1----h6,没有h7。
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>
这是表格标签,类似于数据表格。
10. 列表
有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自定义列表
<dl>
<dd></dd>
<dt></dt>
</dl>
11. 换行
<br>
起到的作用是换行。
11.注释
<!-- 有序列表 -->
注释代码,在浏览器中是不会被解析的。