Chap 02 HTML基本标记

时间 2019-11-09
标签 chap html 基本标记栏目 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代码中插入的描述性文本，用来解释改代码或提示其余信息。注释只出如今代码中，在浏览器的页面中不显示。
 
语法：
<!--注释的内容-->