简述HTML常用标签

HTML是一种超文本标记语言，HTML包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。本文我们就来为大家普及一下HTML常用标签，为我们学习HTML打好基础。

1.<p>段落标签</p>

用来定义网页中的一段文本，段落与段落之间换行。
属性：align ；定义段落中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）

2.<br/>

换行标签，指行与行之间换行，他是一个单标签。

两者的区别：

<br/>：是单标签，小行换行提行；

<p></p> ：是双标签，大行换行分段；

3.<h1></h1>---<h6></h6>
<h1></h1>：代表一级标题，级别高，字体 也最大，其他依次递减。
<h6></h6>：级别最小，字体最小
属性：align ；定义标题中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）

4.<blockquote>文字段落缩进</blockquote>

在标签中包含块级标签，而不是纯文本。

<blockquote>

         <p>自动缩进p标签内的文本</p>

</blockquote>

5.建立无序列表

<ul type="circle">

         <li>列表项</li>

         <li>列表项</li>

</ul>

属性：type ；定义列表项的符号。

属性值：circle（空心圆）、disc（实心圆）、square（实心方块）

6.建立有序列表

<ol type="a">

        <li>列表项</li>

        <li>列表项</li>

</ol>

属性：type ；定义列表项的符号。 start：用来设置列表编号的起始数值。

属性值：a、A、i、I

7.建立自定义列表

<dl>

         <dt>列表标题</dt>

         <dd>列表项</dd>

         <dd>列表项</dd>

</dl>

8.文字特殊样式

<b>加粗</b>

<i>倾斜</i>

<u>下划线</u>

<s>删除线</s>

<big>放大</big>

<small>缩小</small>

<strong>加强强调</strong>

<em>强调倾斜</em>

9.<img/>图片标签

属性：
src：指定图片源文件；
alt ：图片未加载成功的提示文字；
width：指定图片的宽度；
height：指定图片的高度；
border：指定图片的边框样式；
alghr：top/bottom/middle；图片位于两端文字在垂直方向的一个上/中/下的对齐方式；

<img src="http://img5.duitang.com/uploads/item/201610/31/20161031181100_TVEPU.jpeg"/>

10.<a></a>超链接

属性：

href：连接地址；空连接可以用"#"代替；

target ：_self/_blank;打开方式；_self在当前页面中打开，_blank在新的空白窗口打开。

<a href="http://baidu.com" target="_blank"></a>

11.div可定义文档中的分区或节（division/section）

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

<div class="test">111111</div>

12.<span> 标签被用来组合文档中的行内元素。

span标签和div标签是最常用的标签，主要对他们进行样式的应用来改变视觉上的变化。

<span>我是span标签</span>

13.<table></table>：表格基本结构

<table>

   <caption>表格标题</caption>

   <tr>

            <td>我是第一行的第一个单元格</td>

            <td>我是第一行的第二个单元格</td>

     </tr>

    <tr>

            <td>我是第二行的第一个单元格</td>

            <td>我是第二行的第二个单元格</td>

     </tr>

</table>

14.表单 （form）输入类型

单选按钮 （checked默认）

<input type="radio" name=" " checked />  

<input type="radio" name=" " />

复选按钮 （checked默认）

<input type="checkbox" name=" " checked />  

<input type="checkbox" name=" " />

密码输入框

<input type="password" />

提交按钮

<input type="submit" />

重置按钮

<input type="reset" />

普通按钮

<input type="button" />

图片按钮（有提交功能）

<input type="image" />

多行文本框

<textarea cols="一行多少字符" rowa="多少行"><textarea>

列表框

<select size="一次显示多少个" multiple="可多选">

<option selected>默认的下拉菜单1</option>

<option>下拉菜单2</option>

</select>

单行文本框

<input type="text" size="文本框显示的长度" maxlength="最长字符数"/>

隐藏域

<input type="hidden"/>

文件域

<input type="file"/>

上述的HTML标签都是我们在使用HTML语言进行前端开发时经常要用到的，我们只是简单的介绍了一下这些标签的定义和作用，实际的应用远比看上去要复杂的多。在本站的HTML教程中，我们可以有完整的前端页面的体系，提供我们进行实战运用这些HTML标签的机会。