前端開發(fā)人員必經(jīng)之路之CSS常用標簽

對于所有的前端開發(fā)人員來說,接觸的做多的無疑是H5

的頁面標簽了勃刨,那么一個正常的網(wǎng)站頁面大概會用到哪些標簽?zāi)兀?/p>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style></style>

</head>

<body>

<script></script>

</body>

</html>

上面就是一個H5頁面的最基本標簽。


下面我給大家分享一下平時用的很多的一些標簽。

<p id="demo">

JavaScript </p>

<input type="button" onclick="my()" value="999">

<!-- 基本標簽 -->

<h1>最大的標題</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的標題</h6>

<p>這是一個段落。</p>

<br> (換行)

<hr> (水平線)

<!-- 文本格式化 -->

<b>粗體文本</b>

<code>計算機代碼</code>

<em>強調(diào)文本</em>

<i>斜體文本</i>

<kbd>鍵盤輸入</kbd>

<pre>預(yù)格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> (縮寫)

<address> (聯(lián)系信息)

<bdo> (文字方向)

<blockquote> (從另一個源引用的部分)

<cite> (工作的名稱)

<del> (刪除的文本)

<ins> (插入的文本)

<sub> (下標文本)

<sup> (上標文本)

? ? <!-- 鏈接 -->

? ? 普通的鏈接:<a >鏈接文本</a>

圖像鏈接: <a ><img src="URL" alt="替換文本"></a>

郵件鏈接: <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>

書簽:

<a id="tips">提示部分</a>

<a href="#tips">跳到提示部分</a>

<!-- 圖片 -->

<img src="URL" alt="替換文本" height="42" width="42">

<!-- 樣式/區(qū)塊 -->

<style type="text/css">

? ? h1 {color:red;}

? ? p {color:blue;}

? ? </style>

? ? <div>文檔中的塊級元素</div>

? ? <span>文檔中的內(nèi)聯(lián)元素</span>

? ? <!-- 無序列表 -->

? ? <ul>

? ? ? ? ? ? <li>項目</li>

? ? ? ? ? ? <li>項目</li>

? ? ? ? </ul>

? ? ? ? <!-- 有序列表 -->

? ? ? ? <ol>

? ? ? ? ? ? ? ? <li>第一項</li>

? ? ? ? ? ? ? ? <li>第二項</li>

? ? ? ? ? ? </ol>

? ? ? ? ? ? <!-- 表格-->

? ? ? ? ? ? <table border="1">

? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? <th>表格標題</th>

? ? ? ? ? ? ? ? ? ? ? <th>表格標題</th>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? <td>表格數(shù)據(jù)</td>

? ? ? ? ? ? ? ? ? ? ? <td>表格數(shù)據(jù)</td>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </table>

好了遏片,今天就簡單的帶大家認識一下H5的一些常用標簽,下期我會給大家介紹一些更加深入的知識

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末撮竿,一起剝皮案震驚了整個濱河市吮便,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌幢踏,老刑警劉巖线衫,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異惑折,居然都是意外死亡,警方通過查閱死者的電腦和手機枯跑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門惨驶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人敛助,你說我怎么就攤上這事粗卜。” “怎么了纳击?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵续扔,是天一觀的道長。 經(jīng)常有香客問我焕数,道長纱昧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任堡赔,我火速辦了婚禮识脆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己灼捂,他們只是感情好离例,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著悉稠,像睡著了一般宫蛆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上的猛,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天耀盗,我揣著相機與錄音,去河邊找鬼衰絮。 笑死袍冷,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的猫牡。 我是一名探鬼主播胡诗,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼淌友!你這毒婦竟也來了煌恢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤震庭,失蹤者是張志新(化名)和其女友劉穎瑰抵,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體器联,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡二汛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了拨拓。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肴颊。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖渣磷,靈堂內(nèi)的尸體忽然破棺而出婿着,到底是詐尸還是另有隱情,我是刑警寧澤醋界,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布竟宋,位于F島的核電站,受9級特大地震影響形纺,放射性物質(zhì)發(fā)生泄漏丘侠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一挡篓、第九天 我趴在偏房一處隱蔽的房頂上張望婉陷。 院中可真熱鬧帚称,春花似錦、人聲如沸秽澳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽担神。三九已至楼吃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間妄讯,已是汗流浹背孩锡。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留亥贸,地道東北人躬窜。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像炕置,于是被迫代替她去往敵國和親荣挨。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一朴摊、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,247評論 1 41
  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網(wǎng)頁內(nèi)容渲染呈現(xiàn)給用戶查看默垄。 ②讓用戶通...
    云還灬閱讀 1,123評論 0 0
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內(nèi)容不會被瀏覽器顯示甚纲。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,059評論 1 25
  • 【0704我在悅讀】-木木 【書名】:《財富自由之路》 【作者】:李笑來 【篇目】:重讀第20、21節(jié) 【收獲】 ...
    木木_cd40閱讀 126評論 0 0
  • 主要應(yīng)用于在程序中進行@GetMapping@PostMapping@PutMapping@RequestMapp...
    xdhz閱讀 354評論 0 0