HTML標籤大全

時間  2019-11-24
標籤 html 標籤 大全 欄目 HTML 简体版
原文   原文鏈接

 標籤表

原文地址:http://www.w3school.com.cn/tags/index.aspjavascript

標籤 描述
<!--...--> 定義註釋。
<!DOCTYPE>  定義文檔類型。
<a> 定義錨。
<abbr> 定義縮寫。
<acronym> 定義只取首字母的縮寫。
<address> 定義文檔做者或擁有者的聯繫信息。
<applet> 不同意使用。定義嵌入的 applet。
<area> 定義圖像映射內部的區域。
<article> 定義文章。
<aside> 定義頁面內容以外的內容。
<audio> 定義聲音內容。
<b> 定義粗體字。
<base> 定義頁面中全部連接的默認地址或默認目標。
<basefont> 不同意使用。定義頁面中文本的默認字體、顏色或尺寸。
<bdi> 定義文本的文本方向，使其脫離其周圍文本的方向設置。
<bdo> 定義文字方向。
<big> 定義大號文本。
<blockquote> 定義長的引用。
<body> 定義文檔的主體。
<br> 定義簡單的折行。
<button> 定義按鈕 (push button)。
<canvas> 定義圖形。
<caption> 定義表格標題。
<center> 不同意使用。定義居中文本。
<cite> 定義引用(citation)。
<code> 定義計算機代碼文本。
<col> 定義表格中一個或多個列的屬性值。
<colgroup> 定義表格中供格式化的列組。
<command> 定義命令按鈕。
<datalist> 定義下拉列表。
<dd> 定義定義列表中項目的描述。
<del> 定義被刪除文本。
<details> 定義元素的細節。
<dir> 不同意使用。定義目錄列表。
<div> 定義文檔中的節。
<dfn> 定義定義項目。
<dialog> 定義對話框或窗口。
<dl> 定義定義列表。
<dt> 定義定義列表中的項目。
<em> 定義強調文本。
<embed> 定義外部交互內容或插件。
<fieldset> 定義圍繞表單中元素的邊框。
<figcaption> 定義 figure 元素的標題。
<figure> 定義媒介內容的分組，以及它們的標題。
<font> 不同意使用。定義文字的字體、尺寸和顏色。
<footer> 定義 section 或 page 的頁腳。
<form> 定義供用戶輸入的 HTML 表單。
<frame> 定義框架集的窗口或框架。
<frameset> 定義框架集。
<h1> to <h6> 定義 HTML 標題。
<head> 定義關於文檔的信息。
<header> 定義 section 或 page 的頁眉。
<hr> 定義水平線。
<html> 定義 HTML 文檔。
<i> 定義斜體字。
<iframe> 定義內聯框架。
<img> 定義圖像。
<input> 定義輸入控件。
<ins> 定義被插入文本。
<isindex> 不同意使用。定義與文檔相關的可搜索索引。
<kbd> 定義鍵盤文本。
<keygen> 定義生成密鑰。
<label> 定義 input 元素的標註。
<legend> 定義 fieldset 元素的標題。
<li> 定義列表的項目。
<link> 定義文檔與外部資源的關係。
<map> 定義圖像映射。
<mark> 定義有記號的文本。
<menu> 定義命令的列表或菜單。
<menuitem> 定義用戶能夠從彈出菜單調用的命令/菜單項目。
<meta> 定義關於 HTML 文檔的元信息。
<meter> 定義預約義範圍內的度量。
<nav> 定義導航連接。
<noframes> 定義針對不支持框架的用戶的替代內容。
<noscript> 定義針對不支持客戶端腳本的用戶的替代內容。
<object> 定義內嵌對象。
<ol> 定義有序列表。
<optgroup> 定義選擇列表中相關選項的組合。
<option> 定義選擇列表中的選項。
<output> 定義輸出的一些類型。
<p> 定義段落。
<param> 定義對象的參數。
<pre> 定義預格式文本。
<progress> 定義任何類型的任務的進度。
<q> 定義短的引用。
<rp> 定義若瀏覽器不支持 ruby 元素顯示的內容。
<rt> 定義 ruby 註釋的解釋。
<ruby> 定義 ruby 註釋。
<s> 不同意使用。定義加刪除線的文本。
<samp> 定義計算機代碼樣本。
<script> 定義客戶端腳本。
<section> 定義 section。
<select> 定義選擇列表（下拉列表）。
<small> 定義小號文本。
<source> 定義媒介源。
<span> 定義文檔中的節。
<strike> 不同意使用。定義加刪除線文本。
<strong> 定義強調文本。
<style> 定義文檔的樣式信息。
<sub> 定義下標文本。
<summary> 爲 <details> 元素定義可見的標題。
<sup> 定義上標文本。
<table> 定義表格。
<tbody> 定義表格中的主體內容。
<td> 定義表格中的單元。
<textarea> 定義多行的文本輸入控件。
<tfoot> 定義表格中的表注內容（腳註）。
<th> 定義表格中的表頭單元格。
<thead> 定義表格中的表頭內容。
<time> 定義日期/時間。
<title> 定義文檔的標題。
<tr> 定義表格中的行。
<track> 定義用在媒體播放器中的文本軌道。
<tt> 定義打字機文本。
<u> 不同意使用。定義下劃線文本。
<ul> 定義無序列表。
<var> 定義文本的變量部分。
<video> 定義視頻。
<wbr> 定義可能的換行符。
<xmp> 不同意使用。定義預格式文本。
 

