html单元格合璧,html基本属性

《html基本属性》由会员分享，可在线阅读，更多相关《html基本属性(41页珍藏版)》请在技术文库上搜索。

1、2012 CUIT 网页设计技术 第2章 HTML 2012 CUIT 网页设计技术 2 第2章 HTML HTML是“HyperText Markup Language 超文本标记语言”的缩写，它是构成Web页面 的主要工具，是用来表示网上信息的符号标记 语言。 它是一种为普通文件中某些字句加上标识 的语言，其目的在于运用标记使文件达到预期 的效果。 2012 CUIT 网页设计技术 3 第2章 HTML 2.1 HTML语言结构的基本标志 1、文档标志 文档标志必须成对使用。 2、文件头标志 该标志之间可以使用、 等标志对。标志对之间的内容是不会在浏览器的框内 显示出来。两个标志必须成对使。

2、用。 3、文件主体标志 该标志定义了网页上显示的主要内容与显示格式，是整 个网页的核心。 2012 CUIT 网页设计技术 4 第2章 HTML 4、文件标题标志 注意：标志对只能放在标 志对之间。 显示在浏览器最上边蓝色条中的文本 红色背景、蓝色的文本 示例1 2012 CUIT 网页设计技术 5 第2章 HTML 2.2 页面格式标志 1、段落标志 (1) align可以是Left (左对齐)、Center(居中) 和 Right(右对齐)三个值中间的一个。默认为 Left。 示例2 (2) 示例3 2012 CUIT 网页设计技术 6 第2章 HTML 2、换行标志 该标志没有结束标志，。

3、因为它是用来创建一 个回车换行的。如果把加在标志对 的外边，将创建一个很大的回车换行，即前 面和后面的文本的行与行之间的距离很大；若放 在的里面，则前面和后面的文本行 与行之间的距离比较小。 示例4 2012 CUIT 网页设计技术 7 第2章 HTML 3、列表标志 (1)、 用来创建一个普通的列表，用 来创建列表中的上层项目，用来创建 列表中最下层项目，和都必 须放在标志对之间。 示例5 2012 CUIT 网页设计技术 8 第2章 HTML (2)、 (有序列表) (无序列表) 标志对用来创建一个标有数字的列表 标志对用来创建一个标有圆点的列表 标志对只能在或标志对之间 使用，此标志对用。

4、来创建一个列表项，若放在 之间则每个列表项加上一个数字，若 放在之间则每个列表项加上一个圆点。利用 的type属性可设定序号的表示方式。 示例6 2012 CUIT 网页设计技术 9 第2章 HTML 序号为数字 序号为大写英文字母 序号为小写英文字母 序号为大写罗马字母 序号为小写罗马字母 符号为实心圆点 符号为空心圆点 符号为方块 符号为指定的图片文 件 2012 CUIT 网页设计技术 10 第2章 HTML (3) 标志对用来排版大块HTML段落，也用于格 式化表，此标志对的用法与标志对非常相似， 同样有align对齐方式属性。 示例7 4、标题格式标志 是最大的标题，而则是最小的标题。

5、 ，如果HTML文档需要输出标题文本，就可以使用这6 对标题中的任何一对。 示例8 2012 CUIT 网页设计技术 11 第2章 HTML 2.3文本标志 1、黑体字、斜体字、下划线标志对 用来使文本以黑体字的形式输出。 用来使文本以斜体字的形式输出。 用来使文本以下划线的形式输出。 2、文字字型标志 用来输出打字机风格字体的文本。 用来输出引用方式的字体，通常是斜体。 用来输出需要强调的文本(通常是斜体)。 则用来输出加重文本(通常是黑体 )。 2012 CUIT 网页设计技术 12 第2章 HTML 3、文字大小、字体、颜色标志 可以对输出文本的字体大小、颜色进 行随意地改变，这些改变主。

