HTML第二小节

一、列表标签

1、无序列表:ul--li

2、有序列表:ol--li

备注:ul和ol中间不能嵌套标签,li中间可以嵌套标签。

3、自定义列表:dl--dt--dd

二、表格标签

table-----tr(行)-----td(单元格)

thead-----表格的头部  th---表格的标题

tbody-----表格的内容

单元格的合并联 rowspan:一个单元格占用两行进行显示

 colspan:将一行中的一个单元格占用两个列进行显示。

三、节标签

Div标签-------块级标签:独占行

span标签------行级标签:可以和其他的行内标签共用一行

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

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

四、表单标签

Form:包裹标签 action:#   指向后台地址属性

Input:文本框、单选按钮、多选按钮、提交的按钮、按钮、重置的按钮

单选

  多选

提交的按钮

lable标签,for属性指向要提供服务的标签的id值。

lable直接包裹标签,可以实现点击标签的文字内容,让包裹的表单标签获得焦点。

Select:下拉列表,列表。 Multiple,单属性

Option设置我们的列表的选项。

Textarea文本域标签:当输入大量的文本的时候需要使用文本域标签。

Cols设置文本域可以输入多少列字符,宽度。

Rows设置文本域可以输入多少行字符数,高度。

Fieldset标签

Legend,组合标签的标题。

内联框架标签

iframe标签,现在不建议使用,都用DIV。

其他的补充标签

meta标签:网站SEO,关键词和描述,对网页没有用,给搜索引擎用的。

link标签:引入CSS

script标签:引入JS

a标签补充:#锚定。 target属性补充::blank _parent _self _top framename

base标签:设置当前面页所有的超级链接属性。

特殊字符标记


HTML第二小节_第1张图片


HMTL:

1、网页结构:HTML

常用的标签:Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input  select  textarea lable form fielset

2、CSS,描述样式

3、JavaScript,实现页面交互的效果。

你可能感兴趣的:(HTML第二小节)