以较专业点的语言说HTML 叫做超文本标记语言(HyperText Markup Language)，透过标记式的指令 (Tag)，可用任何文本编辑器或网页专用编辑器编辑，完成后以 .htm 或 .html 为文件后缀保存。由浏览器解释，将影像、声音、图片、文字等连结显示出来。
HTML标记是由 < 和 > 所括住的指令所构成，由 <起始标记 >，</ 结束标记 >构成的叫双标记指令。如<center>是居中命令，但居中的文字到何处结束，必需还得一个</center>；对于不要结束标记的叫单标记指令，如换行指令<br> 只表示从此处换到下一行，就不需要另一外“结束”指令了。
起始指令里面有很多特定的规则，可以设置很多参数，结束指令都较简单，只是关键字前加“/”就行。对于< ? >里面的内容，浏览器只作为指令执行，不会显示到浏览的页面上去。当然，如果写错了，浏览器不能正确解释，有时也会把它作为字符显示到页面。
每个网页要以<html>开始，最后有</html>表示此网页到此结束。前面试验中没有用这代码，当然浏览器也能正确执行。它的作用主要在浏览多页面时，不要让其他页中的指令带到另一页中去。
<html>网页开始后面常有<head>和</head>之间是文件的“头”部，“头”里面可有标题和对网页的各种设置，里面的设置只供浏览器识别，不会显示到页面。
以后<body>代码才是正文的开始。当然网页最后还要有</body>表示正文的结束。在<body>的尖括号内还可有背景、字体、字号、行距等格式的设置。
如<body bgcolor=fffef0>设置页面为淡黄色背景，
<body background="img/dotbg.gif">用图片“dotbg.gif”平铺背景。
网页中所有布局都是有指令完成的。文字的换行、分段、间隔等也都得用代码。如书写时我们用加车键换行，可用浏览器看时，文字只要没有排到到屏幕右边沿，显示时并不换行，是因为浏览器没有收到“换行”指令，而在同一行文字中，只有个<br>代码，浏览器就让<br>以后的文字换到下一行显示。如在文字间隔好多空格，浏览器显示时只间隔半个汉字的空格，需要加更多的空格必需用空格代码。我们在论坛发帖时已经注意到这一点了，明明每段前我留有空格，怎么发出来后左边都对齐了？就是因为没有空格代码。不过，现在多不用空格代码了，用成“全角”空格，浏览器就识别了。因为全角空格是汉字库中的定义，属于“汉字”，浏览器只有当做字符，不认为是空格。输入“全角”空格，就是在汉字输入状态下，单击汉字输入条中的那个“半月牙”使变成“园月”形，再打的空格就是“全角”空格。
对文字的设置要在<font>中进行。在尖括号里面可以定义字体、字号、字颜色等。
如<font face=黑体 size=5??color=ff0000>就是定义了黑体字5号字，颜色(color)为红色(ff0000)。定义某段文字，要在该段文字后加结束代码</font>，如果没有结束代码，定义将对以后所有文字有效。
插入图片代码，可用于“.jpg”、“.gif”、“.bmp”等图片。格式：
<img src="路径和文件名" align="left/right" width="宽" height="高" border="边宽" vspace="纵向间隔" hspace="横向间隔">
插入多媒体代码可用于“.swf”、“.mid”、“.mpg”、“.wmv”、“mp3”等文件，格式：
<embed src="路径和文件名" align="left/right" width="宽" height="高">
看了这些代码，有人说难学吧。下面试把前面的“index.htm”改一下，在“flash”目录里放上一个动画文件“gs.swf”，把网页改成下面样子，看看效果。
<img src="img/we.gif" width="329" height="211" align=left>
<br>
<font color=ff0000 size=6>老小孩学网页</font>
<br><br>
一、磁盘文件和目录结构<br><br>
二、绝对路径和相对路径<br><br>
三、网上地址和域名<br><br>
四、网站的目录结构<br><br>
五、建立站点目录<br><br>
</center>
<embed src=flash/gs.swf width=500 height=260 >
</center>
|
