第2章-网页设计与制作-HTML语言基础.pptxVIP

网页

网站

网页的基本结构;$[知识目标]

了解HTML文件的基本结构

掌握HTML中文本的编辑及图像的语法

掌握HTML中各种设置超级链接的语法

掌握HTML中表格的基本语法

8[能力目标]

掌握进行文本及图像的编辑操作

掌握创建各种超级链接的操作

能够编写简单的HTML网页

掌握HTML文件中表格的使用;第2章HTML语言基础;2.1HTML概述;HTML（HyperTextMarkupLanguage）又称超文本标识语言，是一种标识性的语言，是网页设计的最初语言。文件的扩展名:“html”或“htm”。

例2.1简单的HTML文档

html

head

title珠海欢迎您！/title

/head

body

这里是珠海悠游网，我们带您畅游珠海！

/body

/html

由“”和“”组成的就是标记。在HTML语言中标记分“单标记”和“双标记”。;1．标记（双标记）

格式：

标记……/标记

2．单标记

格式：标记

只有起始标记，没有结束标记。最常用的单标记是br/,它表示段内换行。

3．标记属性

格式：标记属性1属性2属性3……

各属性间无前后顺序，属性也可省略，当省略属性时取标记的默认值。;HTML文档的基本结构：

html文件开始

head标头区开始

title.../title标题区

/head标头区结束

body文件主体内容开始

文件主体内容……

/body文件主体内容结束

/html文件结束

其中html/html之间表示这是个网页文件，是必有的标记。;2.2文本的编辑;1．段落（p）

基本语法格式为：

palign=“left/center/right“

其中属性align用于设定段落的位置是靠左、靠右还是居中。默认值是靠左；

2．换行br/

单标记，放在一行的末尾，可以在一个段落内实现文本的强制换行，设置标记后面的文本字、图像和表格等内容显示于下一行。;3???水平线标记hr/

水平线是在网页上划出一条水平的分割线，用hr来标记水平线。语法格式为：

hralign=“left/center/right”size=？width=？color=？

Size：设置水平线的高度，以像素为单位。

Color：设置水平线的颜色。

Width：设置水平线的宽度，单位是像素或百分比，像素是绝对大小，不会随着程序窗口的大小而改，百分比是相对于程序窗口水平线所占的比例，会随着程序窗口的大小而改变。

Align：设置水平线的对齐方式。对齐方式有左对齐，居中，右对齐三种。;语法格式为：

hn…/hn

n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。

可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。;;在HTML中，列表常用的有“有序列表”和“无序列表”。

1．有序列表OL

基本语法结构为：

oltype=nstart=？

li项目1/li

li项目2/li

……

li项目n/li

/ol;1．有序列表OL

type：设置列表的序号类型，常用序号如下：

n=1：用数字作为序号。

n=A；用大写字母作为序号。

n=a：用小写字母作为序号。

n=I：用大写罗马数字作为序号。

n=i：用小写罗马数字作为序号。

start：为可选参数，用于设置序号的起始数值。如不添加“start”则从每类序号的第一个序号开始。;2．无序列表

基本语法结构为：

ultype=“n”

li项目1/li

li项目2/li

……

li项目n/li

/ul

Type:设置符号形状，有实心圆、小正方形、空心圆三种，具体如下：

n=disk：符号为实心圆。

n=square：符号为正方形。

n=circle：符号为空心圆。;2.3图像编辑 ;1．语法格式：

imgsrc=“url”，单标记

src：指明要添加的图像所在的具体路径和文件名。路径可以是相对路径，也可以是绝对路径。例：imgsrc=images/ball.gif。

绝对路径：完整的描述文件位置的路径就是绝对路径。对于绝对路径可以不需要知道其他任何信息就可以判断出文件的位置。

相对路径：所谓相对路径,顾名思义就是当前文档与目标的相对位置。例src=1.bmp.;2．图像的属性