html常用标签

最新推荐文章于 2025-01-23 21:16:16 发布

binmei1681

最新推荐文章于 2025-01-23 21:16:16 发布

阅读量241

点赞数

1.<h# > </h#>其中#可以选择1－6；即文本标题（h1-h6）

2.<i></i> | <em></em> 倾斜标记

3.<b></b> | <strong></strong>加粗标记

4.<u></u>下划线标记用来指示为文本加下划线

5.<br />空标记，用来设置字体换行

6.<hr />空标记，用做水平线

7.<ins></ins>ins 标记代表被插入的文字和u标记的区别是：u 标记代表有下划线，ins是inserted text的缩写（插入文本），ins通常应连同del标签一同使用，表示被插入与被删除的文本

8.<del></del>del标记代表删除文字

9.<sup></sup>用来设置上标字

10.<sub></sub>用来设置字体下标

11.<P ></P>段落标记，标识一个段落(段落与段落之间有段间距)

12.<div></div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

13.<span></span>文本结点可以是某一小段文本，或是某一个字。

14.<ul>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
…………
</ul>

无序列表

15.<ol>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
…………
</ol>

有序列表

16.

自定义列表

17.<a href="目标文件路径及全称/连接地址" alt="替换文本" title="提示文本">链接文本/图片</a>超链接<a href="#" target="_blank">新页面打开</a>

18.<img src="" align="" border="" alt="图片替换文本" title="图片标题" width="" height="" hspace=""左右空出宽度 vspace="" 上下空出高度 />插入图像

19.<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

表格一对tr表示一行;一对td表示一列(一个单元格)

20.<form name="表单名称" method="post/get" action=""></form>表单框说明： Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。出于安全性考虑，建议最好使用 Post 提交数据

21.<input type=“” name=“” value=“” size=" " maxlength=" " />表单控件

input是表单中功能最为丰富的一个标记，使用input标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name属性标识表单域的名称，type属性标识表单域的类型，value属性定义表单域的值，其他属性根据type的不同而有所变化。
type可以是文本输入框text、password、复选框checkbox、单选框radio、提交表单submit和重置键reset
maxlength控制最多输入的字符数，
size控制框的宽度

标签分类：
1、文档标签(10 个)：<html>、<head>、<body>、<title>、<meta>、<base>
、<style>、<link>、<script>、<noscript>
2、框架标签(4个)：<frame>、<frameset>、<iframe>、<noframes>
3、布局标签(1个)：<div>
4、表格标签(10 个)：<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th>
、<col>、<colgroup>、<caption>
5、表单标签(10 个)：<from>、<input>、<textarea>、<button>、<select>
、<optgroup>、<option>、<label>、<fieldset>、<legend>
6、列表标签(6个)：<ul>、<ol>、<li>、<dl>、<dt>、<dd>
7、链接标签(1个)：<a>
8、多媒体标签(5个)：<img>、<map>、<area>、<object>、<param>
9、文章标签：<h1> - <h6> 、<p>、<br>、<span>、<bdo>、<pre>、<acronym>、<abbr>、<blockquote>、<q>、<ins>、<del>、<address>
10、字体样式标签：<tt>、<i>、<b>、<big>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<sup>、<sub>
11、特殊标签(3个)：<!DOCTYPE>、、<hr>
备注：
1、当文档中使用了<frameset>标签和<body>标签是互斥的，两者不能同时使用生效。
2、<thead>、<tfoot>、<tbody>这三个标签必须一起使用，而且顺序是<thead>第一，<tfoot>第二，<tbody>第三。<tfoot>之所以排在<tbody>之前，据说是为让浏览器先渲染<tfoot>，这样当<tbody>中的单元格太多时不至于要等所有<tbody>单元格都渲染完再渲染<tfoot>。
3、<ul>无序列表，unordered list；<ol>有序列表，ordered list；<li>列表项，list item；<dl>定义列表，definition list；<dt>定义项，definition term；<dd>定义描述，definition description。
4、以下元素均是字体样式元素。<tt> <i> <b> <big> <small> 标签，以下元素都是短语元素<em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，短语元素标签都拥有确切的语义

href: 这个属性声明超链接的web地址，当这个链接被点击浏览器会跳转至href声明的web地址。例如： href="https://www.mozilla.org/"。
title: 标题title 属性为超链接声明额外的信息，比如你将链接至那个页面。例如： title="The Mozilla homepage"。当鼠标悬浮时，将出现一个工具提示。
target: 目标target 属性指定将用于显示链接的浏览上下文。例如， target="_blank" 将在新标签页中显示链接。如果你希望在目前标签页显示链接，只需忽略这个属性。