HTML语言入门教程(一)
▪什么是HTML语言
    HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。
▪HTML语言的基本结构
下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构：
<html>
  <head>
  <title>HTML语言的基本结构</title>
  </head>
  <body>
  HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。
  </body>
</html>
将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后再所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。
<html>…… ……</html>
    这是声明HTML文件的语法格式。每一个HTML文件，都必须以<HTML>开头，以</HTML>结束
<head>…… ……</head>
    这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。
<title>…… ……</title>
    这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。
<body>…… ……</body>
    这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。
注意：几乎每一种HTML语言的语法都是以<>开头，以</>结束。在编辑HTML语言过程中，也可以使用注释。语法格式为：<!-文件注释->。就好像C语言中的 /* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。
▪HTML语言的基本单位
1. 长度单位
    长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。
    长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。
<html>
  <head>
  <title>HTML语言的长度表示</title>
  </head>
  <body>
  HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。
 <hr width="500">html frame    <!绝对长度的声明>
 <hr width="50%">    <!相对长度的声明>
 </body>
</html>
    在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。
    其中 <hr> 标记是在页面上建立水平线的标记。width是水平线元素中的一种属性，用来表示水平线的宽度。这里width="500"即表示这个水平线的宽度是500像素；width="%50"即表示水平线占据客户区的总宽度的%50。
2. 颜单位
    和长度单位一样，颜单位也是描述页面表现形式的一种很重要的的数据类型。颜单位有三种表示方法：16进制颜代码、10进制RGB码、直接颜名称。这三种表示方法不同，但是效果却是一样的。下面用一小段代码说明这三种颜的表示方法。
<html>
  <head>
  <title>HTML语言中颜的不同表示方法</title>
  </head>
  <body>
  <font color="red">静夜思</font><br><!红>
  <font color="#008000">窗前明月光</font><br><!绿>
  <font color="rgb(0,0,255)">疑是地上霜</font><br><!蓝>
  <font color="#ffff00">举头望明月</font><br><!黄>
  <font color="#800000">低头思故乡</font><!栗>
  </body>
</html>
 注意：本文件在保存时请选择 Unicode 字符型进行保存。 
    16进制颜代码，语法格式： #RRGGBB 。16进制颜代码之前必须有一个“#”号，这种颜代码是由三部分组成的，其中前两位代表红，中间两位代表绿，后两位代表蓝。不同的取值代表不同的颜，他们的取值范围是00--FF。
   10进制RGB码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红、绿、蓝，他们的取值范围是0--255。以上两种表达方式可以相互转换，标准是16进制与10进制的相互转换。
   直接颜名称，可以在代码中直接写出颜的英文名称。
    以上三种表示方法的效果相同，一般16进制颜代码的表示方法比较常用。读者可以根据自己的喜好和实际情况来决定使用哪一种表示方法。关于不同颜的定义，请查看相关资料。。
3. URL路径
    URL(Universal Resource Locator)路径是一种互联网地址的表示法。在这个数据里可以包括以何种协议连接、要连接到哪一个地址、连接地址的端口(Port)号以及服务器(Server)里文件的完整路径和文件名称等信息。在HTML中，URL路径分为两种形式：绝对路经和相对路径。
  a. 绝对路径：
    绝对路径是将服务器上磁盘驱动器名称和完整的伦够写出来，同时也会表现出磁盘上的目录结构。
    语法格式：  <scheme>:<scheme_dependent_information>
    其中，<scheme>是某一种传输协议，而 <scheme_dependent_information> 则是连接的位置信息。
    例如：
        <a href="www.frontfree">
        <a href="file:///D:/test/html.htm">
 b. 相对路径：
    相对路径是相对于当前的HTML文档所在目录或站点根目录的路径。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。