整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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 元素的"呈现属性" 已废弃。


属性

属性描述
alinkcolorHTML5 不支持。 HTML 4.01 已废弃。 规定文档中活动链接的颜色。
backgroundURLHTML5 不支持。 HTML 4.01 已废弃。 规定文档的背景图像。
bgcolorcolorHTML5 不支持。 HTML 4.01 已废弃。规定文档的背景颜色。
linkcolorHTML5 不支持。 HTML 4.01 已废弃。规定文档中未访问链接的颜色。
textcolorHTML5 不支持。 HTML 4.01 已废弃。规定文档中所有文本的颜色。
vlinkcolorHTML5 不支持。 HTML 4.01 已废弃。规定文档中已被访问链接的颜色。

全局属性

<body> 标签支持 HTML 的全局属性。


事件属性

<body> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!


文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分

HTML标签的大小写无关的,例如"主体"<body>跟<BODY>表示的意思是一样的,不过还是推荐大家使用小写。

下面是我给大家整理的六种HTML常用标签,希望可以对大家有用。

一、页面标签

<!DOCTYPE> 定义文档类型

<html></html> 定义html文档

<script></script>定义脚本

<head></head>定义关于文档的信息

<meta >定义元信息

<title></title>定义文档标题

<link>定义资源引用

<style></style>定义文档样式信息

<body></body>定义文档内容

二、格式标签

<h1></h1>~<h6></h6>标题

<p></p> 段落

<strong></strong>语气更为强烈的强调文本/粗体

<em></em>强调文本

<i></i>斜体文本

<big></big>大号字体

<small></small>小号字体

<sup></sup>上标文本

<sub></sub>下标文本

<ins></ins>被插入文本

<time></time>定义日期/时间

<br>换行

<hr>水平线

三、表格标签

<table></table> 定义表格

<caption></caption> 定义标题

<thead></thead> 定义表头部(眉)

<tbody></tbody> 定义主体

<tfoot></tfoot> 定义表尾部(脚)

<tr></tr>定义行

<td></td>定义单元格(列)

<th><th>定义表标题行

四、列表标签

<ul></ul>定义无序列表

<ol></ol>定义有序列表

<li></li>定义无序列表/有序列表的列表项

<dl></dl>定义自定义列表

<dt></dt>定义自定义列表项

<dd></dd>定义自定义的描述

五、布局&语义化标签

<div></div>块级元素

<span></span>行元素

<header></header>页眉

<footer></footer>页脚

<section></section>文档中的区块

<article></article>文章

<nav></nav>导航

<aside></aside>内容之外的内容

六、表单标签

<form>表单

<input>输入域

<textarea>文本域

<label>标签

<fieldset>域

<legend>域的标题

<select>选择列表

<optgroup>选择组

<option>下拉列表选项

<button>按钮

<fieldset>围绕表单中元素的边框

<legend> fieldset 元素的标题

七、其它

<img>图像

<a>超链接

<figure> 媒介内容的分组

<figcaption> <figure> 元素的标题

<audio>声音

<video>视频

<source>媒介源

<iframe>内联框架

<canvas>图形容器

<embed>嵌入的内容,比如插件

<object>添加一个对象

<svg>添加svg

如果对前端web感兴趣,想了解更多的前端入门知识,加微信(858568103),更多更全的资料让你的IT之路畅通无阻!

TML 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。

表格的HTML结构

border="1"是定义的边框属性,如果不加的话,表格不显示边框。

在浏览器中显示:

表格

我们为了让表格更清晰,更完善,可以使用thead和tbody,看以下例子:

加入表格标题,页面和页脚

浏览器中显示:

当然还有好多表格标签,小编给大家总结一下常用的标签,如下:

<table> 定义表格

<caption> 定义表格标题

<th> 定义表格的表头

<tr> 定义表格的行

<td> 定义表格单元

<thead> 定义表格的页眉

<tbody> 定义表格的主体

<tfoot> 定义表格的页脚

HTML 列表

列表是一个项目的列表,列表的内部可以使用段落、换行符、图片、链接以及其他列表等。

1.无序列表

无序列表使用<ul>定义,每条列表用<li>定义。列表的每个项目用粗体圆点进行标记。

无序列表

在浏览器中显示:

无序列表的每个项目使用粗体圆点(典型的小黑圆圈)进行标记

2.有序列表

有序列表使用<ol>定义,每条列表用<li>定义。列表的每个项目用数字进行标记。

有序列表

在浏览器中显示:

列表每项用数字标记

3.定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表用<dl>定义,每个自定义列表项以用<dt>定义,每个自定义列表项的定义用 <dd>定义。

自定义列表

在浏览器中显示:

以上就是今天的内容了,学习最好的方法就是一边看一边做,快打开你的编辑器把今天的内容都敲一遍吧!

你必须非常努力,才能看起来毫不费力!

记得关注小白前端哦~