Hyper Text Markup Language.jpg
语法
- 标签
双标签：<关键字></关键字>
单标签：<关键字/> - 属性
属性名="属性值"
写在开始标签/单标签中，并且在关键字后。
文本修饰
| 标签 | 作用 |
|---|---|
h1～h6 |
标题 |
p |
段落 |
pre |
预格式 |
hr |
水平分隔符 |
br |
回车换行 |
center |
居中 |
文字修饰
| 标签 | 作用 |
|---|---|
font[color][size][face] |
字体[颜色][大小][字体] |
b |
加粗 |
i |
斜体 |
u |
下划线 |
列表
| 标签 | 作用 |
|---|---|
ul [type="disc / circle / square"] > li |
无序列表 |
ol [type="1 / a / A / i / I"] > li |
有序列表 |
dl > dt + dd |
定义列表 |
多媒体
| 标签 | 作用 |
|---|---|
img[src][alt][title] |
图片 |
a[href="网址或者文件路径#锚名"][target="_blank / _self / 框架名"] |
超链接 |
定义锚
- [id]
- a[name]
表格
table[align][border][bordercolor][bgcolor][cellspacing][cellpadding] > tr > td[colspan][rowspan]
table > caption
> thead > tr > th
> tbody > tr > td
> tfoot > tr > td
注意：表格的内容写在td
表单
form[action][method]
表单元素
input
input
[text][size][maxlength]文本框
[password]密码框
[hidden]隐藏框
[radio]单选按钮 使用相同[name]
[checkbox]复选框
[button]按钮
[submit]提交按钮
[reset]重置按钮
[image][src][width][height]图片按钮 与img是一致
[file]文件上传按钮
select
select[multiple] > option 下拉框
textarea
textarea[cols][rows] 文本域
button
button[type="button|submit|reset"]按钮
通用属性
| 属性 | 作用 |
|---|---|
[value] |
值 |
[name] |
名 |
特殊属性
| 属性 | 作用 |
|---|---|
[disabled] |
禁用 |
[readonly] |
只读 |
[checked] |
单选按钮和复选框默认选中 |
[selected] |
下拉框默认选中 |
- 一般表单元素都放在
form
框架
frameset[cols][rows][border][bordercolor][frameborder] > frame[name][noresize][scrolling="no / yes / auto"]
注意事项
-
[cols][rows]最好不要同时使用 -
frameset不能放在body里面 -
[cols]或[rows]分割比例数量要与frame数量一致。
低频率的标签
fieldset > legend + input-
marquee[behavor][direction][loop]--非标准标签 -
bgsound背景音乐--非标准标签 -
subsup
标签分类
| 类型 | 特点 | 例子 |
|---|---|---|
| block标签 | 独占一行;width height起作用 |
h1~h6 p pre hr br table form ul ol dl center
|
| inline标签 | 共享一行;width height不起作用 |
input font b i u a
|
- inline标签使用
display:inline-block;可以设置width和height。
