003HTML基础知识.docVIP

1.4 HTML基础知识 Internet风行世界，作为展现Internet风采的重要载体，Web页受到了愈来愈多人的重视。好的Web页可以吸引用户频频光顾站点，从而达到宣传网站的目的。Web页是由HTML（Hypertext Markup Language，超文本标记语言）组织起来的，由浏览器解释显示的一种文件。 最初的HTML语言功能极其有限，仅能够实现静态文本的显示，人们远远不满足于死板的类似于文本文件的Web页。后来增强的HTML语言扩展了对图片、声音、视频影像的支持。 通过浏览器访问到的Web页面，通常是基于HTML的基础上所形成的。那么，什么是HTML呢？下面将介绍有关HTML的概念及其基本语法。 1.4.1 HTML概念 当畅游Internet时，过浏览器所看到的网站是由HTML语言所构成。是一种建立网页文件的语言，过标记式的指令Tag），将影像、声音、图片、文字等连显示出来。HTML网页文件，以.htm或.html为文件后缀保存将HTML网页文件浏览器打开显示，若测试没有问题则可以放到服务器Server）上，对外发布信息。HTML标记是由”和”所括住的指令，主要分为单标记指令、双标记指令由起始标记/结束标记构成。通常一份HTML网页文件包含个部标头区HEAD/HEAD、区BODY/BODY和网页区HTML……/HTML。html head title显示在浏览器窗口最顶端中的文本/title /head body bgcolor=red text=blue p红色背景、蓝色文本/p /body /html (注意：title/title标志对只能放在head/head标志对之间。 1.4.4 格式标记 这里所介绍的格式标记都是用于body/body标志对之间的。 1．p……/p p/p标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。p标志还可以使用align属性，它用来说明对齐方式，语法如下所示。 p align=参数/p Align的参数可以是Left（左对齐）、Center（居中）和Right（右对齐）3个值中的任何一个。例如p align=center/p表示标志对中的文本使用居中的对齐方式。 2．br br是一个很简单的单标记指令，它没有结束标志，因为它用来创建一个回车换行，即标记文本换行。 (注意：如果把br加在p/p标志对的外边，将创建一个大的回车换行，即br前边和后边的文本的行与行之间的距离比较大。若放在p/p的里边则br前边和后边的文本的行与行之间的距离将比较小。 3．blockquote……/blockquote 在blockquote/blockquote标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 4．dl……/dl、dt……/dt、dd……/dd dl/dl用来创建一个普通的列表；dt/dt用来创建列表中的上层项目；dd/dd用来创建列表中最下层项目，dt/dt和dd/dd都必须放在dl/dl标志对之间。通过下面的实例，读者可以更好地理解这几个相近的标记。 html head title一个普通列表/title /head body text=blue dl dt中国城市/dt dd北京 /dd dd上海 /dd dd广州 /dd dt美国城市/dt dd华盛顿 /dd dd芝加哥 /dd dd纽约 /dd /dl /body /html 该实例在网页中的效果，如图1-29所示。 5．ol……/ol、ul……/ul、li……/li ol/ol标志对用来创建一个标有数字的列表。ul/ul标志对用来创建一个标有圆点的列表。li/li标志对只能在ol/ol或ul/ul标志对之间使用，此标志对用来创建一个列表项，若li/li放在ol/ol之间，则每个列表项加上一个数字；若放在ul/ul之间，则每个列表项加上一个圆点。示例如下所示： 图1-29 格式标记执行效果图 html head title/title /head body text=blue ol p中国城市 /p li北京 /li li上海 /li li广州 /li /ol ul p美国城市 /p li华盛顿 /li li芝加哥 /li li纽约 /li /ul /body /html 以上在IE中的运行效果如图1-30所示。 图1-30 格式标记执行效果图 6．div……/div div/div标志对用来排版大块HTML段落，也用于格式化表，此标志对的用法与p/p标志对非常相似，同样有align对齐方式属性。 1.4.5 文本标记 文本标记主要针对文本的属性设置进行标记说明，如斜体、黑体字、加下划线等。 1．pre……/pre pre/pre标志对用来对文本进行预处理操作