…
开头区域
| 标签名称 |
常见属性 |
备注 |
<!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 |
播放背景音乐 |
| `` |
|
|
| `` |
|
|
| `` |
|
|
| `` |
|
|
![image]()
![image]()
