HTML_<html>\<head>\<body>标签详解

<html>和</html>限定了文档的开始和结束点。

<html>标签详解：

dir属性指定了浏览器该用什么方向来显示包含在元素中的文本，具体显示的效果则看浏览器对HTML4的支持程度。ltr:从左向右显示、rtl:从右向左显示；lang属性指定了当前包含lang属性标签内部文档所使用的语言；version属性指定了当前创作文档的HTML标准的版本->此属性已经基本废弃，采用<!doctype>标签，放在文档的首部来表示。

代码示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>

<body>
文档主体
</body>
</html>

<head>标签详解：

值得注意的是在<head>标签中通常会包含(嵌套)<meta>标签，用来告诉告诉浏览器关于文档的附加信息；profile属性提供了与当前文档相关联的配置文件的URL，而URL的格式和浏览器使用它的方式还没有定义，所以这个属性主要是为将来的开发保留的占位符。

扫描二维码关注公众号，回复： 147420 查看本文章

代码示例：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>maxin的html文件</title>
</head>

<head>与</head>标签之间包含的其他标签：

<title>标签：是<head>标签中唯一要求包含的，设置显示在浏览器标签页上的文档的标题。（属性：dir\lang）

<base>标签：提供基本的URL(绝对地址)，来解析所有的相对地址，应该只出现在文档的头部。

<head>
<base href="/new/"                 //指定文档的基础URL
      target="window_name"         //定义打开页面的窗口。属性值：_parent:在上一级窗口中打开
                                   // _blank:在新窗口中打开      _self:在同一个窗口中打开
</head>                            //_top:在浏览器中的整个窗口打开(忽略任何框架)

<basefont>标签：设定基准的文字字体、字号和颜色，一旦页面中其他的标签未定义文字或段落的样式时，将套用基

准的文字样式。(属性：face（字体）、size(大小 -1~+7)、color（颜色）)

<meta name="keywords" content="图书,培训,设计">

<body>标签详解：
此标签界定了文档的主体。<body>和</body>之间有很多的属性来控制文档的颜色和背景等，不同的浏览器有其不同的扩展标签。

背景颜色：

将浏览器的标准背景颜色改成另外一个色调的时候，一种标准但是不推荐使用的方法是利用bgcolor属性进行<body>标签的设置。

<body bgcolor="#CC9900">//背景设置成暗黄色

背景图像：

单纯一种颜色不能烘托效果的时候，通过background属性可进行body图片设置，属性值需要的是图片的URL，同时，默认情况下图片会平铺整个窗口。

<body background="text/3.gif" bgcolor="#CC9000">

背景图像固定：

使用的是bgproperties属性，此属性只有一个属性值fixed,并且只有和background属性一起使用的时候才有效，作用是将图片冻结在浏览器窗口中。

<body background="text/3.gif bgproperties="fiixed"">

正文的颜色：

text属性是设置整个文档所有无连接文本的颜色，text的属性值为RGB组合或者颜色名称。

<body bgcolor="blue" text="#777700">

链接颜色：
在<body>标签中，link\vlink\alink属性控制着文档中超链接文本(<a>)的颜色，属性值的设置如同正文的颜色设置。link:还没有单击过的超链接的颜色 vlink:单击过的超链接的颜色 alink：激活超链接时文本的颜色

<body background="text/3.gif" bgcolor="#ffffff" link="#006699" alink="#33CCFF" vlink="#CCCCCC"

HTML_<html>\<head>\<body>标签详解

猜你喜欢