<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<pre>
html标签
<标签名 属性名1=属性值1 属性名2=属性值2>
内容
</标签名>
标签的正确嵌套方式；
<标签名 属性名1="属性值1" 属性名2="属性值2">
<标签名>
内容值
</标签名>
html注意：
1. 所有的符号都是英文半角
2. 先把标签写完整再写内容
3.注意嵌套的缩进
4.html不区分大小写 默认小写
实体： &实体名称；
table注意； tr代表 行 td代表 单元格 th代表 表头 caption代表 表格标题 table代表 表格
1.表格默认宽度为内容宽度(width) 高度也为内容的高度（height）
2.表格默认边框为0
3.表格的宽度有两个值（数字[px]，百分比[父标签]）
4.cellpadding表示内边距（单元格内容与边框的距离）
5.cellspacing表示单元格的间距 默认值是2
表格单元格等宽；
利用表格横平竖直的的特性，设置某个单元格的宽高， 他所在的行列都和他等高等宽
bgcolor代表背景颜色 border代表表格的边线
align(水平方向) left
数据靠左
center 数据靠中
right 数据靠右
valign(垂直方向) top 数据靠上
middle 数据靠中
bottom 数据靠下
合并单元格；是td的属性 通过占位实现
colspan;横向合并（向右合并）
rowspan;垂直合并（向下合并）
这两个属性的属性值为数字，数字代表单元格的个数（包含自己）
</pre>
<table border="1px" width="100%;" height="300px;" cellspacing="2" cellpadding="10">
<caption>张浩瞎练习</caption>
<tr>
<th width="30%;" height="50px;">姓名</th>
<th width="70%;">年龄</th>
</tr>
<tr>
<td valign="bottom">张臭臭表示内边距（单元格内容与边框的距离）</td>
<td>20</td>
</tr>
</table>
<!--
<span style="display:inline-block;width:100px;height:200px;border:1px solidred;valign:middle">内容
</span>
-->
<dl>
<dt>定义名词</dt>
<dt>定义描述</dt>
</dl>
</body>
</html>
原文地址：https://www.cnblogs.com/ZDSGWXS233/p/11269105.html