一、资料
W3school
Runoob
二、简介
1、HTML是描述网页的一种标记语言，HTML文档是由 HTML 元素定义的
2、HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）
3、没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的
4、大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素），HTML 文档由嵌套的 HTML 元素构成
5、HTML页面结构，如图：
6、HTML 代码中的所有连续的空行（换行）也被显示为一个空格
三、元素
1、基础元素
| 元素 |
描述 |
| <!DOCTYPE> |
定义 HTML文档版本信息，doctype 声明不区分大小写 |
| <html> |
定义 HTML文档，描述网页 |
| <head> |
定义关于文档的信息，是头部元素的容器 |
| <meta> |
提供关于 HTML 文档的元数据，规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据 |
| <title> |
定义文档标题，浏览器工具栏中的标题 |
| <style> |
定义文档的样式信息 |
| <script> |
定义客户端脚本 |
| <link> |
定义文档与外部资源之间的关系，常用于连接样式表 |
| <base> |
定义页面上所有链接的默认地址或默认目标 |
| <body> |
定义文档的主体，可见的页面内容 |
2、块元素
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后
| 元素 |
描述 |
| <div> |
块级元素，定义文档中的分区或节 |
| <h1> |
定义 HTML 标题，通过 <h1> - <h6> 等标签进行定义 |
| <p> |
定义段落 |
| <blockquote> |
定义被引用的节，浏览器通常会对 <blockquote> 元素进行缩进处理 |
| <pre> |
定义预格式化文本 |
3、内联元素
| 元素 |
描述 |
属性 |
| <span> |
内联元素，组合文档中的行内元素 |
|
| <a> |
定义链接 |
href、target、name |
| <img> |
定义图像 |
src、width、height、alt |
| <q> |
定义短的引用，浏览器通常会为 <q> 元素包围引号 |
|
| <code> |
定义计算机代码文本 |
|
| <em> |
定义着重文字 |
|
| <b> |
定义粗体文本 |
|
| <sup> |
定义上脚标 |
|
4、其他元素
| 元素 |
描述 |
属性 |
| <-!-- --> |
定义注释 |
|
| <br /> |
插入单个折行 |
|
| <hr /> |
水平线，可用于分隔内容 |
|
5、列表
| 元素 |
描述 |
属性 |
| <ol> |
有序列表 |
start、type |
| <ul> |
无序列表 |
|
| <li> |
列表项 |
|
6、表格
| 元素 |
描述 |
属性 |
| <table > |
表格 |
bgcolor 、background、border、cellpadding、cellspacing |
| <tr> |
表格行 |
|
| <td> |
表格数据 |
align |
| <th> |
表头 |
colspan、rowspan |
| <caption> |
标题 |
|
7、框架
| 元素 |
描述 |
属性 |
| <frameset> |
定义框架结构 |
cols、rows |
| <frame> |
定义框架 |
src |
| <iframe> |
定义内联框架 |
|
8、HTML5元素
| 元素 |
描述 |
属性 |
| <header> |
定义文档页眉 |
|
| <footer> |
定义文档页脚 |
|
| <nav> |
定义导航容器 |
|
| <aside> |
定义文档侧栏 |
|
| <section> |
定义文档区块 |
|
| <article> |
定义文章 |
|
9、表单元素
| 元素 |
描述 |
属性 |
| <form> |
定义表单 |
action、method |
| <input> |
定义输入 |
name、value、checked、readonly、disabled、maxlength
type ：text、password、radio、checkbox、submit、button
HTML5 : color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week |
| <select> |
定义下拉列表 |
name、value |
| <option> |
定义待选择的选项 |
selected |
| <textarea> |
定义多行输入字段 |
name、rows、cols |
| <button> |
定义可点击的按钮 |
type、onclick |
四、属性
1、HTML 标签可以拥有属性，属性为 HTML 元素提供附加信息
2、属性总是以名称/值对的形式出现，比如：name="value"
3、属性总是在 HTML 元素的开始标签中规定
4、属性推荐使用小写
5、属性值应该始终被包括在引号内
| 属性 |
描述 |
| id |
元素的ID |
| class |
元素的类名 |
| style |
元素的样式，提供了一种改变所有 HTML 元素的样式的通用方法 |
| title |
元素的额外信息 |
五、规则
1、<!DOCTYPE html>
2、对于中文网页需要使用 <meta charset="utf-8"> 声明编码
