HTML經常使用標籤用法及實例

時間  2019-11-16
標籤 html 經常 使用 標籤 用法 實例 欄目 HTML 简体版
原文   原文鏈接

HTML經常使用標籤用法及實例
1.<!--1.註釋-->
2.<!--2.DOCTPYE 聲明文檔類型-->
3.<!--3.a--> <a href="http://www.baidu.com/">百度一下</a><br> <!--超連接標籤-->
4.<!--4.address <address> 標籤訂義文檔或文章的做者/擁有者的聯繫信息。
若是 <address> 元素位於 <body> 元素內，則它表示文檔聯繫信息。
若是 <address> 元素位於 <article> 元素內，則它表示文章的聯繫信息.-->
<address>
聯繫方式<a href="http://www.baidu.com/">百度一下</a><br>
做者：<br>
時間:<br>
</address>
5.<!--5.article <article> 標籤規定獨立的自包含內容。-->
<article>
<h1>百度</h1>
<p>全球最大的中文搜索引擎、致力於讓網民更便捷地獲取信息，找到所求。</p>
</article>
6.<!--6.aside <aside> 標籤訂義其所處內容以外的內容。-->
<p>123123</p>
<aside>
<h1>文本以外的內容</h1>
<p>我也是文本以外的內容</p>
</aside>
7.<!--7. audio video-- <audio> 標籤訂義聲音，好比音樂或其餘音頻流。
<audio src="/i/horse.ogg" controls="controls>

</audio>
-->
8.<!--8.b 文本加粗--> 
<p>普通文本--<b>粗體文本</b></p>
9.<!--9.big -->
<big>大號字體</big><br>
10.<!--10. body body 元素定義文檔的主體-->
11.<!--11. br 給文本換行-->html

12.<!--12.button <bubtton> 標籤訂義一個按鈕。--> 
<button type="button">點擊領取</button>
13.<!--13.center 對其所包括的文本進行水平居中。-->
14.<!--14.dl dd dt <dd> 在定義列表中定義條目的定義部分。-->
<dl>
<dt>計算機</dt>
<dd>用來計算的儀器 ... ...</dd>
<dt>顯示器</dt>
<dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
15.<!--15.del ins <del>定義文檔中已被刪除的文本。 <ins> 標籤訂義已經被插入文檔中的文本。-->
<p>你叫<del>張3</del><ins>李四</ins>嗎？</p>
16.<!--16.div p h1-h6 div是塊標籤 p是段落標籤 h1-h6是標題標籤根據h後面數值調整大小-->
17.<!--17.em span i strong <em>把文本定義爲強調的內容。<span> 標籤被用來組合文檔中的行內元素。
<i> 標籤顯示斜體文本效果。<strong>把文本定義爲語氣更強的強調的內容。
-->
<em>強調文本內容</em>
<p><span>組合文檔中的行內元素</span>你好啊</p>
<i>斜體文本</i><br>
<stong>內容重要</strong>
18.<!--18.footer nav <footer> 標籤訂義文檔或節的頁腳。<nav> 標籤訂義導航連接的部分.-->
<footer>
<p>聯繫郵箱：<a href="mailto:liuzz183_7@163.com">liuzz183_7@163.com</a></p>
</footer>
<nav>
<a href="http://www.baidu.com">百度</a>|
<a href="http://www.douyu.com">鬥魚</a>
</nav>
19.<!--19.ifram iframe 元素會建立包含另一個文檔的內聯框架（即行內框架）。-->
20.<!--20.hr html-- <hr>文本分割線 <html>根文件-->
21.<!--21.img input label-- imgimg 元素向網頁中嵌入一幅圖像。 
<input>--表單標籤
<label> 標籤爲 input 元素定義標註（標記）。
-->
<img src="img/Advertisement_03-3.jpg" alt="" /><br>

<label for="男">男</label>
<input type="radio" name="sex" id="男">
<input type="submit" name="提交" >
22.<!--22.ol ul li <ol>有序列表 <ul>無序列表 <li>列表項目-->框架

23.<!--23.link script <link>標籤最多見的用途是連接樣式表。<script> 標籤用於定義客戶端腳本，好比 JavaScript。-->
24.<!--24.select option <select> 元素可建立單選或多選菜單。<select> 元素中的 <option> 標籤用於定義列表中的可用選項。-->
<select name="">
<option value="">請選擇</option>
<option value="">選項一</option>
<option value="">選項二</option>
<option value="">選項三</option>
<option value="">選項四</option>
</select>
25.<!--25.textarea <textarea> 標籤訂義多行的文本輸入控件。-->
<textarea></textarea>ide

resize禁止拉伸文本框字體

outline取消文本框選中的顏色搜索引擎

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