HTML基础知识小汇总
一、基础概念
1、HTML文档
HTML指的是超文本标记语言 (Hyper Text Markup Language)，不是一种编程语言，而是一种标记语言 (markup language)。HTML 使用标记标签来描述网页。
HTML 标记标签通常被称为 HTML 标签。HTML 标签是由尖括号包围的关键词，通常是成对出现的，标签对中的第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签），比如<b> 和 </b>。
HTML 文档描述网页，包含 HTML 标签和纯文本，HTML 文档也被称为网页。
2、HTML 元素
HTML 文档是由 HTML 元素定义的，HTML 元素指的是以开始标签（start tag）开始、以结束标签（end tag）终止的所有代码，元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容（empty content），空元素在开始标签中进行关闭，如<br />。
大多数 HTML 元素可以嵌套，HTML 文档由嵌套的 HTML 元素构成。
3、HTML 属性
HTML 属性为 HTML 元素提供附加信息，属性总是以名称/值对的形式出现，比如：name="value"，属性总是在 HTML 元素的开始标签中规定，属性值应该始终被包括在引号内。
HTML 全局属性可用于任何 HTML 元素，常用的几种HTML 全局属性如下：
|
属性 |
属性值 |
描述 |
|
class |
classname |
规定元素的类名（classname） |
|
id |
id |
规定元素的唯一 id |
|
style |
style_definition |
规定元素的行内样式（inline style） |
|
title |
text |
规定元素的额外信息（可在工具提示中显示） |
二、常用HTML 元素
1、HTML 标题（Heading）
HTML标题是通过 <h1> - <h6> 等标签进行定义的，<h1> 定义最大的标题，<h6> 定义最小的标题
注：默认情况下，浏览器会自动地在块级元素前后添加一个额外的空行
2、HTML 水平线
HTML 水平线由<hr /> 标签定义，在 HTML 页面中创建水平线，hr 元素可用于分隔内容，hr 元素是一个空的 HTML 元素
3、HTML 注释
<!-- This is a comment -->
4、HTML 段落
HTML 段落是通过 <p> 标签定义的
5、HTML 折行
HTML 折行由<br /> 标签定义，可用于换行，<br /> 元素是一个空的 HTML 元素
注：HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
6、HTML 超链接
HTML 超链接由<a> 标签定义，超链接可以是文字，也可以是一幅图像
有两种使用 <a> 标签的方式：
- 通过使用 href 属性 - 创建指向另一个文档的链接
- 通过使用 name 属性 - 创建文档内的书签
a元素常用属性：
- href 属性规定链接的目标
- target 属性，你可以定义被链接的文档在何处显示，如属性值为_blank，则会在新窗口打开文档
- name 属性规定锚（anchor）的名称，以命名锚，还可以使用 id 属性来替代 name 属性，命名锚同样有效
7、HTML 图像
HTML 图像由 <img> 标签定义，<img> 是空标签(意思是说，它只包含属性，并且没有闭合标签)
- src属性（源属性）规定图像的url地址(存储图像的位置)
- alt 属性(替换文本属性)用来为图像定义一串预备的可替换的文本
8、HTML 表格
HTML 表格由 <table> 标签来定义，每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格的表头使用 <th> 标签进行定义，表格的标题由<caption>标签进行定义
- Colspan属性可定义跨列数
- Rowspan属性可定义跨行数
9、HTML无序列表
HTML无序列表由<ul> 标签定义，每个列表项由 <li>标签定义，默认使用粗体圆点（典型的小黑圆圈）进行标记，通过type属性进行修改标记样式
10、HTML有序列表
HTML有序列表由<ol> 标签定义，使用数字/英文字母/罗马字母进行标记，通过type属性进行修改标记样式
11、HTML定义列表
HTML定义列表由<dl> 标签定义，每个自定义列表项由<dt> 标签定义，每个自定义列表项的定义由<dd> 标签定义
三、HTML元素分类
1、HTML 块元素
HTML 块元素在浏览器显示时，通常会以新行来开始（和结束），如：<h1>, <p>, <ul>, <table>
2、HTML 内联元素
HTML 内联元素在显示时通常不会以新行开始。如：<b>, <td>, <a>, <img>
四、常用HTML标签列表
1、常用普通HTML标签
|
标签 |
描述 |
|
定义 HTML 文档。 |
|
|
定义文档的主体。 |
|
|
定义 HTML 标题 |
|
|
定义水平线。 |
|
|
定义注释。 |
|
|
定义段落。 |
|
|
插入单个折行（换行）。 |
|
|
定义文档中的节或区域（块级）。 |
|
|
定义文档中的行内的小块或区域。 |
|
|
定义图像。 |
|
|
定义图像地图。 |
|
|
定义图像地图中的可点击区域。 |
|
|
定义表格 |
|
|
定义表格标题。 |
|
|
定义表格的表头。 |
|
|
定义表格的行。 |
|
|
定义表格单元。 |
|
|
定义表格的页眉。 |
|
|
定义表格的主体。 |
|
|
定义表格的页脚。 |
|
|
定义有序列表。 |
|
|
定义无序列表。 |
|
|
定义列表项。 |
|
|
定义定义列表。 |
|
|
定义定义项目。 |
|
|
定义定义的描述。 |
|
|
为不支持客户端脚本的浏览器定义替代内容。 |
|
|
定义关于文档的信息。 |
|
|
定义文档标题。 |
|
|
定义页面上所有链接的默认地址或默认目标。 |
|
|
定义文档与外部资源之间的关系。 |
|
|
定义关于 HTML 文档的元数据。 |
|
|
定义客户端脚本。 |
|
|
定义文档的样式信息。 |
|
|
|
|
2、文本格式化标签
|
标签 |
描述 |
|
定义粗体文本。 |
|
|
定义大号字。 |
|
|
定义着重文字。 |
|
|
定义斜体字。 |
|
|
定义小号字。 |
|
|
定义加重语气。 |
|
|
定义下标字。 |
|
|
定义上标字。 |
|
|
定义插入字。 |
|
|
定义删除字。 |
3、“计算机输出”标签
|
标签 |
描述 |
|
定义计算机代码。 |
|
|
定义键盘码。 |
|
|
定义计算机代码样本。 |
|
|
定义打字机代码。 |
|
|
定义变量。 |
|
|
定义预格式文本。 |
4、引用和术语定义
|
标签 |
描述 |
|
定义缩写。 |
|
|
定义首字母缩写。 |
|
|
定义地址。 |
|
|
定义文字方向。 |
|
|
定义长的引用。 |
|
|
定义短的引用语。 |
|
|
定义引用、引证。 |
|
|
定义一个定义项目。 |
5、HTML 中有用的字符实体
注释：实体名称对大小写敏感！
|
显示结果 |
描述 |
实体名称 |
实体编号 |
|
|
空格 |
|
  |
