《网页设计与制作》第一章：网页制作基础教程讲解.ppt

一、HTML简介 7. 页首单元 (6)link单元 用来指明HTML文档与其他HTML文档或资源之间的关系。 一般形式：like rel=string href=URL 属性：rel=string,rev=string,href=URL,title=string 内容模式：None 上下文：head 例如：link rev=“made” href=“mail to :aaa@163.com” 一、HTML简介 7. 页首单元 (7)meta单元 用来描述关于HTML文档的元信息(Meta Information) 一般形式：meta 属性： http-equiv=string,name=string,content=string 内容模式:None 上下文：head 一、HTML简介 8. HTML中的超链 HTML中的超链包括两部分：锚标记和目标点。 锚标记：连接的源点。 目标点： 三种超链： (1)不同文件之间的跳转 首标记a和尾标记/a之间的内容是锚标记，href的参数值是目标文件的URL。 例： a href=http://apple.html有关苹果的说明/a 图象锚标记： a href= target＝_blankimg src=1.jpg/a 一、HTML简介 8. HTML中的超链 (2)跳转到标记位置 格式：a name=记号名目标点/a 引用记号格式： a href=URL#记号名锚标记内容/a 例： a href=internet.html#ftp文件传输/a (3)链接地图 将链接源点的图像划分为若干个区域，每个区域都对应着自己的目标文件。 一、HTML简介 8. HTML中的超链 例： img src=/i/eg_planets.jpg border=0 usemap=#planetmap alt=Planets / map name=planetmap id=planetmap area shape=circle coords=180,139,14 href =/example/html/venus.html target =_blank alt=Venus / area shape=circle coords=129,161,10 href =/example/html/mercur.html target =_blank alt=Mercury / area shape=rect coords=0,0,110,260 href =/example/html/sun.html target =_blank alt=Sun / /map 一、HTML简介 8. HTML中的超链 例： img src=/i/eg_planets.jpg border=0 usemap=#planetmap alt=Planets / map name=planetmap id=planetmap area shape=circle coords=180,139,14 href =/example/html/venus.html target =_blank alt=Venus / area shape=circle coords=129,161,10 href =/example/html/mercur.html target =_blank alt=Mercury / area shape=rect coords=0,0,110,260 href =/example/html/sun.html target =_blank alt=Sun / /map 一、HTML简介 9. HTML中的表格 创建表格： table … /table 属性：border=n n边框像素单位个数 (1)tr…/tr 定义表行 属性： align=left|center|right; valign=top|middle|bottom|baseline (2)th…/th 定义表头 属性： align=left|center|right; valign=top|middle|bottom|baseline 一、HTML简介 9. HTML中的表格 (3)td…/td 定义表格数据 属性： align=left|center|right; valign=top|middle|bottom|baseline 例： table border=1 width=36% tr th width=25%数学/th th width=33%语文/th th width