URL
type
status
date
slug
summary
tags
category
icon
password
…
开头区域
标签名称 | 常见属性 | 备注 |
<!DOCTYPE ...> | html5 直接 <!DOCTYPE html> | 告知浏览器文档使用哪种 HTML 或 XHTML 规范
“单标签” |
<html lang="en"> | en：定义页面语言为英语。zh-CN：定义页面语言为中文。 | 用于指定页面的语言类型 “单标签” |
head 区域
标签名称 | 常见属性 | 备注 |
meta | charset；name；http-equiv；content | 基本的配置项目：字符集 charset，视口
viewport，定义“关键词”，定义“页面描述”等等
“单标签” |
title | ㅤ | 设置网页标题 “双标签” |
base | href | 指定基础的路径 |
style | ㅤ | 写 css |
link | rel；type；href | 定义文档与外部资源的关系 |
script | ㅤ | 写 js |
body 区域
排版标签
标签名称 | 常见属性 | 备注 |
<h1>-<h6> | ㅤ | 块级 |
<p> | align | 块级 |
<hr /> | align；size；width；color；noshade | 水平线 |
<br /> | ㅤ | 换行 |
<div> | align | 块级 |
<span> | ㅤ | 内联 |
<center> | ㅤ | 内容居中（已废弃） |
<pre> | ㅤ | 预定义（几乎不用） |
字体标签
标签名称 | 常见属性 | 备注 |
<u> | ㅤ | 下划线标记 |
<s>或<del> | ㅤ | 中划线标记（删除线） |
<i>或<em> | ㅤ | 斜体标记 |
<b>或<strong> | ㅤ | 粗体标签(已废弃) |
<font> | ㅤ | 字体标签（已废弃） |
<sup>和<sub> | ㅤ | 上标和下标 |
<a> | href；target；name；title | 内联 |
图片标签
标签名称 | 常见属性 | 备注 |
<img /> | src；alt；width；height；title；align | 行内块 |
列表标签
标签名称 | 常见属性 | 备注 |
<ul> | type | 无序列表 |
<ol> | type | 有序列表 |
<li> | ㅤ | 列表项 |
<dl> | ㅤ | 定义列表 |
<dt> | ㅤ | 定义列表标题 |
<dd> | ㅤ | 定义列表项 |
表格标签
标签名称 | 常见属性 | 备注 |
<table> | border；style=“border-collapse:collapse;”；width；height；bordercolor；align；cellpadding；cellspacing；bgcolor；background；bordercolorlight；bordercolordark；dir（ltr，rtl） | 表格 |
<tr> | dir；bgcolor；height；align；valign | 行 |
<td> | colspan；rowspan；align；valign；width；height；bgcolor；background | 列（单元格）行内块 |
<th> | ㅤ | 加粗单元格即 td+b |
<caption> | align | 表格标题，与 tr 并列 |
<thead> | ㅤ | 按照 thead、tbody、tfoot 的顺序依次来显示内容 |
<tbody> | ㅤ | ㅤ |
<tfoot> | ㅤ | ㅤ |
框架标签
framset 和 body 只能 2 选 1，iframe 是 body 的子标记
标签名称 | 常见属性 | 备注 |
<frameset> | rows；cols | 框架的集合 |
<frame> | scrolling；noresize；bordercolor；frameborder（0,1）；name | 框架 |
<iframe> | src；width；height；scrolling；name | 内嵌框架 |
表单标签
标签名称 | 常见属性 | 备注 |
<form> | name；id；action；method | 表单标签 |
<input> | type；value；size；readonly；disabled | 输入标签行内块 |
<select> | multiple；size | 下拉列表 |
<option> | selected | select 里的每一项 |
<textarea> | rows；col；readonly | 多行文本输入 |
<label> | for | 关联 input 元素 |
intput 的 type 属性值
- text（默认）
- password：密码类型
- radio：单选按钮
- checkbox：多选按钮
- checked：将单选按钮或多选按钮默认处于选中状态。
- hidden：隐藏框
- button：普通按钮
- submit：提交按钮
- reset：重置按钮
- image：图片按钮,和提交按钮的功能完全一致
- file：文件选择框
多媒体标签
标签名称 | 常见属性 | 备注 |
<bgsound> | src；loop | 播放背景音乐 |
| | | | ㅤ | ㅤ |
| | | | ㅤ | ㅤ |