HTML基本标记

来源:互联网 发布:金字塔 插件编程 编辑:程序博客网 时间:2024/06/14 21:18

1.HTML头部标记head

 (1)语法 :<head>...</head>

   (2)   说明:<head>元素的作用范围是整篇文档

      <head>元素中包括有 <meta>元信息定义;标题标记title;文档样式表定义;脚本等信息

       定义在HTML语言头部的内容往往不会再网页上直接显示 


2.标题标记title

(1) HTML页面的标题一般是用来说明页面的用途,它显示在浏览器的标题栏中

(2) 语法:<title>....</title>

  (3) 说明:页面的标题只有一个,它位于HTML文档的头部,即<head>和</head>之间


3.元信息标记meta

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

 (2)name属性的使用

   #设置页面关键字 

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

在该语法中,name为属性名称,这里是keywords,也就是设置网页的关键字属性,而content中则定义具体的关键字。


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

<meta name = "description"  content = "设置页面说明">

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


   #定义编辑工具

      <meta name = "generator"  content = "FrontPage">

      在该语法中,name为属性名称,设置为generator,也就是设置编辑工具,在content中定义具体的编辑工具名称


    #设置作者信息

     <meta name = "author" content = "郭华滨">


    #设置网页文集及语言

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

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


    #设置网页的定时跳转:使网页在一段时间后自动跳转刷新,经常有一些欢迎页面,经过一段时间后,这些页面会自动跳转到其他页面,这就是网页的跳转

<meta http-equiv = "refresh" content = "跳转的时间;URL = 跳转的地址">

<meta http-equiv = "refresh" content = "20 ; url = index1.html">


4.网页的主体标记body

(1)网页背景色 bgcolor

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

  <body bgcolor = #FF99FF>

(2)网页背景图片 background

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

说明:图片地址可以是相对地址,也可以是绝对地址。在默认情况下可以省略此属性,这时图片会按照水平和垂直的方向不断重复出现,直到铺满整个页面

(3)文字颜色text

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

说明:在该语法中,text属性值与设置页面背景色的相同

(4)链接文字属性link

概述:在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变为暗红色,可以通过link参数修改链接文字的颜色

语法:<body link = "颜色">

扩展:alink是为单击链接的文字时设置颜色,vlink设置访问后的链接文字的颜色

语法:<body link = "#993300" alink = "#0066FF" vlink = “#336600”>

(5)边距 margin

概述:在网页中可以设置页面与浏览器边框之间的距离,包括上边距和左边距

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

说明:默认情况下,边距的值以像素为单位,一般网站的页面左边距和上边距都设置为0

0 0
原创粉丝点击