html中body,head是什么意思,有什么区别?
<html></html>是说明这个是一个网页。告诉浏览器这个网页的开始和结束。它包含了之后的两个元素。
<head>和</head>之间的内容,是元信息和网站的标题 元信息一般是不显示出来的,但是记录了你这个HTML文件的很多有用的信息.
<!DOCTYPE html>///这边是文档申明。说明这是一个html制作的网站。
<head>
<meta charset=“utf-8”/>//这里是元信息。里面可以定义网页的字符格式和写出网页的详细信息(如。作者。关键词等)
<title>页面的标题</title>
</head>
<body>
这里面显示的就是一个页面的信息,也就是浏览器呈现出来的,用户看到的页面效果。也就是说这里是网页的主体。也就是body的身体之意
</body>
</html>
html body 实例
一个简单的 HTML 文档,包含尽可能少的必需的标签:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
浏览器支持
所有主流浏览器都支持 <body> 标签。
标签定义及使用说明
<body> 标签定义文档的主体。
<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
HTML 4.01 与 HTML5之间的差异
在 HTML 5 中,删除了所有 body 元素的"呈现属性"。
在 HTML 4.01 中,所有 body 元素的"呈现属性" 已废弃。
属性
属性 | 值 | 描述 |
---|
alink | color | HTML5 不支持。 HTML 4.01 已废弃。 规定文档中活动链接的颜色。 |
background | URL | HTML5 不支持。 HTML 4.01 已废弃。 规定文档的背景图像。 |
bgcolor | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档的背景颜色。 |
link | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中未访问链接的颜色。 |
text | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中所有文本的颜色。 |
vlink | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中已被访问链接的颜色。 |
HTML <body> 标签的 background 属性
background 属性规定规定文档的背景图像。为文档规定一幅背景图像的示例代码:
<html>
<body background="http://www./bgimage.jpg">
<h1>Hello world!</h1>
<p><a href="/index.html">Visit !</a></p>
</body>
</html>
HTML onload 事件属性的作用是什么?具体用法如下:
onload就是“页面加载完成后执行的动作”。一般写在body里面。举个例子,在html页面中有一个大图片,想要在图片显示出来后提示一个消息框“图片加载完成”,如果你直接写在JS里function(){alert(“图片加载完成”);}因为代码执行顺序是从上到下一次执行,图片还没加载,而函数已经执行那么就不合理了,所以用onload方法,就是为了等页面的东西都加载完了才执行。
<body> 标签支持 HTML 的全局属性。
事件属性
<body> 标签支持 HTML 的事件属性。
HTML中怎么样布局使得<body>中的内容整体居中的2种方法
1、在css中加入body{text-align:center}他内部的元素左右margin设置为auto.
css里面:
body{
margin:0 auto;
text-align:center
}
原理:盒模型的margin设为自动的时候会计算距离,然后在该方向进行居中。
2,body 中所有的元素包含在一个DIV中,<DIV align=center>网页body里面的所有内容</div>.