第2讲_HTML技术.ppt

第2章 HTML技术 本章内容 HTML基本概念 HTML基本词法 HTML基本概念 超文本标记语言 与平台无关 简单，易维护 通过浏览器阅读 利用HTTP协议工作 静态网页的工作原理 动态网页的工作原理 HTML词法类型 HTML标记的语法是： 标记名称 属性1名=属性1值 属性2名=属性2值 ………… 标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。 HTML文档的基本结构 HTML标记 接下来给大家介绍HTML中常用的标识，虽然比较简单，还是需要反复练习，达到熟练的程度，为后面的学习打好基础。 标题字体 标题字体示例 文章字号和颜色 文章字号和颜色举例 物理字体 物理字体（续） 物理字体举例 文字对齐 文字对齐举例 文字移动 文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置 文字移动（续） DIRECTION属性决定了文字的移动方向： 文字移动（续） BEHAVIOR属性决定了文字的移动方式： 文字移动（续） LOOP属性决定了文字的移动次数： 文字移动（续） SCROLLAMOUNT属性决定了文字的移动速度： 文字移动（续） SCROLLDELAY属性决定了将中间的字体循环移动的延时。 文字移动（续） HEIGHT、 WIDTH和BGCOLOR属性分别控制了文字移动面积的高度、宽度和背景颜色。 文字中行的控制 文字中行的控制 列表 HTML通常常用的有三种类型的列表（list），分别是无序列表，有序列表，定义列表。各种列表单元的HTML代码具有相同的结构：首先是起始标记，定义了整个列表的开始，同时定义这个列表的属性；然后在其中定义每一个选项；最后是列表的结束标记。 列表项中不仅可以含有文本，而且可以含有除标题以外的其他字块，包括其他列表和列表单元，因此，列表单元允许嵌套 列表（续） 无序列表： 列表（续） 列表（续） 列表（续） 有序列表： 列表（续） 列表（续） 定义列表： 列表（续） 预格式化 预格式化 链接 超链接是WWW的基础，也是其核心。单击这些链接，读者就能从当前Web页的当前位置跳转到当前Web页的另一处地方，或者进入另外一个Web网页。事实上，这些链接能把用户带到Internet的任何一个部分。 链接 链接（续） 相关地址：描述了从一个页面到另一个页面的路径，而不是Internet的完整地址。 绝对地址：描述的不是两个文件相对的路径关系，它描述的是两个文件相对于根的关系 物理地址：是使用文件存放在硬盘上的位置的路径来描述文件的方式。 加入图片 大多数的浏览器都支持两种图形格式：GIF（图形互换格式Graphics Interchange Format）和JPEG（联合图像专家组Joint Photographic Experts Group）。 加入图片 水平线 水平线 表格 表格是指按一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。将信息以表格的形式组织起来，可使大量的信息更容易浏览，故表格是表达信息的重要手段。 表格中由行和列分隔成的格子称为表元（cell）,是矩形区域，它可以包含文本，图像和HTML标记。用以分隔表元的行列线则称为表格的边框线（border）,表元的内容分成两类，一类是表头，一类是表数据。 表格（续） 表格的定义： 表格（续） 表格（续） 表格（续） 标题的定义： 表格（续） 表格（续） 表行定义： 表格（续） 表头定义： 表格（续） 表单元定义： 表格（续） 表单 表单定义： 表单（续） 表单域定义： 表单（续） 表单域定义： 表单（续） 表单域定义： 表单（续） 框架 有时我们需要在浏览窗口中同时显示多个页面，即将整个浏览的页面划分为多个独立的窗口，每个窗口就称为一帧，这些窗口的集合就成为帧集。 框架 框架 TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”，它是用来控制强调符风格的属性，五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。START属性是一个数字，表示从第几个数字（字母）开始计数。COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式显示。 说明: OL TYPE=“” START=“” COMPACT/OL 语法: ch2_8.htm COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式显示。 说明: DL COMPACT/DL 语法: DT标记用于标注需要定义的术语 说明: DT/DT 语法: DD标记用于标注该术语的定义 说明: DD/DD 语法: ch2_9.htm PRE标记用于使浏览器原封不动地显示预先编排好格式的