基本标签
根标签
<html>----这是开始标签;
</html>----这是结束标签(多了一个/)
头部标签(不可视化的区域)
<!DOCTYPE html>
这是文档声明标签。(告诉用户这是一个html5)
专业术语 DTD (Document Type Definition):文档定义类型。
meta 元数据。(告诉浏览器和搜索引擎关于网页的一些基本信息)
<meta charset="UTF-8">
<meta name="keywords" content="关键字">
<meta name="description" content="基本描述">
title 标题标签。(网页的标题)
<title>网页标题</title>
身体标签(可视化的区域)
划分区块的标签:(默认从上到下排序,独占一行)
盒子标签 (用于放置内容的盒子)
<div>我是一个div盒子</div>
标题标签(字体加粗/具有权重)
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
代码演示:
-
我是一级标题
-
我是二级标题
-
我是三级标题
-
我是四级标题
-
我是五级标题
-
我是六级标题
段落标签(用于存储大量文本)
<p>我是一个段落</p>
列表标签:
无序列表:(结构内容相似的内容)
<ul type = "disc">
<li>你是一个li</li>
</ul>
<ul type = "circle">
<li>我也是一个li</li>
</ul>
<ul type = "square">
<li>他也是一个li</li>
</ul>
^ :属性 type = “disc”|“circle”|“square”
有序列表:(结构内容有需要排序)
<ol type = "1">
<li>我是一号li</li>
<li>我是二号li</li>
<li>我是三号li</li>
</ol>
^ :属性 type = “1”|“a”|“A”|“I”|“i”
自定义列表:(一般用于页面底部售后服务列表)
<dl>
<dt>你是一个dt</dt>
<dd>我是dt的经纪人dd</dd>
</dl>
内容展示标签:(默认从左到右的排序)
<span>我是一小段文字</span>
<b>我是一段加粗的文字</b>
<strong>我也是一段加粗的文字,权重比楼上的高</strong>