HTML4
本文节选了一些基本的标签和相关的属性做成了一系列的表格,具体应用请多查 W3C 和 MDN
HTML 文档是由 HTML 元素定义的
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
以下属性适用于大多数 HTML 元素
属性 | 值 | 描述 |
class | _classname_ | 规定元素的类名(classname) |
id | _id_ | 规定元素的唯一 id |
style | _style_definition_ | 规定元素的行内样式(inline style) |
title | _text_ | 规定元素的额外信息(可在工具提示中显示) |
HTML 基本骨架
标签 | 描述 |
<!DOCTYPE html> | 格式说明 |
<html> | 整个页面 |
<head> | 文档头部 |
<body> | 文档主体 |
<meta charset="utf-8"> | 元信息 |
<link rel="stylesheet" href="css/common.css"> | 链接文件 |
<script src="js/register.js" defer>``</script> | 引入脚本 |
<title> HTML 常用标签</title> | 网页标题 |
HTML 链接
<a>
标签可定义锚。锚 (anchor) 有两种用法:
- 通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
- 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
<a>
标签的属性
属性 | 值 | 描述 |
href | URL | 链接的目标 URL。 |
rel | text | 规定当前文档与目标 URL 之间的关系。 |
target | _blank _parent _self _top framename | 在何处打开目标 URL。 |
<a>
标签的用法
- 将图像作为链接
<a href="" rel="">```<img scr="">```</a>
- 链接到同一个页面的不同位置
<a href="#id/#name" rel="">`jump to`</a>
- 在新的浏览器窗口打开链接
<a href="" rel="" target="_blank">````</a>
HTML 图像
标签 | 描述 |
<img> | 定义图像。 |
<map> | 定义图像地图。 |
<area> | 定义图像地图中的可点击区域。 |
HTML 列表
列表标签 | 描述 |
<ol> | 定义有序列表。 |
<ul> | 定义无序列表。 |
<li> | 定义列表项。 |
<dl> | 定义定义列表。 |
<dt> | 定义定义项目。 |
<dd> | 定义定义的描述。 |
HTML 表格
表格相关标签 | 描述 |
<table> | 定义表格 |
<caption> | 定义表格标题。 |
<tr> | 定义表格的行。 |
<th> | 定义表格的头。 |
<td> | 定义表格单元。 |
<thead> | 定义表格的页眉。 |
<tbody> | 定义表格的主体。 |
表格的排布 | | | | | |
<table> | | | | | |
<caption> | | | | | |
<thead> | <tr> | <th> | <th> | <th> | <th> |
<tbody> | <tr> | <th> | <td> | <td> | <td> |
| <tr> | <th> | <td> | <td> | <td> |
| <tr> | <th> | <td> | <td> | <td> |
<tfoot> | | | | | |
HTML 表单
列表的标签 | 描述 |
<form> | 定义供用户输入的表单 |
<label> | 定义一个控制的标签 |
<input> | 定义输入框或者按钮 |
<button> | 定义一个按钮 |
<select> | 定义一个选择列表 |
<datalist> | 为 <input> 元素规定预定义选项列表 |
<option> | 定义下拉列表中的选项 |
<optgrouop> | 定义选项组 |
<fieldset> | 定义域 |
<legned> | 定义域的标题 |
<textarea> | 定义文本域 (一个多行的输入控件) |
属性 | 值 | 描述 |
action | URL | 规定向何处发送表单数据 |
method | GET/POST | 规定如何发送表单数据 |
name | name | 规定表单的名称 |
属性 | 值 | 描述 |
for | element_id | 规定 label 与那个表单元素绑定 |
属性 | 值 | 描述 |
name | field_name | 定义 input 元素的名称 |
accept | mine_type | 规定上传文件的类型 |
enctype | multipart/form-data | 允许多文件上传 |
type | file | 文件上传 |
| radio | 单选框 |
| checkbox | 复选框 |
| text | 文本 |
| password | 密码 |
| number | 数字 |
| tel | 号码 |
| mail | 邮箱 |
| button | 普通按钮 |
| submit | 提交按钮 |
| reset | 重置按钮 |
value | value | 规定 input 元素的值 |
pattern | regexp | 规定通过其检查输入值的正则表达式 |
属性 | 值 | 描述 |
disabled | disabled | 规定禁用该下拉列表。 |
multiple | multiple | 规定可选择多个选项。 |
name | name | 规定下拉列表的名称。 |
size | number | 规定下拉列表中可见选项的数目。 |
<select>
标签的用法
<datalist>
标签的用法
<fieldset>
标签的用法
HTML 格式化
格式化标签 | 描述 |
<em> | 斜体,定义着重文字 |
<strong> | 粗体,定义加重语气,语气更重 |
<sup> | 定义上标字 |
<sub> | 定义下标字 |
<code> | 定义键盘码 |
<abbr> | 定义缩写 |
<address> | 定义地址 |
<blockquote> | 定义长的引用 |
<q> | 定义短的引用 |