学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>HTML>>基础教程>>

HTML基础教程(三) 标签

发布时间:2019-12-10点击:

    HTML标签

    HTML文档可以说是由HTML标签组成的,也就是说标签是构成HTML语言的最基本的单位。

    一、HTML标签特点

    1、由一对尖括号包围的关键词,比如 <html>

    2、一般是成对出现的,比如 <div> 和 </div>,也有单独呈现的标签,如:<img src="迷糊馆.jpg" />等。

    3、标签对中的第一个标签是开始标签,第二个标签是结束标签;

    4、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。

    5、网页的内容需在<html>标签中

    6、网页最基本的标签需要由<html></html>、<head></head>、<body></body>构成

    二、标签列表

    HTML5标签
    标签作用描述

    <!--...-->

    定用来存放注释

    <!DOCTYPE>

    用来定义文档类型。

    <a>

    用来定义超链接

    <abbr>

    定义字母的缩写

    <acronym>

    取首字母的缩写

    <address>

    定义地址信息。

    <area>

    定义图像映射内部的区域。

    <article>

    用来存放文章(HTML5新增标签)

    <aside>

    用来存放页面内容之外的内容。(HTML5新增标签)

    <audio>

    存放声音内容(HTML5新增标签)

    <b>

    将存放在其中的文字变成粗体字

    <base>

    用来设置页面中所有链接的默认地址或默认目标。

    <basefont>

    用来设置页面中文本的默认字体、颜色或尺寸。

    <bdi>

    定义文本的文本方向,使其脱离其周围文本的方向设置。(HTML5新增标签)

    <bdo>

    用来指定文字方向的

    <big>

    将存放在其中的内容变为大号文本

    <blockquote>

    用来存放长的引用

    <body>

    用来定义HTML文档主体信息

    <br>

    换行符

    <button>

    按钮标签

    <canvas>

    定义图形标签(HTML5新增标签)

    <caption>

    用来定义表格标题

    <center>

    将存放在其中的文字居中

    <cite>

    定义引用

    <code>

    用来存放计算机代码块的

    <col>

    用来设置表格中一个或多个列的属性值。

    <colgroup>

    表格中供格式化的列组。

    <command>

    命令按钮标签(HTML5新增标签)

    <datalist>

    定义下拉列表。(HTML5新增标签)

    <dd>

    定义定义列表中项目的描述。

    <del>

    定义被删除文本。

    <details>

    定义元素的细节。(HTML5新增标签)

    <dir>

    存放目录列表。

    <div>

    用来存放文档中的节点,一般当做容器使用

    <dfn>

    项目标签

    <dialog>

    对话框(HTML5新增标签)

    <dl>

    列表的一种

    <dt>

    <dl>列表中的项目

    <em>

    强调文本内容

    <embed>

    外部交互内容或插件(HTML5新增标签)

    <fieldset>

    围绕表单中元素的边框

    <figcaption>

    figure 元素的标题(HTML5新增标签)

    <figure>

    媒介内容的分组,以及它们的标题(HTML5新增标签)

    <font>

    字体颜色大小等相关设置

    <footer>

    页脚标签(HTML5新增标签)

    <form>

    用来存放用户输入等相关的表单

    <frame>

    框架

    <frameset>

    框架的子节点

    <h1> ~ <h6>

    用来强调标题的

    <head>

    用来存放文档的头部信息

    <header>

    页眉(HTML5新增标签)

    <hr>

    水平分割线

    <html>

    定义 HTML 文档。

    <i>

    斜体字

    <iframe>

    内联框架

    <img>

    图片标签

    <input>

    输入框

    <ins>

    被插入文本

    <kbd>

    生成键盘样式的文本

    <keygen>

    生成密钥(HTML5新增标签)

    <label>

    标签

    <legend>

    fieldset 元素的标题

    <li>

    <ul>列表的项目

    <link>

    文档与外部资源的关系

    <map>

    图像映射

    <mark>

    给文本做记号(HTML5新增标签)

    <menu>

    命令的列表或菜单

    <menuitem>

    用户可以从弹出菜单调用的命令/菜单项目

    <meta>

    HTML 文档的元信息

    <meter>

    预定义范围内的度量(HTML5新增标签)

    <nav>

    导航栏标签(HTML5新增标签)

    <noframes>

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

    <noscript>

    定义针对不支持客户端脚本的用户的替代内容。

    <object>

    内嵌对象

    <ol>

    有序列表

    <optgroup>

    选择列表中相关选项的组合

    <option>

    下拉框中的选项

    <output>

    输出的一些类型(HTML5新增标签)

    <p>

    段落

    <param>

    定义对象的参数

    <pre>

    带格式的文本

    <progress>

    定义任何类型的任务的进度(HTML5新增标签)

    <q>

    短的引用

    <rp>

    定义若浏览器不支持 ruby 元素显示的内容(HTML5新增标签)

    <rt>

    定义 ruby 注释的解释(HTML5新增标签)

    <ruby>

    定义 ruby 注释(HTML5新增标签)

    <s>

    定义加删除线的文本

    <samp>

    定义计算机代码样本

    <script>

    定义脚本

    <section>

    定义 section(HTML5新增标签)

    <select>

    下拉列表

    <small>

    定义小号文本

    <source>

    定义媒介源(HTML5新增标签)

    <span>

    一般被用作容器,与div类似

    <strike>

    定义加删除线文本

    <strong>

    定义强调文本

    <style>

    定义文档的样式信息。

    <sub>

    定义下标文本

    <summary>

    为 <details> 元素定义可见的标题(HTML5新增标签)

    <sup>

    定义上标文本

    <table>

    定义表格

    <tbody>

    定义表格中的主体内容

    <td>

    定义表格中的单元

    <textarea>

    定义多行的文本输入控件

    <tfoot>

    定义表格中的表注内容(脚注)

    <th>

    定义表格中的表头单元格

    <thead>

    定义表格中的表头内容

    <time>

    定义日期/时间(HTML5新增标签)

    <title>

    定义文档的标题

    <tr>

    定义表格中的行

    <track>

    定义用在媒体播放器中的文本轨道(HTML5新增标签)

    <tt>

    定义打字机文本

    <u>

    定义下划线文本

    <ul>

    定义无序列表

    <var>

    定义文本的变量部分

    <video>

    定义视频(HTML5新增标签)

    <wbr>

    定义可能的换行符(HTML5新增标签)

    <xmp>

    定义预格式文本

赞一个(0)     踩一个(0)    

相关链接

搜索