html简介及用法小结
日期：2014-05-17 浏览次数：20963 次
html简介及用法总结
WWW基本概念
www的全称为World Wide Web,即全球广域网（万维网），是一种基于TCP/IP协议的网络信息服务。当WWW服务器接收到请求时，将HTML标记的文本发送给请求者，请求者的浏览器把HTML文本翻译后，显示在窗口中。
HTML简介
下面就一个简单的HTML文件进行解释，使读者对之有一个感性的认识，为以后的学习打下基础。读者可以对照其在浏览器中的显示情况，来了解HTML文件的基本格式、概念和标记。在编辑的文本文件中写出如下内容（可以使用Windows自带的记事本来编写）：
通过上面的实例可以发现HTML文件是纯文本文件，是用ASCⅡ码编写的源文件，可以用任何一个文本编辑器（如记事本notepad）打开和编辑。HTML文件包括两部分。
*文件的内容部分
*HTML的标识部分。
大多数HTML标识的书写格式如下：
<标识名>显示内容</标识名>
浏览器的功能是：解释并显示HTML文件。需要注意的是：对于同一个HTML文件，不同的浏览器显示的效果可能不一样。
下面介绍所用的标识：
*<HTML></HTML>标识：任何一个HTML文件都应该以该标识开头和结尾，该标识告诉浏览器使用HTML语言来解释和显示该文件。其他内容都应写在该标识之间。
*<head></head>标识：该标识是网页头部标识。写在该标识之间的内容一般不显示出来，只有后面讲到的<title></ title >标识会显示在浏览器顶部的蓝色标题栏中。
< title ></ title >标识：该标识放置于< head ></ head >标识之间，其中间书写的内容将显示在浏览器的顶部标题栏中，是HTML文件的标题，如上例所示，标题的内容可以任意制定，也可以不写。
*<body></body>标识：网页的主题内容应该放置在该标识之间，而该标识应该放置在<HTML></HTML>标识内部。
<HR>分隔线标识
：别忽视我阿！
<HR>的语法很简单，在需要插入分隔线的位置输入该标识即可，例如现在需要在上一个实例的第一句话后面插入一条分隔线，使之布局全理，可以将其源代码更改如下：
<br>行中断标识
在HTML语言中，实现换行是靠一个行中断标识<br>来实现的。
例如可以将上一个实例的源代码修改如下：
元信息标记<meta>
<HEAD>
开始标签
<TITLE>银河信息技术学院</TITLE>
网页文档标题
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
网页文档字符编码设置
<META content=银河，网盾工程，安全资讯，黑客入门，黑客攻防，软件下 name=keywords>
网页文档关键字的设置
<META content=银河信息技术学院。 name=description>
网页文档描述信息的设置
<LINK href="../images/cixicn.css" type=text/css rel=stylesheet>
网页文档链接样式表文件的设置
</HEAD>
结束标签
<meta>标记的主要作用是向服务器和客户端传达关于文档的隐藏信息。
<meta http-equiv="Content-type" content="Text/html; charset=gb2312">
属性说明：
http-equiv：设置或获取用于将 META 标签的 content 绑定到 HttP 响应头的信息。
Content：设置或获取与 HttP-EQUIV 或 NAME 关联的资源信息。
Charset：设置或获取用于解码对象的字符集。
<META content=银河,信息技术学院,网盾工程 name=keywords>
<META content=银河信息技术学院 name=descripTion>
属性说明：
Name：设置或获取META 对象的 CONTENT 标签属性中指定的值。
name值为“keywords”主要设置网站的关键字。
name值为“description”主要设置网站的描述信息。
例如:
<Bgcolor>
例如:
Background
WWW基本概念
www的全称为World Wide Web,即全球广域网（万维网），是一种基于TCP/IP协议的网络信息服务。当WWW服务器接收到请求时，将HTML标记的文本发送给请求者，请求者的浏览器把HTML文本翻译后，显示在窗口中。
HTML简介
下面就一个简单的HTML文件进行解释，使读者对之有一个感性的认识，为以后的学习打下基础。读者可以对照其在浏览器中的显示情况，来了解HTML文件的基本格式、概念和标记。在编辑的文本文件中写出如下内容（可以使用Windows自带的记事本来编写）：
<HTML>
<head>
<title>一个简单的HTML示例</title>
</head>
<body>
欢迎光临我的主页。
这是我第一次做主页，无论怎么样，我都会努力做好！
</body>
</HTML>通过上面的实例可以发现HTML文件是纯文本文件，是用ASCⅡ码编写的源文件，可以用任何一个文本编辑器（如记事本notepad）打开和编辑。HTML文件包括两部分。
*文件的内容部分
*HTML的标识部分。
大多数HTML标识的书写格式如下：
<标识名>显示内容</标识名>
浏览器的功能是：解释并显示HTML文件。需要注意的是：对于同一个HTML文件，不同的浏览器显示的效果可能不一样。
下面介绍所用的标识：
*<HTML></HTML>标识：任何一个HTML文件都应该以该标识开头和结尾，该标识告诉浏览器使用HTML语言来解释和显示该文件。其他内容都应写在该标识之间。
*<head></head>标识：该标识是网页头部标识。写在该标识之间的内容一般不显示出来，只有后面讲到的<title></ title >标识会显示在浏览器顶部的蓝色标题栏中。
< title ></ title >标识：该标识放置于< head ></ head >标识之间，其中间书写的内容将显示在浏览器的顶部标题栏中，是HTML文件的标题，如上例所示，标题的内容可以任意制定，也可以不写。
*<body></body>标识：网页的主题内容应该放置在该标识之间，而该标识应该放置在<HTML></HTML>标识内部。
<HR>分隔线标识
：别忽视我阿！<HR>的语法很简单，在需要插入分隔线的位置输入该标识即可，例如现在需要在上一个实例的第一句话后面插入一条分隔线，使之布局全理，可以将其源代码更改如下：
<HTML> <head> <title>一个简的HTML示例</title> </head> <body> 欢迎光临我的主页。 <HR> 这是我第一次做主页，无论怎么样，我都会努力做好！ </body> </HTML>
<br>行中断标识
在HTML语言中，实现换行是靠一个行中断标识<br>来实现的。
例如可以将上一个实例的源代码修改如下：
<HTML> <head> <title>一个简单的HTML示例</title> </head> <body> 欢迎光临我的主页。 <HR> 这是我第一次做主页。 <br> 无论怎么样，我都会努力做好！ </body> </HTML>
元信息标记<meta>
<HEAD>
开始标签
<TITLE>银河信息技术学院</TITLE>
网页文档标题
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
网页文档字符编码设置
<META content=银河，网盾工程，安全资讯，黑客入门，黑客攻防，软件下 name=keywords>
网页文档关键字的设置
<META content=银河信息技术学院。 name=description>
网页文档描述信息的设置
<LINK href="../images/cixicn.css" type=text/css rel=stylesheet>
网页文档链接样式表文件的设置
</HEAD>
结束标签
<meta>标记的主要作用是向服务器和客户端传达关于文档的隐藏信息。
<meta http-equiv="Content-type" content="Text/html; charset=gb2312">
属性说明：
http-equiv：设置或获取用于将 META 标签的 content 绑定到 HttP 响应头的信息。
Content：设置或获取与 HttP-EQUIV 或 NAME 关联的资源信息。
Charset：设置或获取用于解码对象的字符集。
<META content=银河,信息技术学院,网盾工程 name=keywords>
<META content=银河信息技术学院 name=descripTion>
属性说明：
Name：设置或获取META 对象的 CONTENT 标签属性中指定的值。
name值为“keywords”主要设置网站的关键字。
name值为“description”主要设置网站的描述信息。
例如:
<HTML> <head> <META content=银河,信息技术学院,网盾工程 name=keywords> <META content=银河信息技术学院 name=description> <title>一个简的HTML示例</title> </head> <body> 欢迎光临我的主页。 <HR> 这是我第一次做主页，无论怎么样，我都会努力做好！ </body> </HTML>
<Bgcolor>
例如:
<HTML> <head> <title>一个简的HTML示例</title> </head> <body bgcolor=red> 欢迎光临我的主页。 <HR> 这是我第一次做主页，无论怎么样，我都会努力做好！ </body> </HTML>
Background
<HTML>
<head>
<title>一个简的HTML示例</title>
</head>
<body background =red>
欢迎光临我的主页。
<HR&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
