第2章超文本标记语言.pptVIP

第2章 超文本标记语言;2.1 HTML基础;2.1.1 HTML概述;2.1.2 HTML文档的结构;文件头部包含的属性;LINK元素的属性;META元素的属性;BODY元素的属性;返回本节;2.2 文字设计;2.2.1 文字样式;2.2.1 文字样式;【例4.2】 标题字体;【例4.3】 字体示例;2.2.1 FONT元素;【例4.4】 FONT元素;2.3 网页布局;2.3.1 文字布局;HTML HEAD TITLE文字布局/TITLE/HEAD BODY P align=left 这里左对齐/P P align=center 这里居中/P P align=right 这里右对齐/P BRBR这里换两行 H2 align=right 这是右对齐二级标题字体 /H2 /BODY /HTML ;2.3.2 列表;2.3.2 列表;HTML HEAD TITLE列表/TITLE /HEAD BODY OL 网页布局 LI文字布局 UL type=circle LI段落标记 LI换行标记 LI文字对齐 /UL;2.4 加入网页元素;2.4.1 加入水平线;【例4.7】 在网页中加入水平线;2.4.2 加入图像;【例4.8】 在网页中加入图片;2.4.3 加入超级链接;【例4.9】 在网页中加入超级链接（一）;【例4.10】 在网页中加入超级链接（二）;【例4.10】 在网页中加入超级链接（二）;【例4.11】 在网页中加入超级链接（三）;2.4.4 加入表格;（3）width和height 设置表格的宽度和高度。单位可以是像素，也可以是上一层宽度的百分比。 ;2.4.4 加入表格;【例4.12】 表格设计;2.5 框架;2.5.1 设置框架;FRAMESET元素; FRAME元素;框架的外观设置;【例4.13】 加入框架;【例4.13】 加入框架;2.5.2 窗口间的相互使用;例 HTML HEAD TITLE框架/TITLE /HEAD FRAMESET cols=20%,* framespacing=2 bordercolor=black FRAME name=left src=例4_14_left.htm FRAME name=right src=例4_14_right.htm /FRAMESET /HTML;例 HTML HEAD TITLE/TITLE /HEAD BODY BRA href=第??章.htm target=right第一章/A BR BRA href=第二章.htm target=right第二章/A BR BRA href=第三章.htm target=right第三章/A BR /BODY /HTML;例 HTML HEAD TITLE/TITLE /HEAD BODY H2网络程序设计/H2 /BODY /HTML;第一章.htm HTML HEAD TITLE/TITLE /HEAD BODY UL type=circle H3第一章/H3 LI计算机网络的基本概念 LIWindows 2000 Server简介 LIInternet概述 LIIP地址 /UL /BODY /HTML;2.5.3 浮动窗口;HTML HEAD TITLE浮动窗口/TITLE /HEAD BODY CENTER IFRAME src=例4_14_right.htm name=window 浮动窗口 /IFRAME BR H3上面是一个浮动窗口/H3 /CENTER /BODY /HTML;2.6 表单;2. 表单的基本结构;按钮（button）是由INPUT元素来指定的 语法： INPUT type=按钮类型 value=** name=#;2.6.3 文本框和密码框;HTML HEAD TITLE文本输入框和密码输入框/TITLE /HEAD BODY FORM method=get 单位名称：INPUT type=text name=userBR 单位密码：INPUT type=password name=pwdBR INPUT type=submit value=确定 INPUT type=reset value=重置 /FORM /BODY