HTML的基本标记 1. 头部标记head <head>...</head> head元素的作用是整篇文档,其中可以有<meta>元信息定义,文档样式表定义和脚本信息等。 <html> <head> 文档头部信息 </head> <body> 文档正式内容 </body> </html> 2. 标题标记title <title>标题内容</title> 3. 元信息标记 meta Meta元素的信息不显示在页面中,一般来定义页面信息的说明,关键字,刷新等。属性有name,http-equiv。 1)设置页面关键字 在搜索引擎中,检索信息都是通过输入关键子来实现的。 <meta name="keywords" content="插入关键字"> Name为属性名称 在content中定义具体的关键字 2)设置页面说明 也是为了便于搜索引擎的查找 <meta name="description" content="设置页面说明"> Name为属性名称 在content中定义具体的描述语言 3)定义编辑工具 <meta name="generator" content="编辑软件的名称"> Name为属性名称 在content中定义具体的编辑工具名称 如: <meta name="generator" content="FrontPage"> 4)设置作者信息 <meta name="author" content="作者的姓名"> Name为属性名称 在content中设置具体的信息 5)设置网页文字及语言 <meta http-equiv="content-type" content="text/html;charset=字符集类型"/> http-equiv用于传输http通信协议的标头,在content中设置具体的属性值 如:<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"/> 6)设置网页定时跳转 其实就是该标记使网页在经过一定时间自动刷新 <meta http-equiv="refresh" content="跳转时间;URL=跳转到的地址“> Refresh表示网页的刷新 在content设置刷新时间(以秒为单位)和刷新后的链接地址 如:<meta http-equiv="refresh" content="20;url=index.html"> 在经过二十秒后页面自动跳转到index.html 小结:虽然<meta>标记中的信息不再页面中显示,但是对于网页的规范化和搜索引擎关键字等方面来看,该标记在也是非常重要的。 (注:<meta>标记可以不设结束标记) 4. 网页主体标记body 网页的主体部分包括在浏览器中显示处理的所有信息。 1)网页背景色bgcolor <body bgcolor="背景颜色"> 背景颜色可以是一个以命名的颜色,也可以是一个十六进制的颜色值。 如:<body bgcolor="#FF99FF">或者<body background="red"> 2)网页背景图片background <body background="图片地址"> 地址可以是相对地址也可以是绝对地址,在默认情况下图片会按照水平和垂直方向不断重复出现 如:<body background="image/1.jpg"> 3)文字颜色text <body text="文字的颜色"> 如:<body text="#FFFFFF"> //文字为白色 4)链接文字属性link <body link="颜色"> 如:<body link="blue">//超级链接的字体为蓝色 还可以使用alink设置正在访问的字体颜色 如:<body link="blue" alink="red"> Vlink可以设置访问后链接字体的颜色 如:<body link="blue" alink="red" vlink="green"> 5) 边距margin <body topmargin=上边距的值 leftmargin=左边距的值 Rightmargi=右边距的值> 在默认情况下 边距的值以像素为单位 如: <body topmargin="100" leftmargin="100" rightmargin="100"> 5.页面注释标记<!-- --> <!-- 注释内容 --> |