页面布局与文字设计.pptVIP

教学目的: 1．掌握使用页面属性控制标记; 2．掌握文本格式化标记学会灵活应用; 3. 掌握文字移动标记; 教学重难点: 页面属性控制标记的设置.(重点) 文字移动(难点) 任务一、文档主体body属性的设置 1. 在〈BODY〉标记中可以确定整个文档的背景色、前景色等基本属性。 2.语法: body bgcolor=# text=# link=# alink=# vlink=# background=URL bgproperties=“fixed” 说明: ? bgcolor --- 页面背景色彩 ? text --- 普通文字的色彩 ? link --- 可链接文字的色彩 ? alink --- 正被点击的可链接文字的色彩 ? vlink --- 访问过的可链接文字的色彩 ? background---背景图象,后面是一个图象地址 ? bgproperties=“fixed”---固定背景图片 任务二、 文字的基本属性 文件题头属性: title和/title之间的部分，就是这一个HTML文档的总标题，它一般出现在head标记中。文件标题一般会显示在浏览器最上面的标题栏的位置. 2.标题(hn) 标题元素有6种，分别为h1, h2,…h6，用于表示 文章中的各种标题。标题号越小，字体越大. 其中hn可以有对齐属性，align＝#，#表示 ? left 标题居左 ? center 标题居中 ? right 标题居右 例如：h2 align=center标题2的文字/h2 3. 分段标记 p html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多文字处理器不同的。html的分段完全依赖于分段元素p, p也可以有多种属性，比较常用的是： align=#,#可以是left,center,right. 如:pparagraphy one /ppparagraph two /p 4. 换行标记br br是一个单标记，这个标记用来标识一个换行动作。在HTML文件中可以用它来调整行间距。 5. 预格式化标记pre 作用：令文字按照原代码的方式显示。? 这个标记允许保留你在原代码中输入的空白和回车。?  6. 字体标记font 字体大小 用font size=#指定。 HTML有7种字号，1最小，7最大。缺省值为3号。 例如：font size=7Today is fine!/font (2)字体颜色 用font color=#指定。其中，#参数值可是 是用英文描述的颜色如“RED”，”BLUE”， 也可以是十六制进值。 (3)字形 用font face=#指定。 7. 字体风格 分为：物理风格和逻辑风格。 物理风格直接指定字体，b有黑体，i斜体，u下划线。 逻辑风格指定文本的作用，如：em/em突出显示，它并不指明怎样突出法，而让浏览器自行决定，大多数浏览器就把它处理为斜体。strong/strong重点突出显示 8.字体闪烁 blink文本/blink 使文本闪烁，闪烁频率为 1秒钟一次。IE浏览器并不支持，Netscape浏览器支持。 9.居中标记center/center 很多标记都有对齐方式属性，如H,P等。也可以直接用居中链接签center…/center. 例如： center This must be my dream. /center 10. 水平线标记HR 语法: hr align/ width/ size/ color/ noshade 作用:这个标签可以在屏幕上显示一条水平线， 用以分割页面中的不同部分。 属性说明： ? size : 水平线的宽度; ? width :水平线的长，用占屏幕宽度的百分比或象素值来表示; ? align :水平线的对齐方式，有left,right,center三个值 ? noshade :线段无阴影属性，为实心线段 11. 清单标记 ? 无序清单 ul ul li 清单项目1 li 清单项目2 /ul 说明:li的参数设定: li type=“disc/circle/square” 有序清单 ol li清单项目1 li清单项目2 /ol 说明:ol的参数设定: ol type=“1/a/A/i/I” start=“1,2,3…等” 定义清单dl 是一种分两层的项目清单,用dl开始，用清单条目dt引导