day4HTML高级标签-上

1.列表标签

列表分为:有序列表 无需列表 定义列表

1.1 无序列表

用来表示一个列表的语义,并且每个项目和每个项目之间是不分先后的.

day4HTML高级标签-上_第1张图片
ul 是无需列表的意思 li是列表项

注意:所有的li不能单独存在,必须包裹在ul里面;ul的儿子不能是别的东西只能是li

1.2 有序列表

格式:

day4HTML高级标签-上_第2张图片

1.3 定义列表

dl 定义列表

dt定义标题

dd定义表述词


day4HTML高级标签-上_第3张图片

2. 表格标签

Table标签表格整体标签

THead标签,表格标题部分

TBody标签,表格内容部分

TR标签,表格行

TD标签,表格内容单元格

TH标签,标题单元格

rowspan属性,行合并单元格

colspan属性,列合并单元格

快捷键:ctrl+{进行左缩进,ctrl+}进行右缩进


day4HTML高级标签-上_第4张图片

3. div和span

Div标签:  容器标签

Span标签:  文本及标签 只能放置 文字 图片 表单元素

块级标签:独占行。

行级标签:可以跟其他的行内标签共用一行。

块:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相关的标签都是行内标签。

Div多用于表示文档中的一个块或者是整个结构的小节。

Span标签,多用于文本的一小节。

4.表单标签

表单是收集用户信息的,就是让用户填写的 选择的

4.1 文本框

input表示  输入

type表示类型

text表示文本

value表示值

4.2密码框

4.3 单选按钮

4.4 复选按钮

篮球

4.5下拉列表

select 就是选择 option是选项

格式:


day4HTML高级标签-上_第5张图片

4.6 文本域


day4HTML高级标签-上_第6张图片

cols属性表示列 rows属性表示行 

值就是一个数 表示多少行,多少列

你可能感兴趣的:(day4HTML高级标签-上)