|
< |
小于号 |
< |
< |
|
> |
大于号 |
> |
> |
|
& |
和号 |
& |
& |
|
" |
引号 |
" |
" |
|
' |
撇号 |
' (IE不支持) |
' |
|
￠ |
分（cent） |
¢ |
¢ |
|
£ |
镑（pound） |
£ |
£ |
|
¥ |
元（yen） |
¥ |
¥ |
|
€ |
欧元（euro） |
€ |
€ |
|
§ |
小节 |
§ |
§ |
|
© |
版权（copyright） |
© |
© |
|
® |
注册商标 |
® |
® |
|
™ |
商标 |
™ |
™ |
|
× |
乘号 |
× |
× |
|
÷ |
除号 |
÷ |
÷ |
五、表单元素
1、HTML 表单
HTML 表单由<form>标签定义，用于收集用户输入
- action 属性定义在提交表单时执行的动作，指定表单处理程序，如果省略 action 属性，则 action 会被设置为当前页面
- method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）
2、HTML表单元素
HTML 表单包含表单元素（<input> 元素），表单元素指的是不同类型的 input 元素，如复选框、单选按钮、提交按钮等等
常用表单元素：
- <input type="text"> 定义供文本输入的单行输入字段：
- <input type="password"> 定义密码字段
- <input type="submit"> 定义提交表单数据至表单处理程序的按钮
- <input type="radio"> 定义单选按钮
- <input type="checkbox"> 定义复选框
- <input type="button> 定义按钮
- <select> 元素定义下拉列表，<option> 元素定义待选择的选项
- <textarea> 元素定义多行输入字段（文本域）
- <button> 元素定义可点击的按钮
表单元素的常用属性：
- value 属性规定输入字段的初始值
- readonly 属性规定输入字段为只读（不能修改），readonly 属性不需要值。它等同于 readonly="readonly"
- disabled 属性规定输入字段是禁用的（被禁用的元素是不可用和不可点击的，也不会被提交），disabled 属性不需要值。它等同于 disabled="disabled"
注：如果要正确地被提交，每个输入字段必须设置一个 name 属性
浙公网安备 33010602011771号