1. 程式人生 > >Html標籤大全,通俗易懂版

Html標籤大全,通俗易懂版

<!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:
[email protected]
"></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>

相關推薦

Html標籤大全通俗易懂

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>This is study note</title> &l

【小家思想】通俗易懂講解JWT和OAuth2以及他倆的區別和聯絡(Token鑑權解決方案)

相關閱讀 【小家java】java5新特性(簡述十大新特性) 重要一躍 【小家java】java6新特性(簡述十大新特性) 雞肋升級 【小家java】java7新特性(簡述八大新特性) 不溫不火 【小家java】java8新特性(簡述十大新特性) 飽受讚譽 【小家java】java9

redux 小demo通俗易懂

clas mage 分享圖片 post png bsp src dem body redux 小demo,通俗易懂

什麽是Socket?簡單點通俗易懂的?

電視 連接 link itl 網絡 baidu 虛擬 網絡通信 易懂 網絡上的兩個程序通過一個雙向的通信連接實現數據的交換,這個連接的一端稱為一個socket。 建立網絡通信連接至少要一對端口號(socket)。socket本質是編程接口(API),對TCP/IP的封裝,

如何使用Squid服務來構建=》傳統和透明代理服務器通俗易懂

bdb changelog 控制 error log out blog dex web 1、緩存代理概述: 作為應用層的代理服務軟件,Squid主要提供緩存加速和應用層過濾控制的功能 2、代理的工作機制: (1)當客戶機通過代理來請求web頁面時,指定的代理服務器會先檢查自

HTML標籤大全(常用)

HTML標籤大全(常用) 文字標記語言,即HTML(Hypertext Markup Language),是用於描述網頁文件的一種標記語言。 HTML之所以稱為超文字標記語言,是因為文字中包含了所謂“超級連結”點。所謂超級連結,就是一種URL指標,通過啟用(點選)它,可使瀏覽器方便地獲

[網絡必學]TCP/IP四層模型講解【筆記整理通俗易懂

網段 邏輯地址 參考 子網掩碼 icm 得到 概念 ack 適用於 OSI七層模型 表示層:用來解碼不同的格式為機器語言,以及其他功能。 會話層:判斷是否需要網絡傳輸。 傳輸層:識別端口來指定服務器,如指定80端口的www服務。 網絡層:提供邏輯地址選路,即發

[網路必學]TCP/IP四層模型講解【筆記整理通俗易懂

OSI七層模型     表示層:用來解碼不同的格式為機器語言,以及其他功能。 會話層:判斷是否需要網路傳輸。 傳輸層:識別埠來指定伺服器,如指定80埠的www服務。 網路層:提供邏輯地

類和介面的區別通俗易懂

原文連結:https://blog.csdn.net/fenglibing/article/details/2745123 介面和抽象類有什麼區別 你選擇使用介面和抽象類的依據是什麼? 介面和抽象類的概念不一樣。介面是對動作的抽象,抽象類是對根源的抽象。 抽象類表示的是,這個物件是什

如何理解Linux下的動態庫概念和靜態庫概念通俗易懂的解釋如下:

動態庫和靜態庫都是一組函式集合,打包在一起供應用程式呼叫,區別是: 靜態庫名稱一般為xxx.a,在編譯時和應用程式連結在一起,這樣的應用程式佔用空間較大。 動態庫名稱一般為xxx.so,對於動態庫即可以在編譯時連結,也可以使用dlopen()/dlsy

JQuery圖文解釋通俗易懂小白快來瞅瞅的。。趕緊的!

1. 正則表示式 宣告 var regex = new RegExp(partten); var regex2 = /^匹配規則$/;   /../:模式符號   ^:匹配開始  $:匹配結束  \d:數字[0-9]  \w:字母數字下劃線[0-9A-Za-z

python歌詞解析(非常牛詳細通俗易懂有驗證部分)

廢話不多說直接上程式碼,一看就懂每一步都有註釋 s = '''[ti:藍蓮花] [ar:許巍] [al:留聲十年絕版青春北京演唱會] [00:-01.70]藍蓮花 [00:-00.70]演唱:許巍 [00:00.00] [00:00.70]沒有什麼能夠阻擋 [00:06.01]你對自由的

深度剖析八大經典排序演算法—C++實現(通俗易懂

內容會持續更新,有錯誤的地方歡迎指正,謝謝! 引言 需握各種排序和常用的資料結構的核心思想,並知道是以什麼樣的方式解決了什麼樣的問題。 該部落格的示例程式碼均以遞增排序為目的~ 學習建議:切忌看示例程式碼去理解演算法,而是理解演算法原理寫出程式碼,否

[ZT]周易六十四卦詳解(通俗易懂

周易六十四卦詳解(通俗易懂版) 圖1. 伏羲八卦次序方點陣圖 第1卦乾為天(乾卦)剛健中正 上上卦 象曰:困龍得水好運交,不由喜氣上眉梢,一切謀望皆如意,向後時運漸漸高。 這個卦是同卦(下乾上乾)相疊。象徵

IaaS、PaaS和SaaS通俗易懂

首先先給出三者的官方定義: IaaS(Infrastructure as a Service),即基礎設施即服務。 PaaS(Platform as a Service),即平臺即服務。 SaaS(Software as a Service),即軟體即服務。 相信三者的區

OAuth原理圖文並茂通俗易懂

步驟2請求OAuth登入頁(慕課的伺服器請求騰訊伺服器)步驟3使用第三方賬號登入並授權步驟4返回登入結果拿到了加密後的code引數,有了code基本上可以確定(使用者輸入的QQ號和密碼)是匹配的,也就是

HTML標籤大全

<html> <head> <title>標題<title> </head> <body>..........檔案內容.......... </body> </html> 1.檔案標題 <title>..........</title> 2.檔案更新--<meta> 【1】1

TensorFlow入門(五)多層 LSTM 通俗易懂

歡迎轉載,但請務必註明原文出處及作者資訊。 @author: huangyongye @creat_date: 2017-03-09 前言: 根據我本人學習 TensorFlow 實現 LSTM 的經歷,發現網上雖然也有不少教程,其中很多都是根據官方

BFS和DFS演算法原理(通俗易懂

#include<cstdio>#include<cstring> #include<queue> #include<algorithm> using namespace std; const int maxn=100; bool vst[maxn][maxn]

7-8 哈利·波特的考試 (25 分)(Floyed)(c++描述超詳細註釋通俗易懂

哈利·波特要考試了,他需要你的幫助。這門課學的是用魔咒將一種動物變成另一種動物的本事。例如將貓變成老鼠的魔咒是haha,將老鼠變成魚的魔咒是hehe等等。反方向變化的魔咒就是簡單地將原來的魔咒倒過來念,例如ahah可以將老鼠變成貓。另外,如果想把貓變成魚,可以通過念一個直接魔咒lalala,也可以將