[农林牧渔]第4章 网页元素编辑.ppt

网页设计基础,1.一个HTML文件是由一系列的（ ）和（ ）组成。 2.在一个HTML文件中，用来表示网页标题的标签是（ ）。 3.设置网页的页边距的属性为（ ）和（ ）。 4.设置网页中的背景色和文本颜色的属性为（ ）和（ ）。,本章要点,4.1 文字编排 1、 段落与换行 换行控制标记 语法：前一行文字后一行文字 分段控制标记 语法：段落文字,的属性有align 其属性可选值：right left（默认） center 语法：段落文字 2、预格式化标记 语法：段落文字,3、 居中对齐 语法：居中文字 4、 插入水平线 语法：,5、插入特殊符号,第一个HTML文件示例, 文字编排实例 沁园春雪 (1936.02 ) 北国风光，千里冰封，万里雪飘。,程序代码,望长城内外，惟馀莽莽；大河上下，顿失滔滔。 山舞银蛇，原驰蜡象，欲与天公试比高。 须晴日，看红妆素裹，分外妖娆。 江山如此多娇， 引无数英雄竞折腰。 惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。 一代天骄，成吉思汗，只识弯弓射大雕。 俱往矣，数风流人物，还看今朝。 ,4.2 文字美化,1、 字体设置 标题文字标签 标签一共六级，和之间的文字是第一级标题，以此类推。由到逐渐变小，每个标题标记所标示的字句将独占一行且上下留一行空白行。 的属性有align 。 语法：标题文字,标题文字实例, 标题文字 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ,程序代码,字体标记 文字格式控制标签 的属性有face,size,color。 Face设定文字字体，其属性为字体名称。 Size设定文字大小，取值1-7，默认值3。 Color设定文字颜色，可以用#nnnnnn,也可以采用颜色名称。 语法：文字,文字格式实例, 文字格式 少年行 新丰美酒斗十千，咸阳游侠多少年。 相逢意气为君饮，系马高楼垂柳边。 ,程序代码,2、文字修饰,文字修饰实例, 文字修饰实例 七律 长征一九三四年十月中央红军从江西、福建出发，于一九三五年十月到达陕北，行程二万五千余里。 红军不怕远征难，万水千山只等闲。 五岭逶迤腾细浪，乌蒙云贵间金沙江南岸的山脉。磅礴走泥丸。 金沙水拍云崖暖，大渡桥横铁索寒。 更喜岷山千里雪，三军过后尽开颜。,程序代码,3、列表与项目符号,无序列表 无序列表标签 是一个双标签 语法： 项目1 项目2 项目n ,type用来设定控制符号,其属性值有disc, circle, square。 (1)disc用于设定一个实心圆点，为默认值。 (2)circle用于设定一个空心圆点。 (3)square用于设定一个实心方形。,有序列表 有序列表标签 语法： 项目1 项目2 项目n ,Type的参数值,列表与项目符号实例,start的值只能为阿拉伯数字，其值不能为a,b,c,i,ii,iii等, 列表与项目符号实例 ,程序代码,影视 音乐 软件 百度 新浪 搜狐 ,4.3 插入图像 语法： ,插入图片标记的属性,图文混排(align),小老鼠,小老鼠,小老鼠,小老鼠,小老鼠,图文混排(clear) 如果想希望某一行文字从图片下开始显示，而不是对齐图片显示，则应在标签下添加如下属性： clear=“left”:文本在图象下面另起一行,用于图像在左边（align=“left”）的情况。 clear=“right”:文本在图象下面另起一行,用于图像在右边(align=“right”)的情况。 clear=“all”:文本在图象下面另起行处。,插入图像实例,程序代码, 图文混排 如果文本还没有填满图像周围的空间,而希望从图像下面重新开始一行文本时,用标签clear。,4.4 超链接的使用 1、路径的概念 相对路径：是以引用文件的网页所在位置为参考基础而建立的路径。 绝对路径：是以web站点的根目录为参考基础的目录，在www中则以http开头的链接都是绝对路径。,2 、建立超链接 语法：链接文字 target用于指定打开链接的目标窗口，默认方式是原窗口，如果想让链接文件打开在一个新的窗口，可以设置target=“_blank”。,站内链接 目录文字 在链接的目标处（书签或锚）使用超链接目标,站内链接实例,其他站点链接 语法： 链接文字 图像链接 语法： ,邮箱链接 语法： 描述文字,3、链接文字颜色属性 语法: Link属性表示默认没有单击过的连接文字颜色 Alink属性表示鼠标按下链接文字时候的链接文字颜色 Vlink属性表示单击过的链接文字颜色。,本章小结,本章主要介绍网页中如何进行文字的编排和美化，以及介绍了图像的插入和各种显示设置、超级链接，是一些比较基础的知识。特别是网页中超级链接的设置应该重点掌握。,思考题,(1)列举HTML中常见的段落格式化标记，它们 各自有哪些主要属性？ (2)HTML中怎样给网页添加水平线?怎样改变 字体属性，怎样进行