HTML常用标签

html-css022

HTML常用标签,第1张

Html常用标签总结，具体可分为常用基础标签、常用表单基础标签、常用表格基础标签、常用列表标签、常用框架标签、常用链接标签和常用图像标签七大类。

01

常用基本标签

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

<head></head>定义文章标题和其他在网页内不显示的信息

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

<body></body>定义文档的主体内容

<h1><h1>定义最大标题，由1依次往后排开，1最大

<!--…-->注释

02

常用表单基础标签

<form></form>定义表单

<input>定义输入控件

<textarea></textarea>定义多行文本输入

<button>定义按钮

<select>定义选择的下拉列表

<optgroup>定义选择列表中的选项组合

<option>定义选择列表的选项

<label>定义input的标注

<fieldset>定义围绕表单的边框

<legend>定义fieldset的标题

03

常用表格基础标签

<table>定义表格

<caption>定义表格标题

<th>定义表格中的表单元格

<tr>定义表格中的行

<td>定义表格中的单元

<thead>定义表格中的表头内容

<tbody>定义表格中的主体内容

<tfoot>定义表格中的脚注

<col>d定义表格中一个或者多列的属性值

<colgroup>定义表格中供格式化的列组

04

常用列表标签

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

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

<li></li>定义列表的项目

<dl>定义列表

<dt>定义列表中的项目

<dd>定义列表中项目的描述

<menu>定义命令列表

<menuitem>定义用户可以从弹出菜单调用的命令

05

常用框架标签

<frame>定义框架集的窗口或者框架

<frameset>定义框架集

<noframes>定义针对不支持框架的用户代替内容。

<iframe>定义内联框架

06

常用链接标签

<a>定义锚

<linke>定义文档与外部资源的关系

07

常用图像标签

<img></img>定义图像

<map></map>定义图像映射

<area></area>定义图像地图内的区域

HTML是一种超文本标记语言，除了基本的html标签，head标签，title标签，body标签格式，还有包含如下常用的标签

块级标签（独占一行）

1.<h>标题标签

2.<p>段落标签

属性:align水平对齐

3.列表标签

无序列表<ul>，<li>

有序列表<ol>,<li>

定义列表<dl>,<dt>

4.<div>盒子

5.<form>标签

行内标签（可多个标签存在一行中）

1.<span>文本标签

2.<a>链接标签

3.<b>标签

4.<em>斜体标签

5.文本修饰标签

<i>斜体标签

行内块标签（可以对宽高属性值生效，多个标签可以共存一行中）

1.img

2.input

3.textarea

html常用标签

最近，对html的重温，对一些常用的html标签进行了整理，给大家分享一下。

html结构：

<html> html开始标签

<head>

<title>html文档标题</title>

</head>

<body>

html文档内容....

</body>

</html> html结束标签

html常用标签:

表格：

<table> 表格开始标签

<tr> 行

<td></td> 列

</tr>

</table> 表格结束标签

表格属性：<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="" >其中： width:为表格的宽度，height:表格的高度，border：表格的边框，

bgcolor表格的背景颜色，background 表格背景颜色。cellpadding：表格字间距, cellspacing：表格边框间距。

双标签:

<b></b>字体加粗

<i></i>斜体

<u></u>字体下划线

<s></s>删除线

<strike></strike>删除线

单标签:

<br />换行

<hr />水平线

空格：

向右双箭头 :»

注册商标符：®

版权符号：©

双引号:"

链接

<a href="#" title="">链接文本/图片</a>

注:# 换成所要链接的文件相对地址。title:为链接提示信息。

图片链接：

<img src="" alt="" width="" hegiht="" >

src:图片链接相对地址，alt：图片信息， width：图片宽度，height:图片高度。

表单：

表单开始标签：<form name="表单名称" method="post/get" action="提交地址">

文本框：<input type="text" name="名称" value="值" />

密码框：<input type="password" name="名称" value="值"/>

单选按钮：<input type="radio" name="名称" checked />

复选框：<input type="checkbox" name="名称" checked />

列表：

<select>

<option value="值"></option>

</select>

文本区域：<textarea cols="文本的宽度" rows="文本行数"></textarea>

提交按钮:<input type="submit" name="名称" value="值" />

重置按钮 <input type="reset" name="名称" value="值" />

表单结束标签:</form>