如同人一样，网页也包括了“头部”和“身体”，
＜head＞标记内包含着诸如网页标题、语言编码、网页描述等基本信息，而平时我们真正见到的网页内容均放在＜body＞标记内。现在先介绍一下＜head＞里的基本信息。
网页标题(标记格式为＜title＞＜/title＞)
创建网页标题文字：＜title＞标题＜/title＞ //此处书写的文字会显示在IE的标题栏上。
网页文档信息(标记格式为＜meta＞)
描述网页内容类型：＜meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"＞ //该页面为TXT文本或HTML格式，语言编码方式为GB2312(即简体中文)。
描述网页的关键字信息：＜meta name="keywords" content="这里是关键字"＞
对网页的详细描述：＜meta name="description" content="这里是对该网页的介绍"＞
刷新网页：＜meta http-equiv="refresh" content="5URL=xxx.htm"＞ //5秒种后刷新，并链接到xxx.htm。
二、组成要素
无论网页如何千变万化，构成一个网页内容的最基本要素大体只有五种，即文字、图片、表格、超链接和表单控件，所以下面将围绕着这五个要素逐一列举介绍。
文字(标记格式为＜font＞＜/font＞)
指定文字字体：＜font face="宋体"＞宋体文字＜/font＞
指定文字大小：＜font size="3"＞3号文字＜/font＞
指定文字颜色：＜font color="#FF0000"＞红色文字＜/font＞ //网页颜色采用16位编码，因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。
图片(标记格式为＜img＞)
＜img src="images/pic.jpg" width="400" height="300" border="2" align="center"＞// src指定为路径地址，width为宽度，height为高度，border为边框大小，align为横向位置。
表格(标记格式为＜table＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞)
＜table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"＞＜tr＞＜td＞此处添加文字或图片等＜/td＞＜/tr＞＜/table＞// width、height、border、align与以上的例子作用一样，cellpadding为边框与单元格的间距，cellspacing为单元格之间的间距，bgcolor为表格背景色。
以上所介绍的元素都是只存在当前页中，而网页超链接的出现大大改变了人们的浏览习惯，可根据自己喜好，点击到相关链接查看网页信息。
超链接(标记格式为＜a＞＜/a＞)
＜a href="xxx.htm" title="提示文字"＞链接文字或图片＜/a＞ //href为被点击后的链接页，title为鼠标悬停在链接文字或图片上后出现的提示文字。
表单控件(标记符号为＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)
表单控件实现了人与网页的交互，像大家常去的论坛、购物站点等都有它的“身影”。
文本框：＜input type="text" value="这是文本框"＞ //value为该控件的值，以下每个表单控件均可设定，不设默认为空
密码框：＜input type="password"＞
单选框：＜input type="radio"＞
复选框：＜input type="check"＞
提交按钮：＜input type="submit"＞
重置按钮：＜input type="reset"＞
隐藏区域：＜input type="hidden"＞
文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows为行数，cols为宽度
列表框：＜select＞＜option＞项目1＜option＞项目2＜option＞项目3＜/select＞
编后：学习HTML的目的不是为了要用它来编写网页，因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素，了解这些知识后可以分析网页的结构，学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些，想要在网页设计方面发展的朋友学好它是非常必要的。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的<body>标签的代码替换为：
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：
方法1：
<label for="userName">用户名：</label><input type="text" id="userName"/>
方法2：
<label>用户名：<input type="text"/></label>
当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式。
<label><input type="radio" />性别</label>
在HTML里，每一种HTML标签都有自己的意义，在做页面的时候选择适合的标签，少使用DIV，Span这些无语义的标签，只有在无法确定使用什么标签才使用DIV。
![RUBY的def end 请问下面这句话是在定义什么？ def host; @options[:addr] end](/aiimages/RUBY%E7%9A%84def+end+%E8%AF%B7%E9%97%AE%E4%B8%8B%E9%9D%A2%E8%BF%99%E5%8F%A5%E8%AF%9D%E6%98%AF%E5%9C%A8%E5%AE%9A%E4%B9%89%E4%BB%80%E4%B9%88%EF%BC%9F+def+host%3B+%40options%5B%3Aaddr%5D+end.png)
