第2章网页设计语言基础 一、要点解析 HML.及XHTML语言介绍 常用的网页语法标记 理解，HML及XHML语言介绍，常用的网页语法标记 下面是靠理好的一些常用的L标记，比教材中的要全面细数，希量对同学们的学习有参 考价值： (·)0W标记 1. (/body> 1) Bgcolor属性： 网页育景颜色 20 Background属性： 料页背景图片 3) Top国rgin属性： 网页上边距 40 bottommarg1n属性 网页下边距 5) leftmargin属性： 网页左边距 6) riht国rgin属性： 网页右边距 (二)字体标记 1. ch1×/h1>d6> 标愿标记 2. /font> 10 Color属性： 字体颜色 20 Sixe属性： 字体大小 3) Face属性： 字体 40 Title属性： 提示文本 b>6》 里体 4. (i》/i 斜体 6. (> 下划线 6. (s> 副除找 7. /suh> 下标 8 Ksup>(/sup> 上标 (三)超领链接标记：
第 2 章 网页设计语言基础 一、要点解析 HTML 及 XHTML 语言介绍 常用的网页语法标记 理解：HTML 及 XHTML 语言介绍，常用的网页语法标记 下面是整理好的一些常用的 HTML 标记，比教材中的要全面细致，希望对同学们的学习有参 考价值： （一）BODY 标记 1. 1) Bgcolor 属性： 网页背景颜色 2) Background 属性： 网页背景图片 3) Topmargin 属性： 网页上边距 4) bottommargin 属性： 网页下边距 5) leftmargin 属性： 网页左边距 6) rightmargin 属性： 网页右边距 （二）字体标记 1. ~ 标题标记 2. 1) Color 属性： 字体颜色 2) Size 属性： 字体大小 3) Face 属性： 字体 4) Title 属性： 提示文本 3. 黑体 4. 斜体 5. 下划线 6. 删除线 7. 下标 8. 上标 （三）超级链接标记：
1. a>(/a) 超缓链接标记 1) rf属性 链接 20 Target属性： 打开位置(self_blank1 arent -tp1框架名称) 30 Tit1e属性： 提示文本 2. (anae”">/a> 错记标记 (四)段落标记 1. P> 段落标记 1) Align属性： 对齐方式(left1 center1riht) 20 Title属性1 提示文本 2. 换行标记 说 CHR> 水平线标记 10 Align 对齐方式(center,left,right) 20 写idth 宽度 3) Size 高度 40 Noshade 无明影 4. KPREPRE 预定义格式标记 (五)列表标记 1. 无序列表 (L> KLIX/LI> KLDLD /D 10 Type属性： 列表类里(circle、disc、square) 2. 有序列表： 0L> 4.I(L.I) KLIXLI> (/0L3 D Type属性： 列表类型(1111I1a10 (六)特殊字符 1. 空格 Anbsp: 表1：
1. 超级链接标记 1) Href 属性： 链接 2) Target 属性： 打开位置(_self \ _blank \ _parent \ _top \ 框架名称) 3) Title 属性： 提示文本 2. 锚记标记 （四）段落标记 1. 段落标记 1) Align 属性： 对齐方式( left \ center \ right ) 2) Title 属性： 提示文本 2. 换行标记 3. 水平线标记 1) Align 对齐方式(center,left,right) 2) Width 宽度 3) Size 高度 4) Noshade 无阴影 4. 预定义格式标记 （五）列表标记 1. 无序列表： 1) Type 属性： 列表类型(circle \ disc \ square) 2. 有序列表： 1) Type 属性： 列表类型(1 \ i \ I \ a \ A) （六）特殊字符 1. 空格 2. < <
" 安 kamp: 下面是其他一盘HTML常用标记参考 (一)图像标记 1. cimg 1) Se属性： 图片路径 2) Ag即属性： 图像周围的文本对齐方式(Middle\Top Bottom) 3勃 动属性， 图像提示 4) Rorder属性 边框 5) widh属性： 宽度 6) Hcight属性： 高度 (二)讓动字移 1. cmarquee /frameset> 柜架红标记 1) Cc站属性 2) Ros属性： 2 cnoframepnoframes 不支持框架标记 ≤iac> 概架单元标记 1) Name属性： 框架名称 2) Scrolling属性： 痕动条“yes/no/nuto 3) Noresi远属性： 不可改变尺寸 ) Se属性： 概果内的页面地址 5) Frameborder属性： 框架边框 框架网页语法： 分行框架结构 cframeset rows=*25%.25%,50%"> cframe sre-B.html"> cframe sro"C.html"> 20 分列框架结构
3. > > 4. “ " 5. & & 下面是其他一些 HTML 常用标记参考： （一）图像标记 1. 1) Src 属性： 图片路径 2) Align 属性： 图像周围的文本对齐方式（Middle \ Top \ Bottom） 3) alt 属性： 图像提示 4) Border 属性： 边框 5) Width 属性： 宽度 6) Height 属性： 高度 （二）滚动字幕 1. 1) direction 属性： 运动方向（right / up / down / left ） 2) width 属性： 宽度 3) height 属性： 高度 4) scrolldelay 属性： 滚动延时（微秒） 5) scrollamount 属性：滚动速度（像素） 6) behavior 属性： 滚动方式(alternate \ scroll \ slide) （三）框架标记 1. 框架组标记 1) Cols 属性： 2) Rows 属性： 2. 不支持框架标记 3. 框架单元标记 1) Name 属性： 框架名称 2) Scrolling 属性： 滚动条“yes/no/auto” 3) Noresize 属性： 不可改变尺寸 4) Src 属性： 框架内的页面地址 5) Frameborder 属性： 框架边框 4. 框架网页语法： 1) 分行框架结构 2) 分列框架结构
cframeset cols“30%,20%,50%”> cframe srcA.html> frame sre-”A html"> cframesct rows40% cframe src=C.himl"> 表格标记 1 Widh属性： 宽度 2) Height属性： 高度 3) Bgcolor属性： 背景色 4) Border属性： 边概大小（相细） 5) Cellpadding属性： 单元格村距 6) Cellspacing属性： 单元格间距 scaption> 表格标题 1r> 行标记 ath 单元格头标记 a 单元格标记 1) widh属性： 宽度 2) Hegt属性： 高度 3) Colspan 合并单元格多列 ) Rowspan 合并单元格多行 5) Align 行白对齐模式lef\ccr1rig) 6) Valign 列向对齐慎式top\middle1bcm) ) Bgcolor 育景色 8) Background 背疑图片 (五)表单标记 ≤form>cT0ftm> 表单域标记
3) 组合框架结构 5. 嵌入式框架 1) Name 属性： 名称 2) Frameborder 属性： 边框 3) Scrolling 属性： 滚动条“yes/no/auto” 4) Src 属性： 框架内网面的地址 5) Width 属性： 宽度 6) Height 属性： 高度 （四）表格标记 1. 表格标记 1) Width 属性： 宽度 2) Height 属性： 高度 3) Bgcolor 属性： 背景色 4) Border 属性： 边框大小(粗细) 5) Cellpadding 属性： 单元格衬距 6) Cellspacing 属性： 单元格间距 2. 表格标题 3. 行标记 4. 单元格头标记 5. 单元格标记 1) Width 属性： 宽度 2) Height 属性： 高度 3) Colspan 合并单元格多列 4) Rowspan 合并单元格多行 5) Align 行向对齐模式(left \ center \ right) 6) Valign 列向对齐模式(top \ middle \ bottom) 7) Bgcolor 背景色 8) Background 背景图片 （五）表单标记 1. 表单域标记
1) Name属性i 名称 2) Method属性i 表单提交方式。(GET/POST) 3) Action属性： 表单提交的目的。 ) mpe属性 提交类型(”multiparv/form-da”“texV/plain") cinput> 表单单元标记 10 Tye属性： 类型 (1) text 文木框 (2) paessword 密玛属 (3) checkbox 复速框 (4) radio 单选框 (5) submit 提交按钮 (6) reset 重置按钮 (7) button 替通按细 (8) hidden 隐藏项 (9 file 文件域 2) le属性： 值 3) Name属性： 名称 40 D属性： 难一标试 5) S四属性： 尺寸《适于文本框、密码框) 6) Maxlength属性： 最大长度（适于文本根，密码医） 7) Readonly 只读 8) Disabled 失效 9) Selected 被选择（适于单选框、复选框） 3 clextareaextarea 文本域标记 10 Name属性： 名称 公 Cc站属性： 党度 3) Rows属性： 高度 ) Readonly 只读 5) Disabled 失效 4. cselect>/sclect> 选择框 属性： (1) ame属性： 名称 20 Sc属性： 高度 2) soption--s/option> 选择项 1) le属性： 值 2) Selected 被选择 二、典型例题 L.关于网页中的换行，说法错溪的是(A)。 A可以直接在HML代码中按下回车键换行，网页中的内容也会换行 B.可以使用标签换行 C可以使用<>标签换行
1) Name 属性： 名称 2) Method 属性： 表单提交方式。（GET / POST） 3) Action 属性： 表单提交的目的。 4) enctype 属性 提交类型（”multipart/form-data” \ “text/plain”） 2. 表单单元标记 1) Type 属性： 类型 (1) text 文本框 (2) password 密码框 (3) checkbox 复选框 (4) radio 单选框 (5) submit 提交按钮 (6) reset 重置按钮 (7) button 普通按钮 (8) hidden 隐藏项 (9) file 文件域 2) Value 属性： 值 3) Name 属性： 名称 4) ID 属性： 唯一标识 5) Size 属性： 尺寸（适于文本框、密码框） 6) Maxlength 属性： 最大长度（适于文本框、密码框） 7) Readonly 只读 8) Disabled 失效 9) Selected 被选择（适于单选框、复选框） 3. 文本域标记 1) Name 属性： 名称 2) Cols 属性： 宽度 3) Rows 属性： 高度 4) Readonly 只读 5) Disabled 失效 4. 选择框 1) 属性： (1) Name 属性： 名称 (2) Size 属性： 高度 2) 选择项 (1) Value 属性： 值 (2) Selected 被选择 二、典型例题 1. 关于网页中的换行，说法错误的是（ A ）。 A. 可以直接在 HTML 代码中按下回车键换行，网页中的内容也会换行 B. 可以使用标签换行 C. 可以使用标签换行
D.使用b?标签换行，行与行之同没有何隔：使用p标签换行，两行之间会空一行 2.在IL乐言中，body aink-1000女示〔C). A.设置链接酸色为红色 B设置访向过链接颜色为虹色 C.设置话动饼接颜色为红色 D.设置顾示上涂筑接颜色为红色 3.添如青景音乐的HL标签是(A》。 A.cbesound B )
D. 使用标签换行，行与行之间没有间隔；使用标签换行，两行之间会空一行 2．在 HTML 语言中，表示（ C ）。 A. 设置链接颜色为红色 B. 设置访问过链接颜色为红色 C. 设置活动链接颜色为红色 D. 设置鼠标上滚链接颜色为红色 3．添加背景音乐的 HTML 标签是（ A ）。 A. B. C. D. 4．如图，页面的标题“欢迎光临虫虫的家”是由 HTML 标签中的 定义的。 （参考答案：）