對于所有的前端開發(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的一些常用標簽,下期我會給大家介紹一些更加深入的知識