<!DOCTYPE html> <!--文档的声明 一个HTML文件就是一个文档 --> <html lang="en"> <!-- --> <head> <!--head 中的内容不会显示在浏览器上 双别和标签--> <meta charset="UTF-8"> <!-- 定义文档的编码类型 单闭合标签--> <title>Title</title> <!-- 显示标题--> </head> <body> <!--body中的内容都会显示到浏览器中 --> </body> </html>
在一行内显示,不换行,不能设置宽高,默认是内容的宽高
<span>hello</span>
<!--a:超链接,行内标签 -blank:在空白页面打开网页 title:鼠标悬浮显示--> <a href="https://www.baidu.com/" target="_blank" title="跳转百度">跳转百度</a>
<body> <em>hello</em>
<i>hello</i>
</body>
<body> <b>hello</b> <strong>hello</strong> </body>
<body> <u>hello</u> </body>
<body> <sup>hello</sup> <sub>hello</sub> </body>
<body> <br> </body>
<body> <hr> </body>
<body> <center>hello</center> </body>
独占一行,可以设置宽高,如果不设置宽高,默认是内容的宽高
<body> <!--h1 只允许页面中只有一个,为了seo和爬虫--> <h1>hello</h1> <h2>hello</h2> <h3>hello</h3> <h4>hello</h4> <h5>hello</h5> <h6>hello</h6> </body>
<body> <!--id在文档中是唯一的,为div添加标识--> <div id="top"> <!--class可以重复,为div添加标识--> <div class="top-l"> <!--span:是行内标签,一行内显示--> <span>hello</span> <!--a:超链接,行内标签 -blank:在空白页面打开网页 title:鼠标悬浮显示--> <a href="https://www.baidu.com/" target="_blank" title="跳转百度">跳转百度</a> <!--img:引入图片--> <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3234070121,1596383226&fm=11&gp=0.jpg" alt="图片加载失败的文本"> <!--取消a标签的自动跳转--> <a href="javascript:void(0)">hello</a> </div> </div> </body>
<p>hello</p> <p>hello</p>
<ul> <li></li> <li></li> <li></li> </ul>
<ol> <li></li> <li></li> <li></li> </ol>
<ol> <li></li> <li></li> <li></li> </ol>
<table border="1" style="border-collapse: collapse"> <tr> <td>name</td> <td>age</td> </tr> <tr> <td>wl</td> <td>18</td> </tr> </table>
style="display: block"
<a href=""> <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3234070121,1596383226&fm=11&gp=0.jpg" alt="" style="display: block ;height: 100px ;width: 100px" > </a>
原文：https://www.cnblogs.com/wanglan/p/10591254.html