6、要是通过对它的两个 属性size和color的控制来实现的。Size属性用来 改变字体的大小，它可以取值：-N、N和+N；而 color属性则用来改变文本的颜色。颜色的取值可 以是基本标志中讲过的十六进制RGB颜色码或 HTML语言给定的颜色常量名。 注意：该标志对建议不使用，以后将在CSS中介 绍。 示例9 2012 CUIT 网页设计技术 13 第2章 HTML 特殊替换字符 特殊字符所替代的字符说明 &特殊字符的开始 ；特殊字符的结束 lt大于号 quot“引号 2012 CUIT 网页设计技术 14 第2章 HTML 2.4 图像标志 1、图像属性赋值标志 该标志并不是真正地将图像加入。

7、到HTML文档 中，而是对标志对的SRC属性进行赋值。这个值 是图像文件的文件名，包括路径，这个路径可以 是相对路径，也可以是网址或绝对路径。 所谓相对路径是指所要链接或嵌入到当前 HTML文档的文件与当前文件的相对位置所形成 的路径。 绝对路径就是存放文档的完整地址。 2012 CUIT 网页设计技术 15 第2章 HTML 如HTML文件与图形文件(假设文件名为logo.gif)在 同一个目录下，则可以将代码写成。 如图形文件放在当前的HTML文档所在的目录的一个子 目录(子目录名假设是images)下，则代码应该为 。假设图形文件放在当前 的HTML文档所在的目录的上层目录(目录名假设是。

8、 home)下，则相对路径就必须是准网址了。即用“/” 表示网站，然后在后面紧跟文件在网站中的路径。 假设home是网站下的一个目录，则代码应为，若home是网站下的目录king 下面的一个子目录，则代码应该为了。 2012 CUIT 网页设计技术 16 第2章 HTML src属性在标志中是必须赋值的，是标志中 不可缺少的一部分。 alt属于是当鼠标移动到图像上时显示的文本。 align是图形的对齐方式。 border属性是图形的边框，可以取大于或者等于0 的整数，默认单位是像素。 width和height属性是图形的宽和高，默认单位是像 素。 示例10 2012 CUIT 网页设计技术 1。

9、7 第2章 HTML 2、水平线标志 该标志是在HTML文档中加上一条水平线，它 可以直接使用，具有size、color、width 和 noshade属性。 size是设置水平的厚度。 width是设置水平线的宽度、默认单位为像素。 noshade属性不需要赋值，而是直接加入标志即可 使用，它是用来加入一条没有阴影的水平线(不 加入此属性，水平线将有阴影)。 示例11 2012 CUIT 网页设计技术 18 第2章 HTML 2.5表格标志 创建表格标志 2012 CUIT 网页设计技术 19 第2章 HTML 2、行、单元格和表格头标志 (1)、 标志对用来创建表格的每一行。此标志对只 能。

10、放在标志对之间使用。 标志对用来创建表格中每一行中的每一 个单元格，此标志对只有放在标志对之后才 有效，输入的文本也只有放在标志对之 间才能被显示出来。 2012 CUIT 网页设计技术 20 第2章 HTML 、和标志对之间 的关系。 2012 CUIT 网页设计技术 21 第2章 HTML 还有align和 valign属性，align是水平对齐方式，取值为 left(左对齐)、center(居中对齐)、right(右对齐)。 valign是垂直对齐方式，取值为top(靠顶端对齐)、 middle( 居中间对齐)、bottom(靠底部对齐)。 具有width、colspan、rowspan。

11、和nowrap属性。width是 单元格的宽度，单位用绝对像素值或总宽度的百分比。 colspan设置一个表格单元格跨占的列数(缺省值为1)。 rowspan设置一个表格单元格跨占的行数(缺省值为1)。 nowrap禁止对表格单元格内的内容自动断行。 (2) 标志对用来设置表格头，文字通常是黑体、居中。 示例12 2012 CUIT 网页设计技术 22 第2章 HTML 2.6链接标志 1、创建链接页面标志 创建页面的标志对的href属性无论如何是不可 缺少的，标志对之间加入需要链接的文本和图像 (链接图像即加入标志)。href的 值可以是网址或相对路径，也可以mailto:形式。 创建一个超。

