HTML是网页语言（超文本标记语言），采用标签格式进行编写
<html>
<body>
<h1> </h1>
<p> </p>
</body>
</html>如上就是最简单的HTML文档内容，< html> 标签之间描述的代码内容就是描述网页（文档内容），< body>标签之间的文本代表可见的网页文档内容，< h1>代表一级标题，< p>代表一个内容段落
<html>
<body>
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>
</body>
</html>
<a href = "http://www.baidu.com"> 百度搜索 </a>href属性的值代表连接的URL地址，而标签中的文本是用户HTML页面可见的文字描述
target属性：
用来定义链接的目标显示方法（当前页显示/新建窗口显示……）
name属性：
命名锚
<img src="图像.jpg" width=“100” height=“100” />src属性：
src属性的值是图像的绝对位置，其他属性可以定义图片在页面中的大小等其他设置
alt属性：（替换文本属性）
alt属性用来为图像定义可替换的文本元素；在加载图像的时候，会以替换文本的元素内容显示在页面上
<!-- 注释内容 -->注释的内容不会被HTML页面显示和解析
<html>
<body>
<h1 style="text-align: center"> 主席外交 </h1>
<h2 style="text-align: center"><a href="http://news.cctv.com/2019/08/29/ARTIgMnFeSPUwCgFYYenw4uI190829.shtml">会见菲律宾总统杜特尔特</a></h2>
<hr />
<div style="text-align: center">
<img src="./img.jpg" width="400" height="500" / ><!--载入本地图片 -->
</div>
<div style="background-color: #CDCDC1">
<p style="font-size: 20px"> 杜特尔特祝贺中华人民共和国成立70周年，表示中国成功发展的经验值得菲律宾学习借鉴。他表示，我珍视同*近平主席的亲密友谊。中国对菲律宾很重要，菲中关系是百年大计。我愿同*近平主席经常见面，加强沟通，共同推动两国全面战略合作关系持续强劲发展，实现互利共赢。菲方希望中方继续助力菲经济发展和基础设施建设，感谢中方对菲人权事业、地震灾区重建、反恐、禁毒等方面给予的支持。事实证明，中国是菲律宾真诚的朋友。在香港问题上，菲律宾完全尊重中国的法律以及依法维护法治的权利。</p>
<p style="font-size: 20px"> 杜特尔特表示，我主张选择合作而非对抗的方式和平解决南海争议，维护地区友好合作、和平稳定大局，这符合本地区各方利益。菲方愿同中方加快推进海上油气共同开发。菲律宾作为现任东盟－中国关系协调国，致力于推动各方早日达成“南海行为准则”。</p>
</div>
</body>
</html>
<q>引用内容</q><p><abbr title="计算机技术交流站">交流站</abbr></p>abbr的title属性表示需要缩略的所有内容，文本元素内容表示HTML页面显示的内容
ps:abbr标签的缩略会有下划线显示，而dfn不会有下划线显示
<html>
<body>
<table>
<tr> <td>1</td> <td>W</td> </tr>
<tr> <td>2</td> <td>M</td> </tr>
</table>
</body>
</html>在table标签定义的时候，默认是没有可见边框的
<html>
<body>
<table border="1"><! -- 边框像素为：1px -->
<tr> <td>1</td> <td>W</td> </tr>
<tr> <td>2</td> <td>M</td> </tr>
</table>
</body>
</html>表头标签的字体会加粗
< th >标签和< td >标签的应用方法一样，被< tr >标签所包涵
空单元格问题：
如果< td >标签的内容为空，则会出现一些异常，所以想表示空单元格，可以在< td >标签中写入“  ;”
| 标签 | 描述 |
|---|---|
| < table > | 定义表格 |
| < caption > | 定义表格标题 |
| < th > | 定义表头 |
| < tr > | 定义表行 |
| < td > | 定义单元格 |
| < thead > | 定义表格页眉 |
| < tbody > | 定义表格主题 |
| < tfoot > | 定义表格页脚 |
| < col > | 定义表格列属性 |
| < colgroup > | 定义表格列的组 |
<ul>
<li> 一 </li>
<li> 二 </li>
</ul><ol>
<li>第一列表</li>
<li>第二列表</li>
</ol>列表是可以嵌套在上一层有序/无序列表中的，形成所谓的二级列表
ps：为相同的类设置相同的样式，或者为不同的类设置不同的样式
定义设置类（名）：
class属性：可以为该标签设置类名
< div >,< span >标签是一种容器，都可以借由class属性进行类定义
HTML最常使用< div >元素布局（通过CSS定位）
frameset定义了窗口如何比例分割（百分比或像素）
每一个frameset定义一系列行货列
<frameset cols="40%,60%">
<frame src="**.html">
<frame src="**.html">
</frameset>cols：垂直（列）分布框架属性；rows：水平（行）分布框架属性
ps：HTML的frame框架是可以拖动的，所以，可以在标签中添加：“noresize属性：noresize=“noresize” ”
用于在一个HTML页面中，显示另一个HTML页面
格式：
<iframe src="URL"></iframe>属性值的默认单位是像素，也可以用百分比来设定
删除边框：默认的内联框架是有粗边框的
frameboreder：设置边框粗细（px）
<iframe src="**.html" frameborder="*px"></iframe>原文：https://www.cnblogs.com/wangyuyang1016/p/11437588.html