第2节HTML网页设计新.ppt

ASP网络应用程序设计（第2版）人民邮电出版社 第2章 HTML 网页设计 2.1 HTML概述 2.1.1 什么是 HTML HTML（HyperText Markup Language）即超文本标记语言，是构成网页最基本的要素，使用各种不同的标记符号来分别标识和设定不同的网页元素。每个网页元素通常由开始标记和结束标记，以及夹在这两个标记中的内容所组成。在HTML元素的开始标记中一般还允许加入相关的若干个属性，以进一步对该元素的特征进行限定或说明。 总之，一个HTML元素的形式可表示为： 标记名 属性名称=属性值 … 内容 /标记名 2.1 HTML概述 2.1.2 HTML文档基本架构 html head title 网页标题 /title /head body p这是主体部分！/p /body /html 2.2 HTML 常用标记 2.2.1 头部标记 HEAD 和 /HEAD 是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，可包含下列各种标记。 TITLE 网页标题标记 META 元信息标记 STYLE 样式标记 LINK 连接外部文档标记 SCRIPT 脚本代码标记 2.2 HTML 常用标记 2.2.2 主体标记 BODY和/BODY标记是HTML文档的主体标记，其内可包括将在网页中显示的文字、图片、表格、链接、表单等所有标记和内容。 2.2.3 文字段落标记 1．标题文字标记 h1、h2、h3等 2．分段标记 p 3．换行标记 br 4．横线标记 hr 2.2 HTML 常用标记 2.2.4 文字格式标记 1．字体标记 FONT size = 大小 face = 字体名称 color = 颜色 文字 /FONT 2．文字修饰标记 b、i、u 2.2.5 特殊字符标记 在HTML文档中， 、、 、空格等特殊字符需要用特定字符串来表示。 2.2 HTML 常用标记 2.2.6 列表标记 1．有序列表标记 OL type=序号类型 start=开始序号 LI 列表项1 LI 列表项2 …… /OL 2．无序列表标记 UL type=标志符类型 LI列表项1 …… /UL 2.2 HTML 常用标记 2.2.7 图像标记 IMG scr=图片文件的URL align=对齐方式 border=边框宽度 alt=替代文字 height=图像高度 width=图像宽度 hspace=水平边距 vspace=垂直边距 注意：IMG 标记没有对应的结束标记。 2.2.8 超链接标记 A href = URL用作链接的文字或图像/A 说明：href属性指定此锚点被触发后所链接到的URL。 2.3 HTML 表格标记 2.3.1 表格定义格式 TABLE align=对齐方式 bgcolor=背景颜色 background=背景图像 width=表格宽度 height=高度 border=边框粗细 bordercolor=边框颜色 cellspacing=单元格间距 cellpadding=单元格边距 TRTH…/THTH…/TH……/TR TRTD…/TDTD…/TD……/TR TRTD…/TDTD…/TD……/TR …… /TABLE 2.3 HTML 表格标记 2.3.2 表格应用举例 table border=0 width=260 bgcolor=skyblue tr th width=112 align=left商品名称/th th width=72单位/th th width=87 align=right单价/th/tr tr td width=112平板电视机/td td align=center width=72台/td td align=right width=87$12,699/td/tr …… /table 2.4 HTML 框架标记 2.4.1 框架定义格式 FRAMESET cols=框架列数及各列宽度 rows=框架行数及各行高度 bordercolor=边框颜色 frameborder=框架边框 framespacing=