<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
Hello World! My First Webpage!
</body>
</html>
<!DOCTYPE html>
<!DOCTYPE>声明位于文档中最前面的位置，处于html标签之前，此标签可告知浏览器使用哪种 HTML 或 XHTML 规范<?>，结束标签 </?><html lang="en">
...
</html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
1）字符集：
<meta charset="UTF-8">
2）关键词及页面描述：
<meta name="Keywords" content="慕课网，imooc，前端">
<meta name="Description" content="慕课网（IMOOC）是IT技能学习平台。">
<title>Document</title>
<body>
Hello World! My First Webpage!
</body>
<h1> </h1> 标签的内容，应该将重点内容放入其中 (比如网页的 logo 等)<h1> 标签一般只能放置一个，否则会被搜索引擎视为作弊 (实际开发中可能会出现多个 <h1> 标签的情况，但是不推荐这样)<p> </p> 标签表示段落，p 是 paragraph 的意思<p> </p> 标签中：因为HTML中即使代码换行了，页面显示效果也不会换行，必须写到 <p> </p> 中<p> </p> 标签中不能嵌套 h 系列标签和其他 p 标签<br> 标签表示换行标签<!-- --> 表示 HTML 的注释语法<div> </div> 标签对用来将相关的内容组合到一起，以和其他内容分割，使文档结构更清晰；它像是一个容器，什么都可以容纳，通常习惯称之为 “盒子”<div> </div> 是最常见的 HTML 标签，因为它可以结合 CSS 使用，实现网页的布局，这种布局形式叫做 “DIV+CSS”<div> 标签可以添加 class 属性表示 “类名”，类名服务于CSS
<ul> </ul> 标签 (父标签)，每个列表项都是list item <li> </li> 标签 (子标签)<li> 标签不能单独使用<ul> 标签的子标签只能是 <li> 标签<li> 标签中可以存放任何标签<ul> 标签可以嵌套使用<ol> </ol> 标签 (父标签)，每个列表项都是list item <li> </li> 标签 (子标签)<ol> 标签的子标签只能是 <li> 标签<ol> 标签的type属性，用来设置编号的类型
<ol> 标签的 start 属性，必须是一个整数(阿拉伯数字)，用来设置列表编号的起始值<ol> 标签的 reversed 属性，不需要值，只需写 reversed 单词即可，用来指定列表中条目是否倒序排列的<dl> </dl>标签，内容(交替)出现数据项标签data term<dt> </dt> 和数据定义标签data definition<dd> </dd><img src="images/gugong.jpg">
<img> 标签用来在网页中插入图片<img> 标签的 alt 属性：alt 是 alternate“替代品”的意思，它是对图片的文本描述，不是强制性的<img src="images/gugong.jpg alt="故宫角楼"><img> 标签的 width、height 属性：分别设置图片的宽度和高度，单位是像素，但是不需要写单位（如果省略其中一个属性，则表示按原始比例缩放图片）
<img src="images/gugong.jpg">../这样的写法（回退几级写几个）<img src="https://www.imooc.com/static/img/index/logo-recommended.png"><a href="2.html">去第二个网页</a>
<a> 标签制作超级链接<a> 标签的 title 属性：用于设置鼠标悬停文本<a href="2.html title="很好看哦~">去第二个网页</a><a> 标签的 target 属性设置为 blank，即可在新标签页中打开网页<a href="2.html target="blank">去第二个网页</a><a> 标签包裹 img 标签即可<a href="2.html target="blank"><img src="images/gugong.jpg"></a><h1 id="wuxi">无锡美景</h1><a href="lvyou.html#wuxi">看无锡美景</a>指向 exe、zip、rar 等文件格式的链接，将自动成为下载链接<a href="1.zip">下载</a>
有mailto:前缀的链接是邮件链接，系统将自动打开 Email 相关软件<a href="mailto:me@test.com">给小编发邮件</a>
有tel:前缀的链接是电话链接，系统将自动打开拨号盘<a href="tel:12306>打电话买火车票</a>
<audio> 标签，兼容到 IE9 <audio controls src="音频地址">抱歉，您的浏览器不支持audio标签，请升级浏览器</audio><video> 标签，兼容到 IE9 <video controls src="视频地址">抱歉，您的浏览器不支持video标签，请升级浏览器</video>HTML5 区块标签：
<span> 标签 文本中的“区块”标签，本身没有任何特殊的显示效果，可以结合CSS来丰富样式<b>、<u>、<i>标签 已被CSS替代，但在网页中也可以表示需要强调的文本
<strong>、<em>、<mark>标签 均表示强调语义
<figure>、<figcaption>标签 <figure>元素代表一段独立的内容，与说明< figcaption >配合使用，它是一个独立的引用单元，比如建议读者拓展视野的图片等，当这部分转移到附录中或者其他页面时不会影响到主体<form> 元素开始<form action="save.php" method="post"></form><input> 元素可以创建单行文本框，它是一个单标签<input type="text"><input type="text" value="123"><input type="text" placeholder="请输入姓名"><input> 元素可以创建单选按钮<input type="radio"><label>
<input type="radio">男
</label>
<label>
<input type="radio">女
</label>
<input> 元素可以创建复选框<input type="checkbox"><input> 元素可以创建密码框<input type="password"><select> 标签表示下拉菜单，<option> 是它内部的选项<select>
<option value="alipay">支付宝</option>
<option value="wechat">微信</option>
<option value="bank">网银</option>
</select>
<textarea> </textarea> 表示多行文本框
<datalist>控件可以为输入框提供一些备选项，当用户输入的内容与备选项文字相同时，将会显示智能感应<input type="text" list="province-list">
<datalist id="province-list">
<option value="山东">
<option value="山西">
<option value="广东">
<option value="广西">
<option value="河南">
<option value="河北">
<option value="湖南">
<option value="湖北">
</datalist>
<table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
<tr>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
<table>、<tr>和<td>标签：table 是表格的意思；tr 是 table row 表格行的意思；td 是 table data 表格数据的意思<table border="1"> ... </table><table border="1">
<caption>我是表格的标题</caption>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
</table>
<th> 标签：“标题小格”，可以替代 <td> 的作用，表示标题小格<thead>标签：定义表头<tbody>标签：定义表核心内容<tfoot>标签：定义表脚，通常是汇总行