# 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> 定义文本域 (一个多行的输入控件)
  • <form>标签的属性
属性 描述
action URL 规定向何处发送表单数据
method GET/POST 规定如何发送表单数据
name name 规定表单的名称
  • <label>标签的属性
属性 描述
for element_id 规定 label 与那个表单元素绑定
  • <input>标签的属性
属性 描述
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 规定通过其检查输入值的正则表达式
  • <select>标签的属性
属性 描述
disabled disabled 规定禁用该下拉列表。
multiple multiple 规定可选择多个选项。
name name 规定下拉列表的名称。
size number 规定下拉列表中可见选项的数目。
  • <select>标签的用法

    <select>
      <optgroup>
        <option></option>
        ...
      </optgroup>
    </select>
    
  • <datalist>标签的用法

    <input list="idtext" />
    <datalist id="idtext">
      <optgroup>
        <option></option>
        ...
      </optgroup>
    </datalist>
    
  • <fieldset>标签的用法

    <form>
      <fieldset>
        <legend>fieldset title</legend>
        ...
      </fieldset>
    </form>
    

# HTML 格式化

格式化标签 描述
<em> 斜体,定义着重文字
<strong> 粗体,定义加重语气,语气更重
<sup> 定义上标字
<sub> 定义下标字
<code> 定义键盘码
<abbr> 定义缩写
<address> 定义地址
<blockquote> 定义长的引用
<q> 定义短的引用