HTML总结

HTML，超文本标记语言，HyperText Mark-up Language，通过标记符号来标记要显示的网页中的各个部分；

一、注意事项：

　　　　1、所有的标记都以< >作为开始和结束；

　　　　2、标记之间可以嵌套<h1><center>标题</h1></center>，请注意层次；

　　　　3、在源代码中不区分大小写 <head> <Head> <HEAD> 作用相同，但是XHTML比HTML更严格，其区分大小写，且校验元素开闭符；

　　　　4、回车键和空格键在源代码中不起作用，一切格式或样式，均由各标记元素实现

二、元素或标记

　　1、头部标记<head>

　　　　一般，js css一般都在<head>中定义或者引用；

　　　　一般，<head>中定义的内容不会在网页上显示,而是通过另外的方式起作用如:<title>

　　　　<head>内其他的标识或元素

标签	描述
<head>	定义关于文档的信息。
<title>	定义文档标题。
<base>	定义页面上所有链接的默认地址或默认目标。
<link>	定义文档与外部资源之间的关系。
<meta>	定义关于 HTML 文档的元数据。
<script>	定义客户端脚本。
<style>	定义文档的样式信息。

<head>示例：

 1 <html>
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4 <meta name="description" content="HTML examples">
 5 <!-- 作者信息描述 -->
 6 <meta name="author" content="w3school.com.cn">
 7 <!-- 关键字 -->
 8 <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
 9 <!-- 重定向 -->
10 <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
11 
12 <link rel="stylesheet" type="text/css" href="mystyle.css" />
13 <style type="text/css">
14 　　body {background-color:yellow}
15 　　p {color:blue}
16 </style>
17 
18 <title>标题不会显示在文档区</title>
19 
20 </head>
21 
22 <body>
23 </body>
24 
25 </html>

　　2、页面主体<body>

　　页面的主体位于<body></body>之间

属性	值	描述
alink	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中活动链接（active link）的的颜色。
background	URL	不赞成使用。请使用样式取代它。规定文档的背景图像。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档的背景颜色。
link	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。
text	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中所有文本的颜色。
vlink	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。

　　3、文字与段落

　　　　特殊字符

显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<
>	大于号	>	>
&	和号	&	&
"	引号	"	"
'	撇号	' (IE不支持)	'

注释语句如  该代码不会在IE中显示

　　　　 <h>标题字标记 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>字体依次逐级递减

　　　　<b> <strong> 粗体标记

　　　　 <i> <em> <cite> 斜体标记

　　　　^{<sup>上标记} _{<sub>下标记}

　　　　<u>下划线标记

　　　　<s> <strike> 删除线标记

　　　　<address>地址文字标记 :主要用语显示E_MAIL 地址等文字内容主要用于英文字体中显示

　　　　<tt>打字机标记该标记用来创建出打字机风格的字体,文字间是以等宽来显示的

　　　　<code> <samp> 等宽文字标记使用等宽字体来显示文字的内容主要用于英文字体中显示

　　　　<kbd> 在标记间的文字就是键盘输入命令的文字效果

　　　　<var> 可以显示变量的文字效果,使用斜体

　　　　<big>大字号标记将当前的文字加大一级字号显示 <small>小字号标记将当前的文字缩小一级字号显示

　　　　<font>字体标记，用于加属性进行字段格式控制

　　　　<p>段落标记段落:就是一段格式上统一的文本可以说段落就是带有硬回车的组合

　　　　<br> 换行标记 <nobr>不换行标记

　　　　<pre>预格式化标记:就是保留文字在源代码中的格式,页面的显示效果与在源代码的格式完全一致

　　　　<hr>水平线标记----- 用语段落与段落之间的分割