文档介绍：第3章 HTML基础
学习目的与要求:
本章主要介绍Html语言的基本知识,包括文本编辑方法、多媒体和超级链接、制作表格等,通过理论和实例相结合,使读者掌握使用Html语言编辑网页。要求认识Html语言中的常见网页标记,掌握Web文本编辑的基本方法,掌握Web多媒体、超链接、表格的编辑方法
第3章 HTML基础
HTML基本构架
超链接
多媒体效果
TABLE表格
表单
实训
习题
HTML基本构架
从结构上讲,Html文件由元素组成,组成Html文件的元素有很多种,用于组织文件的内容和指导文件的内容和指导文件的输出格式。刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
超文本中的标签有两种,单标签和双标签。
1. 单标签
某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>
最常用的单标签是<BR>, 它表示换行。
2. 双标签
另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。
这类标记的语法是:
<标签> 内容</ 标签>
其中“内容”部分就是要被这对标记施加作用的部分。
例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:
<EM>第一:</EM>
在起始链接签和结尾链接签之间的部分是元素体。每个元素都有名称和可以选择的属性,元素名称和属性都在起始链接签内标明。许多单标记和双标记的始标记内可以包含一些属性,其语法是:
< 标签名字属性1 属性2 属性3 …>
各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">
其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对“”号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。
HTML文件以<HTML>标记开始,以</HTML>标记结束,中间的部分是HTML的元素体,HTML的元素体分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
一个HTML文件应当具有以下结构:
<HTML>
<HEAD>
头部信息
</HEAD>
<BODY>
文档主体,正文部分
</BODY>
</HTML>
其中<HTML>在最外层,表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略<HTML>标记,。
<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。
<BODY> 标记一般不省略,表示正文内容的开始。
常用页面标记
1. <html></html>
<html>标签用于Html文档的最前边,用来标识Html文档的开始。而</html>标签恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标签必须一块使用。
2. <head></head>
<head>和</head>构成Html文档的开头部分,在此标签对之间可以使用<title></title>、<script></script>等等标签对,这些标签对都是描述Html文档相关信息的标签对,<head></head>标签对之间的内容是不会在浏览器的框内显示出来的。两个标签必须一块使用。
3. <body></body>
<body></body>是Html文档的主体部分,在此标签对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标签,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标签必须一块使用。<body>标签中还可以有以下属性: