html北大青鸟账号s1分享,S1-HTML标签总结

S1很快结束了，对于很多学员来说，HTML一本书比较难，主要是这本书的标签过多，记忆起来比较难，所以我特意整理了S1HTML一书中的所有标签以及扩展，希望对学员有所帮助.

常用标签：

1、：标记HTML内容文档；

2、

：文档头部信息；

3、

：文档标题信息；：标记文档主体部分，常用属性请见下：

a) bgcolor：设置网页的背景色；

b) background：设置网页背景图；

4、

：设置等级标题；

为最大，

为最小

5、：控制网页上文本的显示外观；常用属性：

a) size：字体大小；

b) color：颜色；

c) face：字体；

6、

：段落标签，常用属性：

a) align：对齐方式(取值范围：left(左对齐)，center(居中对齐)，right(右对齐))

7、
：换行；(没有结束标签)

8、：在HTML文档中插入图像；常用属性：

a) src：指定图像源文件所在的路径；

alt：提示文字内容(将鼠标悬浮在图片上即可显示，或图像下载失败时显示)

b) width：宽度；

c) height：高度；

d) align：该图像与文本的对齐方式(取值范围：top，bottom，middle，left，right)

9、

---

：水平线(内容分隔)标签(没有结束标签)，常用属性：

a) size：指定水平线的高度；

b) color：设置水平线的颜色；

c) width：水平线的宽度(取值范围：可以是以像素为单位，也可以百分比作单位)；

10、

• ：无序列表，常用属性：

a) type：设置列表项的开始符号；(取值范围：disc(默认值，表示实心圆点)，circle(空心圆环)，square(空心正方形))；

11、

1. ：有序列表；常用属性：

a) type：设置列表项的开始符号；(取值范围：1、a、A、i、I，分别代表数字序列，小写英文字母序列，大写英文字母序列，小写罗马数字序列，大写罗马数字序列)；

12、

：列表项，每一个标签代表一个列表项，通常与

• 或

1. 使用；

13、

：预格式文本标签；(与源代码中的文本格式相同)

14、：创建超级链接；常用属性：

href：指定要链接的地址；(使用href="mailto:地址"指向要发送的E-mail地址)；

a) name：创建锚记，(使用href="#锚记名"链接到已创建的锚记)；

b) target：指定链接的打开方式；(取值范围：_blank(新窗口打开)，_self(同一窗口打开)，_parent(在上一级窗口打开)，_top(在整个浏览器中打开))

15、：滚动标签；常用属性：

a) scrolldelay：滚动延迟时间；(默认值为90ms)；

b) direction：滚动方向；(取值范围：up，down，left，right)

c) loop：设置滚动次数；

16、

标签共同构成网页中的表格元素。常用属性： a) border：边框宽度(如果对
标签使用，则只对本行或本单元格有效)； b) width：表格宽度(可以以百分比单位)； c) height：表格高度(可以以百分比单位)； d) bgcolor：表格背景色(如果对
标签使用，则只对本行或本单元格有效)； e) background：表格背景图像(如果对
标签使用，则只对本行或本单元格有效) f) align：表格文本对齐方式；(取值范围请见上)； g) cellpadding：填充属性，表示文字与边框的距离； h) cellspacing：间距属性，表示表格边框间的距离； 17、	标签，常用属性： a) rowspan：跨多行； b) colspan：跨多列； 18、 ：在网页中创建表单区域；常用属性： a) action：指示服务上处理表单输出的程序； b) method：如果将数据发送给服务器；(取值范围：post(较安全)，get(不安全))； c) name：指定该表单名称； 19、：定义显示的控件类型和外观；常用属性： a) type：指定表单元素类型(取值范围：text，password，checkbox，radio，submit，reset，,file，hidden，image，button等)； b) name：指定表单元素名称； c) value：指定表单元素的初始值； d) size：初始宽度； e) maxlength：指定在text或password元素中输入的最大字符数，默认值为无限大； f) checked：指定按钮是否被选中，对radio或checkbox有效。 20、：列表框与标签同时使用，构成列表元素，常用属性： a) name：指定列表名称； b) size：行数； 21、：列表元素，常用属性： a) value：可选项的值； b) selected：默认选中； 22、：多行文本域，常用属性； a) name：指定名字； b) cols：指定字符宽度； c) rows：指定最多几行文本； 23、 ：框架集合，由多个标签组成；常用属性； a) bordercolor：边框颜色； b) cols(rows)：分割方向及百分比； 24、：框架标签；常用属性： a) name：指定框架名； b) src：文档路径； c) scrolling：是否显示滚动条，(默认显示，NO为不显示) d) noresize：禁止改变框架窗口大小； 25、 a) 常用文本属性如下： i. font-size：字体大小； ii. font-family：字体类型； iii. font-style：字体样式； iv. color：文本颜色； v. text-align：对齐方式； b) 常用背景属性： i. background-color：背景颜色； ii. background-image：背景图像； iii. background-repeat：背景图像如何重复显示(取值范围：repeat(铺满整个区域，默认情况)，no-repeat(不平铺)，repeat-x(水平方面平铺)，repeat-y(垂直方向平铺))； c) margin：边界，元素距边界的距离； d) border：边框； e) padding：填充；(内容与上边框的距离)； f) 特殊的样式规则： i. a:link{ //样式 }：未被访问的链接样式； ii. a:visited{ //样式 }：已访问的样式； iii. a:hove{ //样式 }：鼠标悬浮时的样式； iv. a:active{ //样式 }：鼠标正在按下时的样式； 26、 层标签；常用属性： a) id：指定层引用样式； b) 定义层样式： i. 使用#定义ID样式选择符 ii. position：位置(取值范围：absolute(绝对定位)，relative(相对定位)) iii. left：距离左边界距离；(相当于X轴座标)； iv. top：距离上界边的距离；(相当于Y轴座标)； v. width、height：宽度，高度； vi. z-index：层编号，越大显示顺序越靠前； vii. (其他基本不变，在此不再赘述) 常用CSS小技巧： 1、制作图片按钮： .picButton{ background-image:url(图片地址); margin:0px; border:0px; padding:0px; //设置宽高与图片同大，设置字体大小 //OK!~ } 应用： class="picButton" value="点我吧！"> 2、制作细边框文本框： .borderStyle{ border:1px solid #000000 } 应用： class="borderStyle"> 3、设置无下划线的超链接： a:link{ text-decoration:none } 4、鼠标悬浮时变色改大小 a:hover{ color:red; font-size:50px; } 北大青鸟大连双源---陈晶