HTML常用标签

html-css09

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>定义图像地图内的区域

1、元素:

HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

2、标签:

标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的

标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分

不是成对出现的,如<br>、<hr>等。

标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

3、属性:

为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。

<html>

<head><title>标题</title></head>

<body bgcolor="#f00">

<div>hhhhhhhhhh</div>

</body>

</html>在这个示例中,<div>这是示例页面</div>就是HTML元素,其中“hhhhhhhhhh”就是元素的具体内容了。<head><title><body>等就是HTML标签,这是标签构成了HTML元素。 <body bgcolor="#f00">中的bgcolor=#f00"就是标签的属性,它定义了标签应该如何具体配置。

总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选就比如说HTML是一个家庭,其中每一个HTML标签都是这个家庭中的成员,他们各有各的工作,例如div、p等;

每一个成员都还有属于他们自己的特征,这个特征的名称(例如:身高,体重,爱好等)就类似于HTML属性width, height,border等;这些特征的具体值(例如:180cm, 50kg, 读书等)就类似HTML属性值100px, 10px,solid #f00。