页面属性控制与文本格式化标记摘要.pptVIP

第2章　页面属性控制与文本格式化标记（1课时） * 教学目标 掌握使用页面属性控制标记 掌握文本格式化标记学会灵活 教学重点和难点 页面布局标签的使用（重点、难点） 字体属性标签的用法 一、页面标题标记 title标题/title 二、文档头部标记 head头部/head 三、文档主体标记即页面属性的设置 body主体/body 可以设置背景色bgcolor 可以设置背景图片面性background 可以设置文本色text 任务一、HTML文档声明标记 1、文本格式预定义标记pre 原样显示文字标签 pre标签是双标记。将HTML文件中的文字编排方式，通过浏览器显示时，保留原始的文件排版方式。 任务二、文本格式化标记 2、文本段落标记p (双) p标签所标识的文字，代表同一个段落的文字。在浏览器中，不同段落的文字间除了换行外，还会以一个空白行加以间隔，以便区别出文字的不同段落，她可以单独使用，也可以成对使用。 p align=right/center/left内容/p 3、段内换行标记br 是一个单标记，这个标记用来标识一个换行动作。 在HTML文件中可以用它来调整行间距。 nobr内容/nobr强制不换行及wbr内容/wbr自动换行 4、水平线标记hr HR个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。HR属性：　　　size　水平线的宽度。　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示。　　　align 水平线的对齐方式，有left right center三种。　　　noshade 线段无阴影属性，为实心线段。 color设置水平分隔线的颜色。 5、居中显示标记center可双可单 6、标题级数标记hn 题头标记有6种，分别为H1，H2，…H6，用于表示文章中的各种题目。标题号越小，字体越大。 题头标记可以有对齐属性， align=#, #可以为以下值： left标题居左； center标题居中； right标题居右 7、字体修正标记font 属性 face:控制文字使用的字体 size:控制文字的大小(1-7) color:控制文字的颜色 格式：font face=值1 size=值2 color=值3文字/font 8、字体修饰标记biu 粗体b标签（双标签） 斜体i标签（双标签） 下划线u标签（双标签） 9、有序列表标记ol 序号列表和无序号列表的使用方法基本相同，它使用标签ol/ol，每一个列表项前使用li。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示： ol type=值1 start=值2　　　　　　　li项目符号　　　　　　　li项目符号　　　　　　　li项目符号　　　　/ol 说明 type=1 表示列表项用数字标号(1,2,3…) type=A 表示列表项用大写字母标号(A,B,C…) type=a 表示列表项用小写字母标号(a,b,c…) type=I 表示列表项用大写罗马数字标号(I,…) type=i 表示列表项用小写罗马数字标号(i,…) 10、无序列表标记ul 无序号列表使用的一对标签是ul/ul，每一个列表项前使用li。其结构如下所示： 　　　　ul type=值　　　　　　　li项目符号　　　　　　　li项目符号　　　　　　　li项目符号　　　　 /ul 说明 type=disc 设定一个实心圆点的行标号 type=circle 设定一个空心圆点的行标号 type=square 设定一个方形实心的行标号 11、嵌入列表: 将一个列表嵌入另一个列表中，作为另一个列表的一部分，叫做嵌套列表。 HTML可以用层层嵌套的方式来实现多层列表。无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列。