爱华网
这里我们一起来学习，如下几个构成页面基础的页面基本元素。包括，<html>元素、<title>元素、<mate>元素、<style>元素等。一、<html>元素1、属性（1）dir属性：定义文本显示方向，有两个值可取，一个是ltr,rtl，即从左到右和从右到左。（2）lang属性：说明文档所使用的语言。浏览器将会根据指定的语言，更好地显示页面。属性值：en英语，zh汉语，ja日语，fr法语，de德语，it意大利语。（3）xmlns属性：命名空间，其值为http://www.w3.org/1999/xhtml二、<head>元素1、这些标签元素可用在 head 部分：<base>,<link>,<meta>,<script>,<style>, 以及<title>。2、拥有属性：dir, lang三、<title>元素1、拥有属性：dir, lang四、<mate>元素1、该元素用来定义页面的附加信息。其中包括页面的作者、版权、关键字等相关信息。2、<mate>元素关键的属性有三个，http-equiv、name和content。但是http-equiv、name都必须搭配content使用。3、属性：（1）http-equiv属性：值可取content-type、expires、refresh、set-cookie。（2）name属性：author、description、keywords、generator、revised、robots、others。4、实例代码：（1）设置页面关键字：<meta name="keywords"content="HTML,ASP,PHP,SQL"/>（2）设置页面主要内容：<meta name="description"content="对页面的描述语言"/>（3）定义页面搜索方式：<meta name="robots"content="这里可以取值：all/none/index/follow/noindex/nofollow。"/>（4）定义页面跳转：<meta http-equiv="refresh"content="5;url=http://www.w3school.com.cn">（5）定义页面作者信息：<meta name="author"content="刘红"/>（6）定义页面版权信息：<meta name="Copyright"content="版权"/>（7）定义页面的刷新时间：<meta name="refresh"content="时间"/>注：（1）在 HTML 中，<meta>标签没有结束标签。（2）在 XHTML 中，<meta>标签必须被正确地关闭。（3）<meta> 标签永远位于 head元素内部。五、<base>元素1、href属性（1）含义：规定页面中所有相对链接的基准 URL（2）实例：<head><base href="http://www.w3school.com.cn/i/"/><base target="_blank" /></head><body><img src="eg_smile.gif" /><ahref="http://www.w3school.com.cn">W3School</a></body>2、target属性（1）含义：在何处打开页面中所有的链接。（2）可以取的值：_blank、_parent、_self、_top、framename六、style属性（1）定义和用法<style> 标签用于为 HTML文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。注：a、type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。b、style 元素位于 head 部分中。(2)实例<html><head><style type="text/css">h1 {color:red}p {color:blue}</style></head><body><h1>Header1</h1><p>Aparagraph.</p></body></html>七、<link>属性（1）含义：<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。（2）拥有属性包括：a、标准属性：id, class, title, style, dir, lang, xml:langb、事件属性：onclick, ondblclick, onmousedown, onmouseup,onmouseover,onmousemove, onmouseout, onkeypress, onkeydown, onkeyupc、可选的属性：rel、href、type<link rel="文档类型" href="文档路径"type="文件类型"/>（3）实例a、链接样式文件：<link rel="stylesheet" href="my.css"type="text/css"/>b、制作收藏夹图标：<link rel="Shortcut Icon"href="http://www.w3pop.com//favicon.ico"type="image/x-icon"/>八、脚本元素<script>(略)九、body元素1、拥有属性：a、事件属性onload, onunload, onclick, ondblclick, onmousedown, onmouseup,onmouseover,onmousemove, onmouseout, onkeypress, onkeydown, onkeyupb、标准属性id, class, title, style, dir, lang, xml:langc、可选属性bgcolor（背景颜色）、background（背景图片）、bgproperties（背景图片滚动属性）、text（文本属性）、link（未访问的链接）、alink（激活的
链接）、vlink（已访问过的链接）、style（级联样式表）、bgsound（背景音乐）。
