📜  HTML body标签(1)

📅  最后修改于: 2023-12-03 15:01:09.745000             🧑  作者: Mango

HTML <body> 标签

HTML <body> 标签定义了 HTML 文档的主体部分。在 <body> 标签中可以添加文本、图片、链接、表单、媒体等内容,使网页拥有功能和表现。

标签语法

下面是 HTML <body> 标签的基本语法:

<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
</head>
<body>
    网页内容
</body>
</html>
  • <!DOCTYPE html>:文档类型声明,表示文档类型为 HTML5。
  • <html>:HTML 文档的根元素。
  • <head>:包含了对文档的各种定义和元数据。
  • <title>:定义文档的标题,显示在浏览器的标题栏或者书签中。
  • <body>:HTML 文档的主体部分。
标签属性

HTML <body> 标签有一些常用的属性,如下:

| 属性 | 值 | 描述 | |----------|---------------|-----------------------------------------------| | bgcolor | color value | 设置文档的背景色 | | text | color value | 设置文档的文字颜色 | | link | color value | 设置文档链接的默认颜色 | | vlink | color value | 设置文档已访问链接的颜色 | | alink | color value | 设置文档激活链接的颜色 | | background | image URL | 设置文档的背景图片 | | onload | script | 在文档加载完毕后执行的脚本 | | onunload | script | 在文档卸载之前执行的脚本 | | onresize | script | 在文档窗口大小改变时执行的脚本 | | onblur | script | 当 DOM 元素失去焦点时执行的脚本 | | onchange | script | 当 DOM 元素的值改变时执行的脚本 | | onfocus | script | 当 DOM 元素获取焦点时执行的脚本 | | onselect | script | 当 DOM 元素被选择时执行的脚本 | | onscroll | script | 当文档滚动条被滚动时执行的脚本 | | onkeypress | script | 当 DOM 元素被按下键盘上的某个键时执行的脚本 | | onkeydown | script | 当 DOM 元素被按下键盘上的某个键时执行的脚本 | | onkeyup | script | 当 DOM 元素被释放键盘上的某个键时执行的脚本 |

常用标签

在 HTML <body> 标签中,可以使用很多其他的 HTML 标签来创建各种不同的元素。以下是一些常用的标签:

  • <header>:定义文档的头部,通常包含网站的标识、导航等元素。
  • <nav>:定义文档的导航部分,通常包含链接列表、菜单等元素。
  • <section>:定义文档的节,通常包含主要的内容区块。
  • <article>:定义独立的文章,例如博客文章、新闻稿等。
  • <aside>:定义文档的侧边栏,通常包含与主要内容相关的辅助信息。
  • <footer>:定义文档的脚部,通常包含版权、联系方式等信息。
结论

HTML <body> 标签是 HTML 文档的主体部分,是实现网页功能和表现的重要部分。我们可以通过添加其他 HTML 标签来创建不同的元素和功能。