1、基础语法
标签 作为网页的最小单元
|-双标签 内容的容器
|-但标签 控制性内容
注释 每一个模块都要写清楚注释
2、基本结构
<!DOCTYPE html> |-告诉浏览器，我这个文档是html文档
<html>
<head>
<meta charset="UTF-8"> |-设置中文编码utf-8
<title></title> |-网页的标题
</head>
<body>
|-网页的内容
</body>
</html>
3、通用标签
|-<body></body> 网页的内容都要写到body里
|-格式控制类
|-加粗、倾斜、下划线、换行、空格
<b></b> <i></i> <u></u> <br/>
<b>今天是 四月二十六号</b><br /> <u>今天是 四月二十六号</u><br /> <i>今天是 四月二十六号<br />今天开学</i>
|-内容容器类
|-标题
<h1>~<h6>
<h1>今天是四月二十六号</h1> <h2>今天是四月二十六号</h2> <h3>今天是四月二十六号</h3> <h4>今天是四月二十六号</h4> <h5>今天是四月二十六号</h5> <h6>今天是四月二十六号</h6>
|-段落
<p></p>
|-行内标签：内容有多大，我就多大
<span></span>
<p>今天是四月二十六号</p> <!--行内标签--> <p>今<span style="color: yellowgreen;">天开</span>学</p> <p>我<span style="">很开</span>心</p>
|-div:默认占一整行
<div></div>
<div style=" height: 40px;"></div>
|-有序列表、无序列表
有序列表<ol><li></li></ol> type属性：1 a A i I
<ol type="I"> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> </ol>
无序列表<ul><li></li></ul> type属性：circe disc square
<ul type="square"> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> <li>今天是四月二十六号</li> </ul>
4.常用标签
|-a标签
作用：做链接、做下载、做锚点
<a href="../../0421/a01.html">山东理工大学</a> <a href="../../lesson1.txt">txt文档</a> <a href="../../0421/hang3.jpg">图片</a> <a href="../../0421/wzb2 - 副本.rar">下载</a> <a name=“top”><a/> <a href="#top">置顶</a>
原文地址：https://www.cnblogs.com/mjwwzy/p/9033660.html