<!DOCTYPE html>
<!--告诉浏览器该网页使用的HTML版本规范,让浏览器按对应的HTML语法解析页面-->
<html lang="en"></html>
<!--lang属性设置网页使用语言;zh_cn中文、en英语-->
<meta charset="UTF-8">
<!--定义当前网页所使用的字符编码;UTF-8国际字库、GBK中国字库-->
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<p>段落标签</p>
<!--内容不会自动换行,块级元素-->
<br/>
<!--换行标签-->
<!--文本格式化-->
<b>粗体文本</b>
<i>斜体文本</i>
<u>下划线文本</u>
<del>删除线文本</del>
<!--图片标签-->
<img src="">
<!--src_设置图片路径,必设-->
<!--title_设置悬浮提示文本-->
<!--ait_设置图片未找到时的替换文本-->
<!--音频标签-->
<audio src="" controls="controls"></audio>
<!--视频标签-->
<video src="" controls="controls"></video>
<!--src_设置资源路径-->
<!--controls_设置控制条-->
<a href="www.baidu.com">超链接标签</a>
<!--href_设置跳转地址;网址、本地、锚点-->
<!--页面内锚点跳转：通过ID或name进行页面内跳转-->
<a href="#id"></a>
<p id="id"></p>
<a href="#name"></a>
<a name="name"></a><!--放在需要跳转位置的前面-->
<!--跨页面锚点跳转：目标页面路径#ID或name-->
<a href="路径#id"></a>
<a href="路径#name"></a>
<!--无序列表-->
<ul>
<li>列一</li>
<li>
<ul>
<li>列二.1</li>
<li>列二.2</li>
</ul>
</li>
</ul>
<!--CSS属性：list-style: none;去除点-->
<!--有序列表-->
<ol type="1">
<li>第一名</li>
<li>
<ol>
<li>第二名.1</li>
<li>第二名.1</li>
</ol>
</li>
</ol>
<!--type属性：a、A、i、I、1设置序号类型-->
<!--定义列表-->
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dt>标题2</dt>
<dd>内容1</dd>
</dl>
<!--布局标签、盒子模型-->
<div></div><!--块级元素:占一行,可以设置宽高,内外边距全可设置(block)-->
<span></span><!--行内元素:不换行,设置宽高无效,外边距只可设置左右,内边距全可设置(inline)-->
<!--行内块级元素:不换行,可设置宽高,内外边距全可设置(inline-block)-->
<style>
td,th{
width: 100px;
}
</style>
<!--表格标签-->
<table border="1" style="border-collapse: collapse;">
<caption>各地区固定资产投资情况</caption><!--表格标题:表格标题文字-->
<thead><!--表格头部-->
<tr><!--行-->
<th rowspan="2">地区</th><!--表头:居中加粗-->
<th colspan="2">按总量分</th>
<th colspan="2">按比重分</th>
</tr>
<tr>
<th>自年初累计</th>
<th>比去年同期增</th>
<th>自年初累计</th>
<th>去年同期</th>
</tr>
</thead>
<tbody><!--表格主体-->
<tr>
<td>全国</td><!--单元格-->
<td>123456</td>
<td>9.6</td>
<td>100</td>
<td>100</td>
</tr>
<tr>
<td>全国</td>
<td>123456</td>
<td>9.6</td>
<td>100</td>
<td>100</td>
</tr>
</tbody>
<tfoot><!--表格页脚-->
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tfoot>
</table>
<!--border属性：添加边框-->
<!--CSS属性：border-collapse:collapse;合并为单线边框,默认为双线边框-->
<!--rowspan合并行、colspan合并列-->
<!--表单-->
<form action="" method="post" name="表单名"><!--表单域:定义数据提交URL地址(action=url),数据提交的方法(method=get/post)-->
<input type="类型" name="控件名" value="提交内容" maxlength="输入框最大输入字符" checked="checked">
<!--checked属性:选框默认选中项-->
<!--type属性:
text单行文本输入框
password密码输入框
radio单选框:设置相同 name 使其关联,通过 value 设置提交内容
checkbox复选框:设置相同 name 使其关联,通过 value 设置提交内容
button普通按钮
reset重置按钮
submit提交按钮:提交数据到 <form> 指定路径的后台服务器,并重置表单信息
image图像按钮:使用 src 设置图片,效果与提交按钮相同
file文件上传:设置 multiple="multiple" 属性可以决定是否可以选择多个文件
hidden隐藏文字
-->
<textarea rows="5" cols="50"><!--文本域:可输入多行文本-->
请书写内容
</textarea>
<!--rows属性:显示的最大行数,超过会被隐藏并出现滚动条-->
<!--cols属性:出现滚动条后,每行显示的最大字节数(汉字算2字节)-->
<select><!--下拉菜单-->
<optgroup label="第一组"><!--分组:不可选择-->
<option value="第一项">第一项</option><!--选择项-->
<option value="第二项">第二项</option>
<option value="请选择项" selected="selected">请选择项</option>
</optgroup>
<optgroup label="第二组">
<option value="第一项">第一项</option>
<option value="第二项">第二项</option>
</optgroup>
</select>
<!--selected属性:设置默认选中项,不设置默认为第一项-->
<!--value属性:设置提交内容-->
<!--label属性:设置分组名-->
<input type="radio" id="nan" value="男" name="sex">
<label for="nan">男</label>
<input type="radio" id="nv" value="女" name="sex">
<label for="nv">女</label>
<!--label标签:将里面的内容与for中填写的ID的对应控件绑定,使其点击这个会让那个获得焦点-->
<label>
请输入账号:
<input type="text">
</label>
<!--这种方式适用于两个内容贴得近的情况下-->
</form>
特殊字符：参考文档