通俗易懂版

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>This is study note</title>
    <base href="我是作外鏈的，通常在head裏面" target="_blank">
    <style type="text/css">裏面可加n多css</style>
    <script type="text/javascript">javescript語句</script>
    <noscript>不支持javescript的替代語句</noscript>
</head>
<body>
    <h1>h1-h6是標題標籤</h1>
    <p>p是段落標籤</p>
    <a href="https://www.baidu.com" target="_blank">a標籤是插入超連接的，herf指定連接地址，target指定新窗口開啓</a>
    <br/><!--這是一個換行符-->
    <wbr><!-- 定義何處適合換行，窗口大小不夠則不換行 -->
    <img src="a.jpg" alt="這是一個圖片，加載不出來時顯示我" width="100" height="60"><!--加載圖像的標籤-->
    <hr/><!--這是一條水平線-->
    <abbr title="China">CN</abbr><!--定義縮寫-->
    <address>
        rcw <a href="mailto:small_pupil@126.com"></a>
        <br>
        tel:18127655676
    </address><!--定義地址，簽名或者文檔的做者身份-->
    <area shape="範圍，tect/circle" coords="座標" href="連接地址"><!-- 能夠在圖像上劃分區域，可點擊返回herf -->
    <map>通常和area一塊兒用，管理裏面的area</map>
    <article>我這裏指定面頁的獨立部份內容，也能夠是頁眉</article>
    <header>介紹性內容，在article裏面</header>
    <aside>語義化標籤，我也不知道什麼意思</aside>
    <audio controls="controls">
        <source src="連接地址" type="視頻類型"><!-- source能夠爲圖片，視頻，音頻元素指定資源 -->
    </audio><!-- video也是這樣用的 -->
    <b>我能夠把字體加粗</b>
    <ul><!-- 無序表格；ol有序列表 -->
        <li>我是作表格用的，必須在ul裏或者ol裏面</li>
    </ul>
    <bdi>把我隔離出來</bdi>
    <bdo dir="rtl">我能夠把文字排序倒置，必須有dir</bdo>
    <blockquote cite="引用地址">我是被自動縮進的引用，我能夠很長很長</blockquote>
    <cite>我是引用，我將變成斜體字</cite>
    <button type="button" onclick="alert(我是彈窗內容)">都用我來設置按鈕</button>
    <canvas id="個人標識記號">我是畫布，想讓我變得更美，就要用script</canvas>
    <caption>我是表格的名字，我出如今table裏面</caption>
    <col span="2" style="background-color:red"><!-- 我在table下的colgroup中使用，來設置表格的列屬性值 -->
    <colgroup>我把表格按列分組了</colgroup>
    <datalist id="input的那個表格list">
        <option value="我是input那個表格裏的下拉選項"></option>
    </datalist><!--我與input一塊兒用，作出來的表格高大上呦，還能讓用戶選擇-->
    <dl>
        <dt>小米</dt>
        <dd>爲發騷而生</dd>
    </dl><!--看懂了嗎？我跟ol，ul差很少，dt是名人，dd要拍名人的馬屁，看出來了吧，dl是表明一個描述列表-->
    <del>我會被劃上刪除線</del>
    <s>我也會被劃上刪除線</s>
    <ins>我會被劃上下劃線，表示修改</ins>
    <u>我纔是名正言順的下劃線</u>
    <details>
        <summary>點我能看到不少</summary>
        <p>不少</p>
    </details><!--建立一個可摺疊的東西，點開你能看到不少-->
    <em>我是強調文本</em><br>
    <strong>我能加粗文本</strong><br>
    <dfn>反正我是斜的，定義項目</dfn><br>
    <code>一段電腦代碼</code><br>
    <samp>計算機樣本</samp><br>
    <kbd>鍵盤輸入</kbd><br>
    <var>變量</var>
    <dialog open>我差很少一個是個th的批註，但我很大，還不能隱藏</dialog>
    <div class="屬性" id="本身體會" lang="語言">我將被不少屬性標記，太幸福了</div>
    <embed src="你居然要把我嵌入面頁，嗚嗚。。。"></embed>
    <fieldset>我被用在form下，我下面的input屬於我，哼</fieldset>
    <legend>我替fieldset管理input</legend>
    <figure><!--我是獨立的，想引用誰就是誰-->
        <figcaption>我屬於figure</figcaption>
    </figure>
    <footer>我至關於頁腳</footer>
    <form action="把數據存起來，怎麼樣" method="傳輸方式post/get">我向服務器傳輸數據</form>
    <hgroup>標題集合</hgroup>
    <i>斜體文字</i>
    <iframe src="內聯框架"></iframe>
    <input type="控件類型" name="給控件起個名字" value="把我傳給數據庫">
    <label>單選控件類型</label>
    <link rel="stylesheet" type="text/css" href="文件地址吧"><!-- 我通常用來連接css -->
    <make>我將被標記，重點顯示哦</make>
    <menu>我定義一個命令列表或菜單，但好像沒有瀏覽器支持我</menu>
    <meta charset="utf-8"><!-- 通常顯示在head裏 -->
    <meter value="2" min="0" max="10">0到10之間，輸出2，至關於20%</meter>
    <nav>導航連接，索引，目錄，菜單</nav>
    <object>外部資源
        <param name="" value="">定義資源
    </object>
    <select>定義一個下拉菜單
        <optgroup>下拉菜單裏的分類
            <option>分類裏面的選項</option>
        </optgroup>
    </select>
    <output>顯示計算或用戶操做的結果</output>
    <pre>你怎樣輸入的，      我就怎麼顯示</pre>
    <progress value="88" max="100"><!-- 下載任務完成88% -->
    <q>顯示爲引號包含</q>
    <ruby>帥<rp>(</rp><rt>shuai</rt><rp>)</rp></ruby><!-- 做爲註釋標籤使用表示很難懂，不知道爲何，但就是這樣子 -->
    <section>定義文檔獨立的一部分</section>
    <small>我是最小號的字體</small>
    <span style="樣式">想給我加樣式就這麼用</span>
    <sub>下標</sub>
    <sup>上標</sup>
    <table border="1">大表哥，裏面有不少tr組成,邊框爲1
        <thead><!-- 我和tbody，tfoot同樣，不會對錶格形成什麼影響，但能夠經過咱們爲每一行加css -->
            <tr>橫向定義的表格，表示一行數據
                <th>加粗版表頭文檔</th>
                <td>表中內容</td>
            </tr>
        </thead>
    </table>
    <textarea rows="10" cols="30">我是一個文本框</textarea>
    <time>時間：21：00</time>
    <track kind="文本軌道的文本類型" src="軌道文件的url"><!-- 能夠叫我字幕 -->
