第一节 什么是HTML
HTML是Hyper Text Market Language的缩写，通常译为超文本标识语言。即一个文件不管在任何操作系统的任何浏览器上读起来都应该是一样的，HTML是一种处理文字的语言，它包含的指令（标记）可以插入到未定格式的文件里，用来控制打印或执行浏览器显示时的网页外观。
HTML只包含两种信息――标记和内容，标记是三角括号（<>）之间的文本，内容是不在三角括号（<> ）之间的文本。标记和内容的差别在于，浏览器不显示标记，标记中的信息告诉浏览器如何显示内容。
HTML可以创建结构化文档。头命令将文档各个部分分开和分类。HTML还有一些基本命令，可以格式化和显示文本、图形，接受用户输入和将信息发往服务器中进行后端处理。此外还可以创建特殊的文本和图形区，在单击时从一个HTML文件超链接到另一个 HTML文件，从而生成一系列页面间的相互链接。
通过超链接生成一系列页面是程序，但是这些程序没有智能，无法决策，主要使用它来控制页面的生成和显示。
第二节 HTML语法及标记的使用
有效的HTML文件只有几个要求。举例如下：
<html>
<head>
<title>举个例</title>
</head>
<body>一个最简单的例子
</body>
<html>
上例既有标记也有内容是一个完整的而简单的HTML文件。标记是三角括号(<>)中的文本。所有HTML文档都以<html>标记开头，以</html>标记结尾，两个标记之间有其他的标记和内容。
标记包含一个主命令，还可包含无限个相关值，称为属性。每个属性有名有值属性与命令间和属性与前一属性之间用空白分开，空白包括空格、制表符、回车/进行符。浏览器忽略这些空格。空白符对浏览器而言是另一种命令，通常称为分隔符。分隔符是任何分隔符项目的字符或字符序列。不同类型的分隔符有不同的含义。三角括号分隔标记，空白符分隔属性，等号分隔属性的名和值。同样，HTML用引号分隔数值，因为属性值中可能包含另一分隔符：空白符、等号或三角括号。举例如下：
<font face=”Arial” size=2 color=red>
这里<font>标记有三个属性face、size和color，各一个值，也有其他复杂的属性和值，使用的语法都一样，这里就不再赘述。
在HTML中，属性值的语法最复杂，而其他语法规则很简单：
■ 空白是可选的，除非用标记强迫浏览器包括空白，否则浏览器忽略空白。
■ 大小写无关。
■ 标记顺序很重要，内层标记应完全放在外层标记之内，即使用层套结构。
这些简单规则有助于编写完美的HTML，下面是我自己的一些总结，也是编写HTML的一些技巧：
► 编写开始标记时即写上结束标记。例如，不要写完<html>之后等最后再补写</html>，而是同时写两个标记，然后在标记之间插入内容。
► 用小写标记，易于输入。
► 使用模板。模板是预先写好的文件，可以直接放入内容。
► 缩排内层标记。
► 多用说明语句。HTML中的说明语句是以左三角括号加感叹号加双划线开头，并以双划线和右三角括号结尾的文本：<! -- This is a comment -- >。说明语句有助于理解文件的内容和布局，还可以直观的分隔各个部分。
下面是常用标记及其属性的总汇：
标记 属性 说明
<html> HTML文件标记
<head> 显示网页的一般信息
<title> 文件标题
<Body>body> alink 选中超链接的RGB或名称的颜色值
background 引用图形的URL
bgcolor 页面背景颜色的RGB或命名的颜色值
bottommargin 页面下边界的象素值
leftmargin 页面左边界的象素值
link 未激活超链接的RGB或命名的颜色值
rightmargin 页面右边界的象素值
scroll 控制页面上是否显示滚动条
text 文本缺省颜色的RGB或命名的颜色值
topmargin 页面上边界的象素值
vlink 访问过的超链接的RGB或命名的颜色值
bgsound 引用声音文件的URL
<p> 标记显示内容的段落
<b> 显示粗体字
<I> 显示斜体字
<u> 显示文字加下划线
<br> 换行符
<hr> 分隔线
<a> href 超链接目标页的URL
<img> src 被嵌入图片的URL
width 指定图形的宽度
height 指定图形的高度
<table> align 可取三个值left,right,center控制表格在页面的水平位置
background 接受引用图形文件的URL
bgcolor 控制表格的背景颜色
border 取一个整数值，控制表格周围和各个单元周围的边框宽度。
sellpadding 取一个整数，控制表格单元与边框之间的间隔。
cellspacing 取整数，控制表格单元之间的间隔。
cols 指定表格中的列数。
height 确定表格的高度
width 确定表格的宽度
<tr> align 用法同<table>
bgcolor
<td>
align 用法用<table>
background
bgcolor
colspan 取整数值，指定单元延伸的列数
rowspan 取整数值，指定单元延伸的行数
<form><form> action 设定互动式表单的处理方式，通常指明一个处理函数的URL地址。
method 用于设定互动式表单的资料传输方式，如post和get方式。
enctype 以编码方式来传送表单的资料
在本章的最后我想介绍一下框架，在我的设计中，我没有使用框架，尽管框架的使用有他的好处，但是在权衡利弊之后，我决定不使用框架。
框架不能单独存在，而要用框架组定义。框架组应在自己的页面中定义，不能在一个HTML文件中定义框架组和放进内容（除了<noframes>标记）。但一个页面中可以定义多个框架组。框架组是不显示的，是框架的容器页面。框架组包含一个或几个框架或框架组。框架用<frameset>标记定义，框架用<frame>标记定义。
现在来比较一下框架的优缺点：
优点：1. 能独立显示内容，能直观的分开内容。可以在一个框架中定义链接，在另一个框架中显示内容或触发操作，而不必重画整个屏幕。
2. 可以创建可伸缩框架。用户可以拖动框架边框以增加或减少框架的显示区。
缺点：1. 难以创建和控制。
2. 显示所需时间更长。浏览器请求框架组页面时需要访问服务器一次，请求每个框架的内容时又至少需要访问服务器一次，因此，显示双框架页面可能比显示同一内容无框架页面花两倍的时间。
3. 框架经常需要一些VBScript（对Netscape用户为JavaScript）用户端程序，这些程序出错率较高。
正因为比较了上述优缺点，我才决定不使用框架结构，当然你自己也可以权衡利弊而作出决定
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页