例
一个简单的 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 已废弃。规定文档中已被访问链接的颜色。 |
全局属性
<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>定义。
自定义列表
在浏览器中显示:
以上就是今天的内容了,学习最好的方法就是一边看一边做,快打开你的编辑器把今天的内容都敲一遍吧!
你必须非常努力,才能看起来毫不费力!
记得关注小白前端哦~
*请认真填写需求信息,我们会在24小时内与您取得联系。