1.<html> ------</html>
<meta http-equiv="Content-TYPE" content="text/html;charset=utf-8"/>
2. 文本显示方向属性:dir
作用与语法:dir属性用来指定文本显示的方向,同时也决定浏览器滚条的位置。dir属性的语法结构如下。
<html dir="浏览器中文本的方向">----</html>
dir属性可以取两个值,即ltr和rtl,分别表示浏览器中文本的方向从左向右显示(ltr)和从右向左显示(rtl)。
<!-- 从左到右显示 -->
<html dir="ltr" xmlns=""></html>
<!-- 从右到左显示 -->
<html dir="rtl" xmlns="">
3.指定语言属性:lang
作用与语法:lang属性用来指定文档中所使用的语言。lang属性的语法结构如下。
<html lang="指定的语言“>包含的内容部分</html>
lang 属性的取值可以使用ISO标准中的语言代码。常用的语言代码如下,在<html>元素中加入lang属性,使得浏览器更好地显示页面,并不会更改页面的文字编码。
语言名称 | 写法 | 语言名称 | 写法 |
---|---|---|---|
英语 | en | 法语 | fr |
汉语 | zh | 德语 | de |
日语 | ja | 意大利语 | it |
4.边框颜色属性:bordercolor
作用与语法:在HTML中通常用边框颜色属性bordercolor来定义行内单元格的边框颜色。bordercolor属性的语法结构如下。
<table>
<tr bordercolor="颜色值">-----</tr>
5.元信息元素:<meta>
作用与语法:元信息元素<meta>用来定义页面的附加信息,其中包括页面的作者、版权、关键字等相关信息。<meta>元素的语法结构如下。
<meta 属性=”属性值“/>
<meta>元素是一个自封闭的元素,通过其中的属性来添加各种附加信息。<meta>元素在不使用任何属性时,对页面没有影响。
5.1元信息元素名称属性:name
作用与语法:name 属性用来指定文档中附加信息的名称。例如,最常用的值”keywords“用来定义文档中的关键字,方便搜索引擎的搜索,name属性的语法结构如下。
<meta name="信息名称“/>
5.2 元信息元素的值: content满足
作用与语法:”满足“ 属性用来指定文档中附加信息的值,它与name属性成对出现。content属性的语法如下;
<mate name=:”信息名称“ content=”附加信息的值*/>
页面标题元素:<title>
html页面的标题一般是用来说明页面用途的,它显示在浏览器的标题栏中,在HTML文档中,标题信息设置在页面的头部,也就是<head>与</head>之间。<title>元素的语法结构如下。
<title>-----</title>
说明:在标记中间的“----------”就是标题的内容,它位于HTML文档的头部,即<head>和</head>之间。
实例代码 使用<title>元素的实例
5.3 元信息元素的附加属性:HTTP-eauiv
作用与语法:HTTP-equi属性和name属性类似,用来指定附加信息的名称。在浏览器加载页面之前,服务器会把HTTP-equiv属性定义的相关信息发送给浏览器,便于在浏览器中正确显示页面。HTTP-quuiv 属性的语法结构如下。
<mate http-equiv="信息名称" content=“附加信息的值”/>
和name属性类似,HTTP-quuiv属性一般要和content属性成对出现。
5.4 定义页面的跳转
作用与语法:在浏览网页的时候经常会看到一些欢迎信息的页面,在经过一段时间后,这一页面会自动转到其他页面,这就是网页的跳转。使用HTML中的HTTP代码就可以很轻松地实现这一功能。页面跳转的 语法结构如下。
<meta http-equiv="refresh" content=“跳转时间”;url="链接地址”>
说明:在该语法中,refresh表示网页的刷新,而在content中则设定刷新的时间和刷新后的地址,时间和链接地址之间用分号相隔,默认情况下,跳转时间是以秒为单位的。
<meta http-equiv="refresh" content="5;url=http://www.baidu.com>
5.5 类型属性:type
作用与语法 :type属性用来指定<style>元素中所包含内容的类型。一般情况下,不指明type属性时,浏览器时可以辨别内容类型的。但为了防止和JAVASCRIPT脚本等混淆,最好定义type属性。type属性的语法结构如下。
<style type=“类型”></syle>
在<style>元素中,类型属性的值为“text/css”。
<head>
<title>无标题文档</title>
<style type="text/css">
body {
color:#000000;
font-size:26px;}
5.5 类型属性:media
作用与语法:media属性用来指定<style>元素中所包含内容作用的媒体。一般情况下,制作的网页可能在不同的浏览设备中使用,指明使用的媒体将有助于页面的显示。media属性的语法结构如下。
<style media="媒体类型“></style>
media属性中可以使用多种媒体,具体的取值及含义如下。
代码属性值 | 含义 | 代码属性值 | 含义 |
screen | 电脑显示器 | aural | 音频设备 |
TV | 电视 | tty | 文本 |
打印机 | all | 所有设备 |
当指定多个媒体时,每个媒体值之间,用英文的”,“分隔。
注意:当指定了使用媒体后,其他媒体中将不能应用现有样式。
实例代码: