2.1html探究.ppt

Web标准网页设计与PHP;第2章 HTML;本章要点;HTML文档的结构;编写HTML网页文档的方法;用记事本写一个最简单的网页;2.1.2 Dreamweaver的开发界面;2.1.4 HTML标记;带有属性的HTML元素的结构 ;例2 找出下面html代码的错误;HTML标记 的分类（2）;HTML标记（续）;HTML标记（续）;HTML标记 的分类;html标记常见的的属性;练习;2.2在网页中添加文本 ;2.2.1 文本格式标记;用标题标记hn……/hn格式化文本;文本格式标记的示例 ;文本中的空格;文本中的转义字符;DW中插入HTML文本元素的快捷键 ;综合实例;水平线标记hr / ;2.2.5创建列表;列表标记;嵌套的无序列表示例;有序列表(Ordered List);定义列表(Defined List);图像标记img/ ;网页中插入图像有两种方法 一是插入一个img元素 二是将图像作为元素的背景嵌入到网页中（在第4章中介绍） 图像标记，语法： img src=“图像url路径” / 将图像文件嵌入到网页中的当前位置;插入图片示例代码;img的属性;2.4.2 网页中支持的图像格式;;;网页中3种图像格式的比较 ;2.5 创建超链接;超链接标记a ;网页中的超链接示例;超链接标记a的属性;超链接或锚点标记a;绝对URL ;相对URL ;相对URL示例;相对URL的优势;超链接的种类－根据源对象划分 ;热区链接;超链接的种类－根据href的取值;超链接的种类－根据href的取值2;2.5.4 超链接目标的打开方式;超链接制作的原则 ;复习题;2.6插入flash及多媒体元素;2.6.1插入flash的方法;插入flash的两种方法 ;在图像上添加透明flash ;;插入视频或音频文件 ;流媒体简介;插入流媒体元素的方法;parm参数示例;2.6.3 HTML 5新增的多媒体标记;2. audio标记;3. canvas标记;2.7 创建表格;表格标记;;下面这段代码在浏览器中如何显示;表格标记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在表格中插入行或列的方法;制作固定宽度的表格 ;用单元格制作水平线或占位表格 ;用表格制作圆角栏目框 ;圆角栏目框制作步骤;;表格布局综合案例——制作太阳能网站 ;;把网页分为上下两部分装在表格中;网页的布局表格结构 ;制作网页的头部 ;制作网页的主体部分 ;制作网页的主体部分 ;;3. 完善网页及插入Flash