动态网页制作第03讲HTML核心标记(免费阅读).pptVIP

网页设计与网站开发 第三讲：HTML核心标记 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 核心属性 HTML核心属性 核心属性 HTML核心属性-- id 核心属性 HTML核心属性-- id 核心属性 HTML核心属性-- class 核心属性 HTML核心属性--style 核心属性 HTML核心属性--title 核心属性 HTML核心属性--dir 核心事件 HTML核心事件 核心事件 HTML核心事件 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 常用标记 标题 常用标记 段落和换行 常用标记 font 常用标记 hr 常用标记 hr 常用标记 div与span 常用标记 pre预格式化标记 常用标记 文字格式标记 常用标记 特殊字符 常用标记 无序列表标记ul: 常用标记 有序列表标记ol 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 超链接 简单实例1 超链接 简单实例2 超链接 链接的target 超链接 链接的外观 主要内容 HTML标记的核心属性 HTML常用标记 超链接 图 像 图 像 图像标记img 图 像 图像标记举例 图 像 图像作为超链接 图 像 图像映射 图 像 图像映射 作业 除了我们课堂上讲的标记(以及表格\框架\表单标记)外，还有那些标记你认为是比较重要的，写出这些标记的名称，并简要说明其用法？(至少写出3个) 下一讲: 网页色彩与布局 img：把一幅图像放到网页中； 格式：img src=URL alt=text align= top width= height= border = hspace= vspace = 常用属性说明： src:指定图像的URL； alt: 替换文本(如果浏览器不支持图像格式或找不到图像)； align：文本的当前行与图像在垂直方向上对齐方式，取值top/middle/bottom（默认） ； width/ height：指定图像显示的宽和高； hspace: 图像左右两边的空白距离； vspace ：图像上下两边的空白距离； border ：边框尺寸； 举例1： 设定上下左右空白位置 img src=girl.gif width=120 height= 200 border=0 alt=beautiful hspace=10 vspace= 20 举例2： 设定边框厚度 img src=girl.gif width=120 height= 200 border=2 alt=beautiful hspace=10 vspace= 20 a href=# img src=girl.gif border=0 alt=beautiful /a 注意：img和/a标记不要有空格，否则会出现“小尾巴”。 交换图像实现： a href= # img src=normal.gif border= 0 onmouseover=this.src=over.gif onmouseout=this.src=de.gif onmousedown=this.src=push.gif/a 概念：把一幅图像分割成一些热点，根据用户点击的位置，不同的热点可以连接到不同的URL； 应用： 在img标记中加入usemap属性，通过它访问map标记； map标记一般定义在文档的末尾； 在map中用area定义映射方式； area只能定义在map的内部，主要属性有： shape: rect矩形，circle圆形，poly多边形； coords:坐标对，以左上脚坐标（0,0）为基准； href:定义联接的目标； 举例： img src=girl.gif usemap=#face map name=face !--矩形文字区域-- area shape=rect href=page1.htm coords=0,0,100,100 alt =rect !--三角形区域-- area shape=poly href=page2.htm coords=100,100,180,80,200,140 alt = poly !—园形区域-- area shape=circle href=page3.htm coords=100,100,60 alt=circle /map * * 联系方式：bosscao@126.com 核心属性有： id; class；style；title和dir五个； 几乎绝大多数的HTML标记都有这些属性； 而其它的属性则是某些标