大学计算机基础07HTML标签语言.PPT

第七课 HTML语言 引言 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。 您可以使用记事本、写字板、 FrontPage或Dreamweaver等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用标志名内容/标志名来表示标志的开始和结束(例如html/html标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 一、基本标志 1.html/html html标志用于Html文档的最前边，用来标识Html文档的开始。而/html标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志“必须”一块使用。 一、基本标志 2.title/title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入您要显示的文本即可。注意：title/title标志对只能放在head/head标志对之间。 一、基本标志 3.body/body body/body是Html文档的主体部分，在此标志对之间可包含p、/p、h1、/h1、br、hr等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。 一、基本标志 一、基本标志 下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。 htmlheadtitle显示在浏览器最上边蓝色条中的文本/title/headbody bgcolor=red text=bluep红色背景、蓝色文本/p/body/html 二、格式标志 1.p/p p/p标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。 p标志还可以使用align属性，它用来说明对齐方式，语法是：p align=“”/p。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。 如p align=Center/p表示标志对中的文本使用居中的对齐方式。 二、格式标志 2.br br是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行。在br的使用上还有一定的技巧，如果您把br加在p/p标志对的外边，将创建一个大的回车换行，即br前边和后边的文本的行与行之间的距离比较大，若放在p/p的里边则br前边和后边的文本的行与行之间的距离将比较小 三、文本标志 1.h1/h1……h6/h6 Html语言提供了一系列对文本中的标题进行操作的标志对：h1/h1……h6/h6，即一共有六对标题的标志对。h1/h1是最大的标题，而h6/h6则是最小的标题，也即是标志中 h 后面的数字越大标题文本就越小。  三、文本标志 2.b/bi/iu/u 经常使用 WORD 的人对这三对标志对一定很快就能掌握。b/b用来使文本以黑体字的形式输出；i/i用来使文本以斜体字的形式输出；u/u用来使文本以下加一划线的形式输出。  三、文本标志 3.font/font font/font是一对很有用的标志对，它可以对输出文本的字体、字号、颜色进行随意地改变，这些改变主要是通过对它的face、size 和 color属性的控制来实现的。face属性用来改变字体，size属性用来改变字体的大小；而color属性则用来改变文本的颜色，颜色的取值是前面讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。  四、图像标志 1.img img标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。  四、图像标志 所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成img src=logo.gif。 假如您的图形文件放在当前的Html文档所在目录的上层目录下，则相对路径就必须是准网址了。 四、图像标志 2.hr hr标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。noshade属性不用赋