HTML复习

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背景音乐--非标准标签
sub sup

标签分类

类型	特点	例子
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。