12、文本链接，语法为，例如： 网站主页 2012 CUIT 网页设计技术 23 第2章 HTML 创建一个电子邮件的链接，语法为 ，mailto：后边紧 跟着要自动发送的电子邮件的地址(即E-mail 地址)，例如： 这是我 的电子邮箱 2012 CUIT 网页设计技术 24 第2章 HTML 2、创建链接标签标志 该标签就是用标记对该文本作一个记号，用 以实现页面内的链接。格式为： 热点 目标文本附近的字符串 。 示例13 2012 CUIT 网页设计技术 25 第2章 HTML 2.7 标志帧(框架) 帧可以用来向浏览器窗口中装载多个 HTML文件。它是在同一浏览器窗口中显示多 个相互隔离的H。

13、TML页的结构，每个区域显示 一个HTML文件。 帧通常的使用方法是在一个帧中放置目录 (即可以供选择的链接)，然后将HTML文件 显示在另一个帧中。 2012 CUIT 网页设计技术 26 第2章 HTML 1、帧属性标志 标志对放在帧的主文档的 标志对外边，也可以嵌套在其他 帧的文档中，并且可以嵌套使用。它具有rows和 cols属性，rows是用来规定主文档中各个帧的行 定位，而cols用来规定主文档中的各个帧 的列定 位。这两个属性的取值可以是百分数、绝对像素 值或者“*”，其中“*”代表那些未被说明的空 间，如果同一个属性中出现多个“*”则将剩下 的未被说明的空间平均分配。同时，所有。

14、的帧按 照rows和cols的值从上到下，然后从左到右排 列。 2012 CUIT 网页设计技术 27 第2章 HTML 2012 CUIT 网页设计技术 28 第2章 HTML 2、帧内容标志 (1) 标志放在之间 ，用来定义某一个具体的帧。标志具 有src、name、scrolling和noresize属性，其 中src 和name属性都是必须赋值的。 src是此帧的源HTML文件名(包括网络路径、 相对路径或网址)，浏览器将会在此帧中显示 src指定的HTML文件。 2012 CUIT 网页设计技术 29 第2章 HTML name是此帧的名字，这个名字是用来供超文本链 接标志中的tar。

15、get属性，用 来指定链接的HTML文件将显示在哪一个帧中。 scrolling用来指定是否显示滚动轴，取值可以是 “yes”(显示)、“no”(不显示)、“auto”( 若需要则会自动显示，不需要则自动不显示)。 noresize属性值直接加入标志中就可以使用，不需 要赋值，它用来禁止用户调整一个帧的大小。 2012 CUIT 网页设计技术 30 第2章 HTML (2) 标志对也是放在 标志对之间，用来在 那些不支持帧的浏览器中显示文本或图像信 息。 示例14 2012 CUIT 网页设计技术 31 第2章 HTML 2.8 表单标志 1、创建表单标志 该标志对用来创建一个表单，在标志对之。

16、间的一切都属于表 单内容。标志有action、method和terget属性。 action属性用于设定表单处理的方式，往往是E-mail地址或网 址。 method属性用来定义处理程序从表单中获得信息的方式，可 以取GET和POST中间的任何一个。GET方式是处理程序 从当前HTML文档中获取数据，然而这种方式传送的数据 量是有所限制的，一般限制在1KB以下。POST方式与GET 方式正好相反，它是当前的HTML文档把数据传送给处理 程序，传送的数据量要比使用GET方式大得多。 terget属性用来指定目标窗口或目标帧。 2012 CUIT 网页设计技术 32 第2章 HTML 2、定义输入。

17、区标志 标 志用来定义一个 用户输入区，用 户可以在其中输 入信息。此标志 必须放在 标 志对之间。 该标志中提供了八种 类型的输入区域 ，具体内容见 表。 示例15 2012 CUIT 网页设计技术 33 第2章 HTML 3、创建列表框标志 (1) 标志对用来创建一个下拉列表框或可以复选的列表框。此 标志对用于标志对之间。具有multiple、name和 size属性。 name是此列表的名字。 size属性表示在带滚动条的选择栏中一次可见的列表项数，缺省时值为1 multiple属性，不带值，表示可选多个选项。 (2) 标志是用来指定列表框的一个选项，它放在标志 对之间。此标志具有sel。

18、ected和value属性。 Selected属性用来指定默认的选项。 Value属性用来给指定的那一个选项赋值，这个值是要传送到服务器 上的，服务器正是通过调用区域的名字的value属性来获得该区 域选中的数据项。 示例16 2012 CUIT 网页设计技术 34 第2章 HTML 4、创建文本框标志 用来创建一个可以输入多行的文 本框，此标志对用于标志对之间。 具有name、cols和rows属性。cols和rows 属性分别用来设置文本框的列数和行数，这里的行和 列是以字符为 单位的，如表例子所示。 2012 CUIT 网页设计技术 35 第2章 HTML 2.9 多媒体标志 多媒体标志。

19、用于插入音乐和各种多媒体插件。 1、插入背景音乐标志 用来插入背景音乐，但只适用于IE，其参数设定不多。 src=“your.mid“ 设定midi档案及路径，可以是相对路径，也可以是绝对路径。 autostart=true 是否在音乐文件传完之后，就自动播放音乐。true表示是，false表示 否(内定值)。 loop=infinite 是否自动反复播放。loop=2表示重复2次， infinite表示重复多次。 示例17 2012 CUIT 网页设计技术 36 第2章 HTML 2、输入各种多媒体标志 用以插入各种多媒体，格式可以是MIDI、MAV、AIFF 、AU等等，netscape及。

20、新版的IE都支持。其参数设定较多。 src=“your.mid“ 设定midi档案及路径，可以是相对路径，也可以是绝对路径。 autostart=true 是否在音乐文件传完之后，就自动播放音乐。true表示是，false 表示否(内定值)。 loop=“true“ 是否自动反复播放。loop=2表示重复2次， infinite表示重复多 次。 示例18 2012 CUIT 网页设计技术 37 第2章 HTML hidden=“true“ 是否完全隐藏控制画面，true为是，no为否(内定)。 Starttime=“分：秒“ 设定歌曲开始播放的时间。如Starttime=“00：30“表示从第。

21、30秒处开始播放。 Volume=“0-100“ 设定音量的大小，数量是0到100之间。内定值为使用者系统本身设定。 Width=“整数“和high=“整数“ 设定控制画面的宽度和高度(若hidden=“no“)。 Align=“center“ 设定控制画面和旁边文字的对齐方式，其值可以是top、bottom、center、 baseline、left right texttop、middle、absmiddle、absbottom。 Controls=“smallconsole“ 设定控制画面的外貌。预设值是console。其中console一般正常的面板； smallconsole较小的面。

22、板；piaybutton只显示播放按钮；pausebutton只显示 暂停按钮；stopbutton只显示停止按钮；volumelever只显示音量调整按钮。 2012 CUIT 网页设计技术 38 第2章 HTML 2.10 其他标志 1、 适用于IE，译为“跑马灯”。例如status Bar，其意思是 指走动或卷动的文字，其参数设定较多。hello behavior=“scroll“ 设定文字的卷动方式，可选值为： scroll一般卷动，是内定值。 slied例如幻灯片，一格格的，效果是文字一接触左边便全部消失。 alternate文字向左右两边撞来撞去。 示例19 2012 CUIT 网。

23、页设计技术 39 第2章 HTML 2、 是令文字闪烁，只适用于netscape，用法直接，没有 参数。 3、 是放在之间的标志，此处以公式的形 式进行介绍。 该网页的描述，作用于寻找引擎的登录。 该网页的关键字，作用于寻找引擎的登录。 2012 CUIT 网页设计技术 40 第2章 HTML 以上两行命令的功能相同，都是要求浏览器重新载入该 页面，不使用缓存中的信息，expires时间可以修改。 设定这是HTML文件及其编码语系，中文网页请使用 BIG5，或者不设编码也可，纯英文网页建议使用ISO- 8859-1。 2012 CUIT 网页设计技术 41 第2章 HTML 表示该网页由什么编辑器写成。 这一行较为实用，能在预定的秒数内自动转到指定的网址，原 始码中的10表示10秒。 4、 用来将目前文件与其他URL做链接，但不会有链接按钮， 用于标志，格式如下： 。