1.5HTML语言基础.ppt

1、HTML（Hyper Text Markup Language）又称超文本标识语言，是一种标识性的语言，是网页设计的最初语言。”超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等文字元素。 设计者可以使用任何文字编辑器来编辑它，如记事本、写字板、WORD等，只是保存类型一定要使用纯本文（*.txt）格式，因为浏览器只识别纯文本格式的文件。另外，文件的扩展名:“html”或“htm”。保存完毕后，可以在保存位置找到该文件，其图标为“Internet”,双击即可用IE浏览器观看WEB效果。,1、HTML简介,一、 HTML概述,1围堵标记 格式： 2单标记 格式： 只有起始标记，没有结束标记

2、。最常用的单标记是, 它表示段内换行。 3标记属性 格式： 各属性间无前后顺序，属性也可省略，当省略属性时取标记的默认值。,HTML简介,HTML文档的基本结构： 文件开始 标头区开始 .标题区 标头区结束 文件主体内容开始 文件主体内容 文件主体内容结束 文件结束 其中之间表示这是个网页文件，是必有的标记。,HTML语法结构,语法格式为： n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。另外，可以用align属性设置对齐方式，常用的有左对齐(left)，居中(center)，右对齐(right)三种对齐方式。,三、HTML语言常用标记 1、标题标记符,2段落标

3、记符 用于划分段落，控制文本的位置。定义内容从新的一行开始，并与上段之间有一个空行。 基本语法格式为： 其中参数align用于设定段落的位置是靠左、靠右还是居中。默认值是靠左；,3换行 单标记，放在一行的末尾，可以在一个段落内实现文本的强制换行，设置标记后面的文本字、图像和表格等内容显示于下一行，它不产生一个空行。,在HTML中，列表常用的有“项目列表”标记符和“编号列表”标记符。 (1)项目列表基本语法结构为： 项目1 项目2 项目n Type:设置符号形状，有实心圆(默认)、小正方形、空心圆三种，具体如下： n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：

4、符号为空心圆。,4、列表标记符,(2)编号列表 基本语法结构为： 项目1 项目2 项目n Type：设置列表的序号类型，常用序号如下： n=1：用数字作为序号。 n=A；用大写字母作为序号。 n=a：用小写字母作为序号。 n=I：用大写罗马数字作为序号。 n=i：用小写罗马数字作为序号。 Start：为可选参数，用于设置序号的起始数值。如不添加“start”则从每类序号的第一个序号开始。,超链接标识：是网页中链接的载体，可以是文字或图像等页面元素，用户点击它就会跳到超链接的目标位置。 建立超链接的标记是，语法格式为： url：指明链接目标的具体路径和文件名。 Target: _parent表示

5、在父窗口中打开被链接文档； _blank表示在新窗口中打开被链接文档； 设置完成后，之间的字符串会自动变成蓝色，而且有下划线，访问后变为紫色，即具备了一般超链接文本的属性。,5、链接标记符,6字体标记符 其基本语法格式为： Face：设置文本显示的字体，值为字体的名称。 Size：设置字体的显示字号，范围是从“17”， Color：设置文本的颜色，值可以是颜色名（英文如red代表红色）或颜色的十六进制代码（#000000代表黑色，#FFFFFF代表白色；需在颜色代码前加“#”）。 在文本的标记中还有很多常用的标记，比如表示字体效果的，(黑体)，（斜体），（加下划线）。,7、表格标记符 表格标记

6、有、和四个，分别表示： :定义表格,是表格必须的元素 ：定义标题单元格，在这个单元格中的文字将用粗体表示。 ：定义表格中单独的行。 ：定义一个有具体信息的单元格，使用标记一定要放在标记内部。 上述标记中，可以省略，其他三个是必须的。 标记中可以添加属性和参数，其中border，用于设置表格的边框宽度，值为大于等于“0”的整数，当值为“0”，在浏览器中显示无边框表格，无边框表格是网页布局最主要的手段。,除了border外，常用的表格属性参数有： ：定义表格的高度，值有两种单位，一是像素，表示表格高度为固定大小，一是百分比表示表格占据整个网页的高度百分比。 ：定义表格的宽度，与高度一样有像素和百分比两种单位。 ：定义表格边框的颜色。 ：定义表格的背景色,(1)表格属性,(2)属性 rowspan:定义该单元格所跨行数； colspan:定义该单元格所跨列数。,语法格式： ，单标记 Src：指明要添加的图像所在的具体路径和文件名