</body>
</html>

 

樣式對應

 

 

 

This is study notecss

h1-h6是標題標籤

p是段落標籤html

a標籤是插入超連接的，herf指定連接地址，target指定新窗口開啓html5

 

這是一個圖片，加載不出來時顯示我

CNjava

rcw
tel:18127655676

 

 

通常和area一塊兒用，管理裏面的area 我這裏指定面頁的獨立部份內容，也能夠是頁眉 介紹性內容，在article裏面 語義化標籤，我也不知道什麼意思 數據庫

 

我能夠把字體加粗canvas

  • 我是作表格用的，必須在ul裏或者ol裏面

把我隔離出來 我能夠把文字排序倒置，必須有dir瀏覽器

我是被自動縮進的引用，我能夠很長很長

我是引用，我將變成斜體字 我是畫布，想讓我變得更美，就要用script我是表格的名字，我出如今table裏面 ruby

 

我把表格按列分組了 服務器

 

小米
爲發騷而生

我會被劃上刪除線 我也會被劃上刪除線 我會被劃上下劃線，表示修改 我纔是名正言順的下劃線點我能看到不少

不少

 

 

我是強調文本
我能加粗文本
反正我是斜的，定義項目
一段電腦代碼

計算機樣本


鍵盤輸入
變量我差很少一個是個th的批註，但我很大，還不能隱藏

我將被不少屬性標記，太幸福了

我被用在form下，我下面的input屬於我，哼

我替fieldset管理input

 

我屬於figure我至關於頁腳

我向服務器傳輸數據

標題集合 斜體文字

 

我將被標記，重點顯示哦

我定義一個命令列表或菜單，但好像沒有瀏覽器支持我

 

 

0到10之間，輸出2，至關於20% 導航連接，索引，目錄，菜單

顯示計算或用戶操做的結果

你怎樣輸入的，      我就怎麼顯示

顯示爲引號包含 帥(shuai)

定義文檔獨立的一部分 我是最小號的字體 想給我加樣式就這麼用 下標 上標

大表哥，裏面有不少tr組成,邊框爲1橫向定義的表格，表示一行數據

加粗版表頭文檔 表中內容

時間：21：00

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程