文档介绍：第8章网页制作
学习要点:
HTML语言基本知识
JavaScript脚本语言
第8章网页建立与维护
网页的建立
网页的制作语言
网页脚本语言——JavaScript
退出
HTML 语言的结构
超文本链接指针
构成网页的基本元素
表单的应用
框架结构的使用
HTML中的表格
网页的制作语言
返回
HTML(超文本标记语言)是一种描述文档结构的标注语言,它使用一些约定的标记对W上的信息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览器的计算机都能阅读并显示HTML文件,不管其操作系统是什么,并且显示结果相同。
HTML文件是标准的ASCII文件,且其后缀名为htm或html的文件。HTML文件看起来象是加入了许多被称为链接签(tag)的特殊字符串的普通文本文件。从结构上讲,HTML文件由元素(element)组成,组成HTML文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”, 即它有起始标记和结尾标记。元素的起始标记叫做起始链接签(start tag),元素结束标记叫做结尾链接签(end tag),在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和可选择的属性,元素的名称和属性都在起始链接签内标明。
HTML 语言的结构
下面来看一个HTML文件,它在浏览器中显示的结果如图8-15所示。
<HTML>
<HEAD>
<TITLE>武汉工业学院</TITLE>
</HEAD>
<BODY bgcolor= yellow>
<P>这是一HTML的测试文件</P>
</BODY>
</HTML>
<TITLE>标记用来给网页命名,网页的名称写在<TITLE>与</TITLE>标记之间,显示在浏览器的标题栏中。例如,在图8-15中所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在HTML文件中的由<TITLE>武汉工业学院</TITLE>所定义的。
2 构成网页的基本元素
1.<TITLE>标记
<H1>…</H1>到<H6>…</H6>标题元素有6种,用于表示文章中的各种题目。字体大小<H1>到<H6>顺序减小。下面这个例子中分别使用了<H1>到<H6>的标题。其HTML文件如下所示,在浏览器中的显示效果如图8-16所示。
2.<Hn>标记
源文件
<pre>
源文件
HTML的输出是基于窗口的,因而HTML文件在输出时都是要重新排版的,即把文本上任何额外的的字符(如空格、制表符和回车符)都忽略,若确实不需要重新排版的内容,可以用<pre>…</pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标记<pre>的对比。
4.<BR>和<P>标记
源文件
<BR>用于强制换行。<P> 表示一个段落的开始。</P>一般可不用。
5.<B> <I> <U> <STRONG> <S> 标记
这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗;<I>标记使文本倾斜;<U>标记给文本加下划线;<S>标记给文本加删除线;<STRONG>标记使文本字体加重。下面给出一个HTML源文件,其显示结果如图8-19所示。
6.<FONT>标记
<FONT>…</FONT>用来修改字体和颜色。其中COLOR属性指定文字颜色,颜色的表示可以用6位十六进制代码,如<FONT COLOR = #00FF00>;SIZE属性指定相对尺寸。
另外, 如果用户想要设置网页的背景色和文字颜色,可以将<BODY>标记扩充为:
<BODY bgcolor=# text=# link=# alink=# vlink=# background = ”imageURL”>
其中各个元素的说明如表8-1所示,表8-2列出了一些常用颜色的RGB值。
标记
说明
Bgcolor
设置网页背景颜色
Text
设置网页非可链接文字的颜色
Link
设置网页可链接文字的颜色
Alink
设置网页正被点击的可链接文字的颜色
Vlink
设置网页已经点击的可链接文字的颜色
Background
设置网页背景图案
ImageURL
设置网页背景图案的URL地址
#
代表颜色RGB值(格式为rrggbb)。它是用16进制的红-绿-蓝(red-green-blue,RGB)值来表示。各种常见的颜色的RGB值如表9-2所示。
颜色
RGB
颜色