第3章1html标记浅析.ppt

《基于Web标准的网页设计》;第三章 HTML标记功能详述 ;本章要点;HTML标记基础;文本格式标记;网页中添加文本的方法 ;用标题标记hn……/hn格式化文本;标题标记和段落标记 ;用预格式化标记pre…/pre格式文本;文本的强制换行br /;文本中的空格;文本中的转义字符;DW中插入HTML文本元素的快捷键 ;综合实例;跑马灯marquee标记;marquee示例;水平线标记hr / ;文本修饰标记（字体标记）;文本修饰标记;加粗、倾斜与下划线标记;上标（sup）和下标（sub）标记 ;列表标记 ;列表标记;嵌套的无序列表示例;有序列表(Ordered List);定义列表(Defined List);超链接标记a ;超链接标记a ;绝对URL ;相对URL ;相对URL示例;相对URL的优势;超链接的种类－根据源对象划分 ;超链接的种类－根据源对象划分2;超链接的种类－根据href的取值;超链接的??类－根据href的取值2;超链接的打开方式（target属性的取值） ;超链接的title属性;超链接制作的原则 ;课后思考;url协议的类型;图像标记img / ;图像标记 ：img src=“图像文件名” / 将图形文件嵌入到网页文档中的当前位置 说明：网页中插入图像有两种方法，一是插入一个img元素，二是将图像作为背景嵌入到网页中 由于CSS的背景属性的功能很强大，现在更推荐将所有的图像都作为背景嵌入。如果图像是通过img元素插入，则可以在浏览器上通过按住鼠标左键拖动选中图片，或者将它拖动到地址栏里，如果作为背景嵌入，则无法选中图片;网页中支持的图像文件格式 ;img标记的常见属性;在单元格中插入图像的方法 ;img插入图像的对齐方式 ;复习题;作 业（第一次）;媒体元素插入标记embed /;插入flash的两种方法 ;在图像上添加透明flash ;;插入视频或音频文件 ;流媒体简介;插入流媒体元素的方法;parm参数示例;容器标记div span;div和span;div和span;;表格标记table、tr、td;表格标记;;下面这段代码在浏览器中如何显示;表格标记table的常见属性;设置表格边框为20象素的效果;设置表格边框为0;再设置边框颜色为青色;再设置背景颜色为玫瑰色;设置间距为10，取消背景色;总结:间距cellspacing的作用;再设置填充为10;总结：填充cellpadding的作用;表格的rules属性;单元格标记td的常见属性;设置第一个单元格边框为红色;设置第一行单元格背景色为蓝色;设置所有单元格背景色为蓝色;再设置表格的背景色为红色;实现1象素边框表格;用CSS属性border-collapse做1象素边框的表格;双细线边框表格的原理;双细线边框表格的实现;例2 下面的表格是如何实现的;单元格内容的对齐属性align/valign;单元格的合并属性（colspan、rowspan） ;;标题单元格th标记;表格标题标记caption;;tbody……/tbody标记 ;普通表格与布局表格的区别 ;;在Dreamweaver中选中表格的方法;DW在表格中插入行或列的方法;制作固定宽度的表格 ;用单元格制作水平线或占位表格 ;用表格制作圆角栏目框 ;圆角栏目框制作步骤;