标准书号34 35 308 03435 第四章 HTML标注语言.pptVIP

电子商务技术基础 作者：陈孟建 LOGO * * 责任编辑：王大根 出版日期：2009年9月 IDPN：308-2009-073 课件章数：10 第四章 HTML标注语言 第一节 HTML概述 一、什么是HTML 超文本标记语言(Hypcrlink Text Markup Language)的缩写。 (1)页面本身的文本 (2)格式化文本 (3)建立超链接 (4)插入图像 (5)建立表格 (6)加入多媒体 (7)提供交互式菜单 二、HTML标记符 标签名显示内容/标签名 三、HTML基本结构 (一) HTM L …/HTML标签 (二) HEAD …/HEAD 标签 TITLE …/TITLE 标签 TITLE 标题在此/TITLE 2. META标签 META http-equiv=“Content-Type” content=“text/html； charset =gb3212 3. 其他标签 LINK 设定链接 BASE 设定基点 (三) BODY … /BODY标签 BODY 此正文是无格式显示的正文。 此正文是无格式显示的正文。 /BODY 第二节 文本格式和颜色控制 一、字符格式标签 (一)标题格式 H1 …/H1 一级标题 (二)字符格式标签 1 逻辑风格标签 KBD 表示键盘输入的文字 2 物理风格标签 B 粗体 I 斜体 TT 等宽字体 (三)显示特殊字符 用lt;“ 来表示符号 用gt; 来表示符号 第二节 文本格式和颜色控制 二、段落格式标签 (一) P…/P 分段标签 P我是一只风中的铃铛/P P你是那一缕轻舞的微风/P P当你轻舞的微风拂过时/ P (二) BR 换行标签 P align=center 傍晚的遐思BR我抬头眺望星空，美丽的星星已若隐若现BR 地悬挂在四周，寂寞充满了四周。/P 第二节 文本格式和颜色控制 (三) PRE…/PRE预格式化标签 PRE 《李白诗词》 赠汪伦 李白乘舟将欲行，忽l湖岸上踏歌声。 桃花潭水深千尺，不及汪伦送我情。 送孟浩然之广陵 故人西辞黄鹤楼，烟花三月下扬州。 孤帆远影碧空尽.惟见长江天际流。 /PRE (四) HR水平尺线标签 SIZE 以像素为单位定义水平线的宽度(线的粗细) ，默认属性值为2。 WIDTH 指出了水平线的长度 (五) DlV…/DlV 对齐元素块标签 DIV align=rightP 送孟浩然之广陵 / P 故人商辞黄鹤楼，烟花三月下扬州。 BR 孤帆远影碧空尽，惟见长江天际流。 BR /DIV (六) CENTER…/CENTER居中标签 DIV alig =center…/DlV 三、网页背景颜色设置 BGCOLOR 指定Web夜中的背景颜色 BACKGROUND 使用图像文件作为网页的背景图像 四、字符颜色和字体样式及大小 (一) SIZE属性 FONT size= +2西湖/FONT (二) COLOR属性 FONT color=“red”停车坐爱枫林晚，霜叶红于二月花。/FONT (三) FACE属性 FONT face=“华文彩云，幼圆，黑体”霜叶红于二月花/FONT 第三节 列表和表格 一、无序列表和有序列表 (一)无序列表 UL L1List Item1 /L1 /UL (二)有序列表 OL L1List Item1 /L1 /OL 第三节 列表和表格 二、目录列表、定义列表 (一)目录列表 DIR L1英语 /L1 L1数学/L1 /DIR (二)定义列表 DL DTWWW DDWWW是全球信息网的缩写 /DL 三、HTML中的表格元素 (一)表格的组成 (二) 定义表格 (三)表格标题 (四)表格行、表头和数据 (五)表格对齐 (六)数据对齐 (七) 边框尺寸设置 (八)单元格间距和表内留白控制 (九)表格颜色和背景 (十) 表格中分隔线的控制 (十一)表格跨栏和跨列 四、使用表格布局网页 (一)表格排版原则 网站的类型 网站的内容 网页制作人员的排版经验、习惯和爱好 (二)表格排版方法 先在纸面上画出网页的整体布局. 然后再在表格中添加相应的文字、图片等 第四节 表单和框架 一、表单概述 (一)表单标签FORM (二)表单输入标记INPUT 单行文本框元素(Text) 2. 口令框元素(Password) 3. 单选框元素(Radio) 4. 复选框元素(Checkbox) 5. 提交与恢复按钮元素(Submit，Reset) (三)多行文本框标记TEXTAREA (四)下拉式菜单SELECT 二、利用表单设计交互界面 三、框架的基本概念 (一)框架集FRAMESET和框架FRAME (二) 纵向分割 (三) 横向分割 (四) 混