什么是HTML?
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 使用标记标签来描述网页
HTML文件后缀名：htm，html
HTML编辑器：sublime，HBuilderX
HTML使用基础
HTML初识
1.标签 - 承载内容
2.层叠样式表 - 渲染页面
3.JavaScript - 交互式行为
HTML的格式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
注释：在HTML中注释使用
<!-- -->
HTML 简单操作
1.标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的
2.段落
HTML 段落是通过标签 <p> 来定义的
<p>这是一个段落</p>
<p>这是另外一个段落</p>
<br>换行
3.列表
1）有序列表<ol>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
显示结果
1.Coffee
2.Milk
2）无序列表<ul>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
显示结果
- Coffee
- Milk
3）自定义列表<dl>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
显示结果
Coffee
- black hot drink
Milk
- white cold drink
注意：列表中可以叠加
4.表格
键入<table<tr*>td*>后tab键插入表格,<caption>表格名称</caption>
rowspan="2"为列并格2格，align="center" 为居中（align=" "为对齐）
rowspan="2"为行并格2格
<!--table<tr*4>td*5 -->
<table border="1">
<caption>学生考试成绩</caption>
<thead>
<tr>
<th width="120">姓名</th>
<th width="100">数学</th>
<th width="100">语文</th>
<th width="100">物理</th>
<th width="100">化学</th>
</tr>
</thead>
<tr>
<td>王大锤</td>
<td>89</td>
<td colspan="2" align="center">45</td>
<td>56</td>
</tr>
<tbody>
<tr>
<td rowspan="2"align="center">李四</td>
<td>35</td>
<td>78</td>
<td>76</td>
<td>89</td>
</tr>
<tr>
<td>78</td>
<td>66</td>
<td>98</td>
<td>56</td>
</tr>
</tbody>
4.字符实体
& - &； 空格 -  ；等，见菜鸟教程
5.图像
<img src="url" alt="some_text">，src后面是图片地址，可以是本地地址（相对路径），也可以是网络地址。alt后面是地址失效后显示的文本内容，可自定义
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
width,height分别调整图像宽度和高度
6.超链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML使用标签 <a>来设置超文本链接，在标签<a> 中使用了href属性来描述链接的地址。
<a href="http://www.runoob.com/">访问菜鸟教程</a>
使用 target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
6.函数
HTML中函数function 函数名() {函数体}
自带函数window
7.按键
在HTML中使用<button></button>来创建按键
