第二章-HTML基础知识(一).ppt

HTML基础知识 HTML/DHTML 超文本标记语言– HTML（Hypertext Markup Language） 动态HTML – DHTML（Dynamic HTML） DHTML行为 -- DHTML Behaviors 超文本标记语言– HTML HTML采用不同标记符号来分别标识和设定 不同的网页元素。 每一个网页元素由开始标记、结束标记以及夹在这两个标记的内容组成。标记具有属性。 标记名称 属性名称1=值……内容/标记名称 Html文档基本架构 html head title……/title /head body …… /body /html HTML页面的基本框架 HTML HEAD TITLEDemo/TITLE /HEAD BODY This is a demo page. /BODY /HTML 标题、段落标记 1.标题栏 title /title显示在浏览器的标题栏 2.标题标记 hn hn align=对齐方式标题文字/hn 3.分段标记 p align=对齐方式…/p 标题、段落标记 4.换行标记 文字br 5.横线标记 hr size=粗细 align=对齐方式 width= 宽度 color=颜色 6.文本块标记 Blockquote文字/Blockquote 文本格式标记 1.字体标记 font face=字体 size=大小 color=颜色文字/font font face=“宋体” size=5 color=“#0000FF” ……. /font 2.特殊字符标记 lt gt amp “ quot 空格 nbsp; 文本格式标记 3.文本字体特殊标记 b … /b 粗体 i … /i 斜体 u … /u 下划线 strike … /strike 下划线 big … /big 放大 文本格式标记 em 强调 通常是斜体 strong 增强 通常是黑体 code 变小 sup 上标 sub 下标 pre 保持输入的格式 文本标记的综合示例 超链接-A标记 定义一个锚点或一个超链接，常用属性： HREF = URL 或 锚点（书签）名称 NAME= 锚点（书签）名称 TARGET = “目标窗口（或分框）的名称“ 基本用法： a href=目标地址…/a （1）href属性用来指定链接的目标地址，可使用URL。 超链接-A标记 （2）在标记之间可指定作为超链接的文本或图像。 例如：a href= 武汉大学 /a a href= img src=images/whu.jpg /a 超链接标记 （3）锚点链接：a name=标签名/a ①此标记用来在网页中创建一个锚点(书签)，以实现同一网页内不同部分之间的跳转。 例如：在页面顶端创建一个锚点： a name=TOP页首/a ②要找到锚点所标示的位置，就必须使用a href=#标签名/a标记。 例如：a href=#TOP回到页首/a 超链接标记 （4）a/a标记还具有target属性，此属性用来指明链接网页显示的目标窗口，可取_self、_blank、_parent或_top四个值中的任何一个，_self为默认值。 例如： a href= arget=_blank 新浪网 /a img 标记 img src=图像文件存储位置与名称此标记用于将图像文件加载到网页文档中显示。 常用属性： SRC=“被链接文件的URL或路径 WIDTH=图像的宽度 HEIGHT=“图像的高度 BORDER=“图像的边框 ALT=“图像说明文字“ Align=“对齐方式” SRC属性 网页文档与图像文件whu.jpg在同一个目录下：img src=whu.jpg 图像文件放在网页文档所在目录的一个子目录(images)下： img src=images/whu.jpg 假如图像文件放在网页文档所在目录的上层目录下： img src=../whu.jpg。 img 标记示例 图片超链接 a href=“…” img src=“1.gif” name=“t1” height=200 width=300 title=“图1” …… /img/a 规则列表 ol 或ol t