Html常用标签

HTML标签

标签

描述

标签类型
<!--...-->

定义注释

/
<!DOCTYPE>

定义文档类型

/
<head></head>

文档标题以及其他不在WEB网页上显示的信息

块级元素
<body></body>

定义文档内容主体

块级元素
<title></title>

定义文档的标题

/
<header></header>

定义内容的页眉

块级元素
<footer></footer>

定义内容的页脚

块级元素
<nav></nav>

定义内容的导航

块级元素
<style></style>

定义文档的样式信息

/
<link>

定义文档与外部资源的关系(链接)

/
<meta>

定义 HTML 文档的元信息

/
<h1></h1>

标题字大小(h1~h6)

块级元素
<b></b> 

粗体字

行内元素
<strong></strong>

粗体字(强调)

行内元素
<i></i> 

斜体字

行内元素
<em></em> 

斜体字(强调)

行内元素
<center></center>

文本居中

块级元素
<ol></ol>

有序列表

块级元素
<ul></ul>

无序列表 

块级元素
<li></li>

列表项目

块级元素
<a href=”…”></a>

 超链接

行内元素
<font></font>

定义文本字体尺寸、颜色、大小

行内元素
<sub></sub>

下标

行内元素
<sup> </sup>

上标

行内元素
<br />

 换行

行内元素
<p></p>

  段落

块级元素
<pre></pre>

预先格式化文本 

块级元素
<map></map>

定义图像映射

行内块元素
<table></table>

定义表格

块级元素
<th></th>

定义表格中的表头单元格

/
<tr></tr>

定义表格中的行

/
<td></td>

定义表格中的列

/
<form></form>

定义供用户输入的 HTML 表单

块级元素
<frame>

定义框架集的窗口或框架

/
<img src=’”…” />

定义图像

行内块元素
<hr />

 水平线

块级元素
<aside></aside>

标签定义其所处内容之外的内容。

块级元素
<button></button>

定义按钮

行内块元素
<input />

定义输入控件

行内块元素
<script></script>

定义客户端脚本

行内块元素
<del></del>

定义被删除文本

行内快元素
<rt></rt>

定义 ruby 注释的解释

行内元素
<ruby><ruby>

定义 ruby 注释

行内元素
 <textarea> </textarea>

定义多行的文本输入控件

行内元素
<video></video>

定义视频,比如电影片段或其他视频流

/
<canvas></canvas>

定义图形,比如图表和其他图像

 
<fieldset></fieldset>

可将表单内的相关元素分组

块级元素
     

 

块级、行内块、行内的区别

  

 块级元素:

  * 独占一行,宽度自动填满;

  * 可以设置width、height属性;

  * 设置了宽度也是独占一行,

  * 可以设置margin、padding属性;

 

行内元素:

  * 不会独占一行,相邻的行内元素在一行里,

     直到行排不下就自动换行

  * 其宽度随内容而变化;

  * width、height属性则无效;

  * 行内元素的margin、padding属性很奇怪,

     水平方向的left、rigtht都会产生边距效果,

     但是竖直方向的top、bottom却不产生边距效果。

行内块元素:

 

  * 和行内元素相似,它也是根据内容改变宽度

     但是他可以改变宽度。

posted @ 2020-03-23 22:18  唐朝来客  阅读(48)  评论(0)    收藏  举报