网页设计——HTML的文本、图片与超级链接标志.docVIP

第三讲 HTML的文本、图片与超级链接标志 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片。使学生掌握超级链接标志的使用。 【教学内容】 讲解HTML标准中的文本、图片与超级链接标志 【教学重点】 * 字体、图片和超级链接标志的使用。* 网页中特殊符号的输入 。 【教学难点】 * 理解特殊符号对应的标志。* 理解img标志中属性的意义。* 理解书签超级链接的意义 。 【教学方式】 讨论式、案例分析式、练习式。 【教学参考】 1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。2、《WEB网站设计》Joel Sklar著 高等教育出版社。3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】 2.2 插入文字 2.2.1 划分段落 格式P align=*段落内容/P 2.2.2 插入标题文字 格式H? Alight=标题属性标题内容/H? 2.2.3 字号属性 设置基准字号：BASEFONT Size=数值网页内的其他文字，采用下面的格式来定义FONT Size=数值....../FONTSize的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。 2.2.4 颜色属性 两种方式BODY text=#RRGGBBFONT Color=#RRGGBB字符串/FONT 2.2.5 字体属性 FONT Face=“宋体,隶书,Time”/FONT 2.2.6?? 文本修饰 B....../B，文字以粗体显示。I....../I，文字显示为斜体。U....../U，显示下划线。STRIKE....../ STRIKE，中心线贯穿文字。 EM....../ EM，强调文字，通常用斜体。 STRONG....../ STRONG ，特别强调的文字，通常用黑体。 TT....../TT，以等宽体显示西文字符。BIG....../BIG，使文字大小相对于前面的文字增大一级。SMALL....../SMALL，使文字大小相对于前面的文字减小一级。SUP....../SUP，使文字成为前一个字符的上标。SUB....../SUB，使文字成为前一个字符的下标。BLANK....../BLANK，使文字显示为闪烁效果。 2.2.6?? 文本修饰 2.2.7?? 预格式化文本 使用预格式化标记PRE不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符 一般转义符都是以“”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行 ???? BR不换行??? NOBR 2.2.10 插入水平线 使用HR标记属性：Width，Size，Align，Noshade，color 2.2.11 使用列表 1、无序列表 UL Type=*LI =* 列表条目1LI列表条目2....../UL 2、有序列表 OL Type=* Start=n LI Value=n 列表条目1LI列表条目2....../OL 3、定义列表 DLDT列表条目1DD条目1的说明 DT列表条目2DD条目2的说明……/DL 2.3 插入图片 2.3.1 在网页中插入图片 基本格式IMG SRC=url 2.3.2 图片的属性 2.4 建立超级链接 2.4.1 指向一个目标 1、建立超级链接 A HREF=url字符串/A 2、为图片建立超级链接 A HREF=URLIMG SRC=URL Border=0/A 3、链接到邮件和多媒体文件 链接到邮件 A HREF=mailto:nc@请与我联系/A 2.4.2 使用锚点 ?使用锚点可以使用户在一个较长的文档中跳转，方便地找到要阅读的内容。?建立锚点：?A Name=name锚点文字/a?使超级链接指向已定义的锚点。?A HREF=url#name文字/a?A HREF=#name文字/a 2.4.3 新窗口和基准链接 1、打开新窗口 A HREF=url ?Target=window-name开一个新窗口/a 2、基准链接 在HEAD 与 /HEAD 之间设定BASE HREF=/ Target=_top 2.4.4 图像地图 图像地图的格式为：IMG SRC=img.gif Usemap=MAP-Name MAP Name=MAP-NameAREA Shape=# Coords=# HREF=url....../MAP 2.4.4 图像地图 【课后小结】 本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。超级链接标志中，书