超文本标记语言绪论.docx

? 语言入门教程(一)??????????? 什么是HTML语言??HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C (World Wide Web Consortium) 所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。????????? HTML语言的基本结构?? 下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构：??????? HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后在所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。这是声明HTML文件的语法格式。每一个HTML文件，都必须以HTML开头，以/HTML结束这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。??????? 这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。这是声明文件主体的语法格式。在这之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。??????? 注意：几乎每一种HTML语言的语法都是以 开头，以/ 结束。??????? 在编辑HTML语言过程中，也可以使用注释。语法格式为：!-文件注释-。就好像C语言中的 /* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。????????? HTML语言的基本单位?? ??????? 1. 长度单位??????? 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。??????? 长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素 (pixel)（用px表示）和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。html??? head titleHTML语言的长度表示/title?/head?? body????? HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。? ??? hr width=500??? !绝对长度的声明?????? hr width=50%??? !相对长度的声明? ????????在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。??????? 其中hr标记是在页面上建立水平线的标记。????????????width是水平线元素中的一种属性，用来表示水平线的宽度。这里width=500即表示这个水平线的宽度是500像素；width=%50即表示水平线占据客户区的总宽度的%50。??????? 2.? 颜色单位????? ??????? 和长度单位一样，颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位有三种表示方法：??????? 16 进制颜色代码??????? 10进制RGB码??????? 直接颜色名称??????? 这三种表示方法不同，但是效果却是一样的。下面用一小段代码说明这三种颜色的表示方法：html??? head????????titleHTML语言中颜色的不同表示方法/title??? /head??? body????????font color=red静夜思/fontbr!红色,直接颜色名称，英文??? ??????? font color=#008000窗前明月光/fontbr!绿色，十六进制颜色代码??? ??????? font color=rgb(0,0,255)疑是地上霜/fontbr!蓝色，十进制RGB码??? ??????? font color=#ffff00举头望明月/fontbr!黄色，十六进制颜色代码??? ??????? font color=#800000低头思故乡/font!栗色，十六进制颜色代码??? ????/body /html?? ??????? 注意：本文件在保存时请选择Unicode 字符型进行保存。??????? ??????? 16进制颜色代码：语法格式： #RRGGBB。16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，他们的取值范围是00--FF。????? ??????? 10 进制RGB码：语法格式：RGB(RRR,GGG,BBB)