web页面制作基础html.pptVIP

网站开发基本过程 2 HTML文本设计 2.3 建立列表 在网页中经常使用的列表分为：有序列表和无序列表。由带有序号标志（如数字、字母等）的表项组成有序列表。否则就为无序列表。 1. 有序列表 格式： ol type=符号类型 li type=”符号类型”…/li li type=”符号类型”…/li … /ol 功能：建立有序列表。 2 HTML文本设计 2. 无序列表 格式： UL type=”符号类型” LI type=”符号类型”…/LI LI type=”符号类型”…/LI … /UL 功能：建立无序列表。 Type的值： disc、 circle、 square 2 HTML文本设计 3. 自定义定义列表 格式：DL DT…/DT DD…/DD DT…/DT DD…/DD … /DL 注意：根据文档的具体要求，列表可以嵌套使用。 2 HTML文本设计 2.4 字符格式化 1．字体设置标记 格式：FONT…/FONT 功能：设置字体格式标记。 size=size：设置文字的大小，默认的数值为3。face=fontstyle：设置字体，如宋体、黑体、隶书等。 color=colorvalue：设置文字的颜色。 2 HTML文本设计 2．其他标记 其他标记格式 功能 U…/U 给字符加下划线 S…/S 给字符上加删除线 B…/B 给字符加粗 I…/I 将字符设置成斜体 BLINK…/BLINK 标记使得其中的文字产生闪烁的效果 3 加入多媒体与超级链接 3.1 加入图像、视频、动画 格式：IMG /空标签 功能：在网页中加入图像、视频、动画等。 1．插入图像 图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。 3 加入多媒体与超级链接 标记属性 功能 src =URL 通过URL给出图像来源的位置，不可缺省 width=size 设置图像宽度 height =size 设置图像高度 alt= txt 设置在图像未载入前图片位置显示的文字 border= size 设置图像边框，缺省为0 align=alignstyle 设置对齐方式。取值为：top，middle，bottom，aleft，right hspace=size 设置图片左右边沿空白 vspace=size 设置图片上下边沿空白 3 加入多媒体与超级链接 2．插入视频 使用IMG插入视频或动画时，含有的属性如下表： 标记属性 功能 dynsrc=URL 设置多媒体来源位置 loop=size 设置视频播放的次数 loopdelay=time 设置两次播放的间隔时间 start=value 指定何时开始播放视频文件 3 加入多媒体与超级链接 3.2 加入超级链接 格式：A…/A 功能：在当前页和其他内容间建立超链接。 标记属性 功能 href=URL 给定链接目标的位置 target=frametarget 设置显示链接目标的框架 4 制作表格 4.1 建立表格 TABLE CAPTION…/CAPTION TR TH…/THTH…/THTH…/TH /TR TR TD…/TDTD…/TDTD…/TD /TR … /TABLE 4 制作表格 4.1 建立表格 创建表格是规划页面最常用的方法。 格式：TABLE…/TABLE 功能：创建表格进行页面设计。 在浏览器中显示时，表格的整体外观由TABLE标记的属性决定 。 4 制作表格 标记属性 功能 border=size 设置表格边框大小 width= size 设置表格的宽度 height=size 设置表格的高度 cellspacing=size 设置单元格间距 cellpadding =size 设置单元格的填充距 background =URL 设置表格背景图片 bgcolor =colorvalue 设置表格背景色 align=alignstyle 设置对齐方式 cols =size 设置表格的列数 4 制作表格 4.2 定制表格 TABLE只是空表格，还需要定义行和单元格。 格式：TR…/TR 功能：定义表格的一行。 标记属性 功能 bg=colorvalue 设置行背景颜色 align=alignstyle 设置行对齐方式left, center, right valign=valignstyle 设置单元格垂直对齐方式top