? ? ?標簽的用途:我們學習網頁制作時,常常會聽到一個詞,語義化。那么什么叫做語義化呢,說的通俗點就是:明白每個標簽的用途(在什么情況下我可以使用這個標簽才合理)比如,網頁上的文章的標題就可以用標題標簽,網頁上的各個欄目的欄目名稱也可以使用標題標簽。文章中內容的段落就得放在段落標簽中,在文章中有想強調的文本,就可以使用em標簽表示強調等等。
head標簽
? ? ?文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。在html中,<head>標簽擔任了這個責任。
? ? ?下面這些標簽可用在 head 部分:
<head><title>...</title><meta><link><style>...</style><script>...</script> </head>
<title>
標簽:在<title>和</title>標簽之間的文字內容是網頁的標題信息,它會出現在瀏覽器的標題欄中。網頁的title標簽用于告訴用戶和搜索引擎這個網頁的主要內容是什么,搜索引擎可以通過網頁標題,迅速的判斷出網頁的主題。每個網頁的內容都是不同的,每個網頁都應該有一個獨一無二的title。
<meta>
標簽 :?可提供有關某個 HTML 元素的元信息 (meta-information),比如描述、針對搜索引擎的關鍵詞以及刷新頻率。
<link
標簽:定義文檔與外部資源的關系。 <link>?標簽最常見的用途是鏈接樣式表
<title>
標簽:顧名思義,放置樣式代碼,可放置css或js的。
<script>標簽:放置JavaScript代碼。
body標簽
? ? ? ? ?在網頁上要展示出來的頁面內容一定要放在body標簽中。
? ?<p>
標簽:文章的段落放到<p>標簽中。
? ?<hx>
標簽:制作文章的標題。
? ? ? ? 標題標簽一共有6個,h1、h2、h3、h4、h5、h6
分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據重要性遞減。<h1>
是最高的等級。
? ? ? ? 語法:
<hx>標題文本</hx>
?(x為1-6)
文章的標題前面已經說過了,可以使用標題標簽,另外網頁上的各個欄目的標題也可使用它們。如下圖為騰訊網站。
注意:因為h1
標簽在網頁中比較重要,所以一般h1
標簽被用在網站名稱上。騰訊網站就是這樣做的。如:<h1>騰訊網</h1>
h1-h6標簽的默認樣式:
標簽代碼:
在瀏覽器中顯示的樣式:
從上面的圖片可以看出標題標簽的樣式都會加粗,h1
標簽字號最大,h2
標簽字號相對h1要小,以此類推h6
標簽的字號最小。