您的位置：首页 > Web前端 > HTML

Chap 02 HTML基本标记

2016-02-05 00:00 267 查看
摘要: 讲解HTML基本标记的使用，制作完整的网页必不可少的元素。

2.1  HTML头部标记head
在HTML语言的头部元素中，一般需要包括标题、基础信息和元信息等。HTML的头部元素是以<head>为开始标记，以</head>未结束标记的。

语法:
<head>……</head>

说明：
<head>元素的作用范围是整篇文档。<head>元素中可以有<meta>元信息定义、文档样式表定义和脚本等信息，定义在HTML语言头部的内容往往不会在网页上直接显示。

2.2  标题标记title
HTML页面的标题一般是用来说明页面的用途，它显示在浏览器的标题栏中。在HTML文档中，标题栏设置在<head>与</head>之间。标题标记以<title>开始，以</title>为结束。

语法：
<title>……</title>

说明：每个HTML文档的页面标题都只有一个。

2.3  元信息标记meta
meta元素提供的信息不显示在页面中，一般用来定义页面信息的说明、关键字、刷新等。在HTML中，meta标记不需要设置结束标记，在一个尖括号内就是一个meta内容。在一个HTML页面中有多个meta元素。meta元素的属性有name和http-equiv,其中name属性主要用于描述网页，以便于搜索引擎查找、分类。

2.3.1  设置页面关键字
在搜索引擎中，检索信息都是通过输入关键字来实现的。关键字是整个网站登录过程中最基本也是最重要的一步，是进行网页优化的基础。关键字在浏览时看不到的，它可供搜索引擎使用，当用关键字搜索网站时，如果网页中包含改关键字，就可以在搜索结果中列出来。

语法：
<meta name="keywords" content="输入具体的关键字"/>

说明：
在该语法中，name为属性名称，例子中是keywords，也就是设置网页的关键字属性，而在content中则定义具体的关键字。

2.3.2  设置页面说明
设置页面说明也是为了便于搜索引擎的查找，它用来详细说明网页的内容，页面说明在网页中不显示。

语法：
<meta name="description" content="设置页面说明"/>

说明:
在该语法中，name为属性名称，例子中设置为description，也就是将元信息属性设置为页面说明，在content中定义具体的描述语言。

2.3.3  定义编辑工具
有很多编辑软件都可以制作网页，在源代码的头部可以设置网页编辑工具的名称，与其他meta元素不同，编辑工具也只是在页面的源代码中可以看到，而不会显示在浏览器中。

语法：
<meta name="genrator" content="编辑软件的名称">

2.3.4  设置作者信息
在源代码中还可以设置网页制作者的姓名。

语法：
<meta name="author" content="作者的姓名">

2.3.5  设置网页文字及语言
在网页中还可以设置语言的编码方式，这样浏览器可以正确的选择语言，而不需要人工选取。

语法：
<meta http-equiv="content-type"  content="text/html ;   charset=字符集类型"/>

说明：在该语法中，http-equiv用于传送HTTP通信协议的标头，而在content中才是具体的属性值。charset用于设置网页的内码语系，也就是字符集的类型，国内常用的时GB码，charset往往设置为gb2312，即简体中文。英文是ISO-8859-1字符集，茨瓦还有其他的字符集。

2.3.6  设置文野的定时跳转
使用meta标记可以使网页经过一定时间后自动刷新，者可通过将http-equiv属性值设置为refresh来实现。content属性值可以设置为更新时间。
在浏览网页时经常会看到一些欢迎信息的页面，在经过一段时间后，这些页面会自动转到其他页面，这就是网页的跳转。

语法：
<meta http-equiv="refresh"  content="跳转的时间"  ; URL=跳转到的地址"/>

说明：refresh表示网页的刷新，在content中设置刷新的时间和刷新后链接地址，默认刷新时间以秒为单位。

2.4   网页的主体标记body
网页的主体部分包括要在浏览器中显示处理的所有信息。在网页的主体标记中有很多的属性设置，包括网页的背景设置、文字属性设置和链接设置等。

2.4.1   网页背景色bgcolor
语法:
<body bgcolor="背景颜色">

说明：
body就是页面的主体标记，bgcolor的值可以使一个已命名的颜色，也可以是十六进制的颜色值。

2.4.2  网页背景图片background
使用background属性可以将图片设置为背景，同时可以设置图片的平铺方式、显示方式等。

语法：
<body background="图片的地址">

说明：
图片的地址可以是相对地址，也可以是绝对地址。默认情况下，开发作者可以省略此属性，这是图片会按照水平和垂直的方向不断重复出现，知道铺满整个页面。

2.4.3  文字颜色
可以通过text标记来设置文字的颜色。在没有对文字的颜色进行单独定义时，这一属性可以对页面中的所有文字起作用。

语法：
<body text="文字的颜色值">

2.4.4   链接文字属性link
超链接中以文字链接最多，在默认情况下，浏览器以蓝色作为超链接文字的颜色，访问过的文字颜色则变为暗红色。可以通过link参数修改链接文字的颜色。

语法：
<body link="颜色值">

说明：
这一属性的设置与之前几个设置颜色的参数相似，都是与body标签设置在一起，表明它对网页中所有未单独设置的元素起作用。

使用alink可以设置正在访问的文字颜色
语法：<body  link="颜色值"   alink="颜色值">

使用vlink可以设置访问后的文字颜色
语法：<body  link="颜色值"   alink="颜色值"   vlink="颜色值">

2.4.5   设置边距margin
在网页中可以设置页面与浏览器边框之间的距离，包括上边距和左边距。默认情况下，边距的值以像素为单位。

语法：
<body topmargin=上边距的值   leftmargin=左边距的值>

2.5  页面的注释
注释是在HTML代码中插入的描述性文本，用来解释改代码或提示其他信息。注释只出现在代码中，在浏览器的页面中不显示。

语法：
<!--注释的内容-->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航