日期:2014-05-17  浏览次数:20678 次

HTML标签详细讲解说明[HTML语法]
HTML标签详细讲解说明[HTML语法] (2007-12-17 13:35)
分类: html


HTML标签详细讲解说明[HTML语法]

标签和属性
在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“<标签名>”表示,结束标签用“</标签名>”表示。
元素指的是包含标签在内的整体,除去标签的部分叫做内容。
属性要在开始标签中指定,用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示,用空格隔开后,还可以指定多个属性。指定多个属性时不用区分顺序

颜色的指定方法
用HTML指定颜色有两种方法
1、用16进制数值来指定:在#号的后面,把RGB的各个选项用十六进制的数值来表示,数值保持两位数。
2、指定颜色的名称:可以对基本的16色用名称来指定其颜色

指定文件的位置
在对某部分设置链接的时候,需要指定链接端HTML文件的位置;同样,如果想在该处显示图像也需要指定图像的位置。在HTML中,这个位置用URL来表示,有以下两种表示方法:
1、绝对URL:绝对URL就是用Web浏览器查看网页时,地址栏中显示的以http://开头的路径
2、相对URL:相对URL是在同一站点内进行设置,类似于在同一磁盘上管理文件的形式。这种方法是以当前文件的位置为基准。使用相对URL时,如果要指定的文件在当前文件的下级,就从目录名开始一直写到要指定的文件名,中间用“/”符号隔开。如果在当前文件的上级,每上一级就加一个“../”符号

显示HTML的版本
<!DOCTYPE~>
HTML的版本表明HTML文件是按照哪个版本进行编写的(标明该HTML文件遵循的DTD文件),不同的版本和种类都有固定的书写格式,要按照固定的格式输入文件开头,然后在文件开头处写明版本,按照这种版本的规定格式进行编写
必须使用的标签
<html>~</html>
<head>~</head>
<title>~</title>
<body>~</body>
HTML文件的开头写有<!DOCTYPE~>的部分,代表HTML的版本,其后是必须存在的四种标签
首先,<!DOCTYPE~>后面的整个都要用html标签(<html>~</html>)括起来,其中要按照head标签(<head>~</head)和body标签的顺序(<body>~</body>)的顺序进行排列。
在head标签中填写与该文件相关的信息,body标签中填写世纪要在浏览器上显示的内容。另外,在head标签中,只能有一个代表文件标题的title标签

设置页面的文字颜色
<body text=”颜色指定”>~</body>
设置页面的背景颜色
<body bgcolor=”颜色指定”>~</body>
设置页面的背景图像
<body background=”图像的URL”>~</body>

按照目的设定范围
<div>~</div>
<span>~</span>

插入注释
<!—注释语句-->

添加标题
<title>~</title>
title标签用来给HTML文件添加标题
这个标签一定要位于<head>~</head>圈定的范围内。在这里指定的标题除了可以在通常的浏览器窗口的标题栏中显示以外,还可以作为加入收藏夹时的标题

显示文件编码
<meta http-equiv="Content-Type" content="text/html; charset=文字编码" />
meta标签的charset属性表示该HTML文件是用什么文字编码编写的
注意,该标签一定要位于<head>~</head>范围内
添加关键字、内容介绍及作者姓名
<meta name="keywords" content="关键字1,关键字2,…" />
<meta name="description" content="内容介绍" />
<meta name="author" content="作者姓名" />
这些信息都不会在画面上显示出来,但是搜索引擎在收集信息时要用到
注意,该标签一定要位于<head>~</head>范围内
设置样式表和脚本语言的种类
<meta http-equiv="Content-Style-Type" content="样式表的种类" />
<meta http-equiv="Content-Script-Type" content="脚本的种类" />
在HTML文件内可以设置样式表和脚本的默认语言
注意,该标签一定要位于<head>~</head>范围内

设置进入网页
<link rel=”关系” href=”URL”>
<link rev=”关系” href=”URL”>
rel:在本页看到的,与URL标明的网页之间的关系
rev:在URL标明的网页中看到的,与本页之间的关系
link标签表示的是该文件和与其相关的其他文件之间的关系
注意,该标签一定要位于<head>~</head>范围内

设置标准URL
<base href=”绝对URL”>
<base href=”绝对URL” target=”目标名”>
base标签用来设置将该页中使用的相对URL的标准指向成绝对URL,指定了这个标签之后,在该页指定的相对URL就会全部认定为已在这里指定的绝对URL。如果不进行这项设置,就以当前页的位置为标准,如果指定了Target属性,就可以指定打开链接地址网页的默认框架和窗口
注意,该标签一定要位于<head>~</head>范围内

设置自动倒入网页功能
<meta http-equiv="refresh" content="秒数" />
<meta http-equiv="refresh" content="秒数";URL=要移动到的URL />
在经过数秒后,自动开始导入网页。如果指定了要移动到的URL,就会导入URL指定的网页。如果没有指定,就会再次导入相同的页
注意,该标签一定要位于<head>~</head>范围内

设置各级标题
<h1>~<h1>

设置段落
<p>~</p>
p标签表示的是该部分为一个段落