ch02 HTML 標籤第一部分

2021-09-13 14:13:29 字數 3026 閱讀 3266

標籤的用途

標籤在瀏覽器中的預設樣式。

標籤的用途:語義化,通俗點就是:明白每個標籤的用途(在什麼情況下使用此標籤合理)。語義化,可以讓網頁更好的被搜尋引擎理解。

比如,網頁上的文章的標題就可以用標題標籤,網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落放在段落標籤中,在文章中有想強調的文字,使用標籤表示強調等等。

語義化的好處:

更容易被搜尋引擎收錄。

更容易讓螢幕閱讀器讀出網頁內容。

網頁上顯示的內容放在標籤中

在網頁上顯示文章,把文章的段落放到標籤中。

語法:

>

段落文字p

>

注意:一段文字乙個標籤。標籤的預設樣式段前段後都會有空白,可以用css樣式刪除或更改。

文章的段落用標籤,文章的標題用標籤。

標題標籤一共有 6 個,四級標題

五級標題

六級標題

標籤字型大小最大,用於在一段文字中強調文字。

兩者在強調的語氣上有區別:表示強調,表示更強烈的強調。在瀏覽器中,預設用斜體表示,用粗體表示,也可以使用 css 樣式去改變它。

語法:

>

需要強調的文字em

>

>

需要強調的文字strong

>

用於為文字設定單獨樣式。

標籤是為了強調一段話中的關鍵字時使用,它們的語義是表示強調。

標籤是沒有語義的,它的作用是為了設定單獨的樣式。

注意:標籤可能不是為了表示強調,而只是想設定不同的樣式。

語法:

>

文字span

>

>

標籤用於短文本引用。

使用實現引用時,注意要引用的文字不用加雙引號,瀏覽器會對標籤自動新增雙引號。

標籤的真正關鍵點不是它的預設樣式雙引號,而是它的語義:引用別人的話。

語法:

>

引用文字q

>

標籤用於長文字引用。

的作用也是引用別人的文字,但它是對長文字的引用,而標籤是對簡短文字的引用。

注意:瀏覽器對標籤的解析是縮排樣式。

語法:

>

引用文字blockquote

>

標籤用於分行顯示文字

在 html **中是忽略回車和空格的,在需要加回車換行的地方加入

標籤,作用相當於 word 文件中的回車。

語法:

/>

>

現在一般使用 xhtml1.0 的版本的寫法(其它標籤也是),這種版本比較規範。

標籤是乙個空標籤,沒有 html 內容的標籤就是空標籤,空標籤只需要寫乙個開始標籤,不需要結束標籤。這樣的標籤有

表示輸入空格,可以在網頁中新增一些空格:。

在 html **中輸入空格、回車都是沒有作用的。要想輸入空格,必須寫入

語法:

標籤用於新增水平橫線,加一些用於分隔的橫線會使文章看起來整齊些。

語法:

/>

>

注意:

標籤和

標籤一樣也是乙個空標籤,所以只有乙個開始標籤,沒有結束標籤。

標籤的在瀏覽器中的預設樣式線條比較粗,顏色為灰色。這些外在樣式可以使用 css 樣式表對其修改。

xhtml1.0 的版本比較規範。

標籤用於為網頁加入位址資訊。

語法:

>

聯絡位址資訊address

>

在瀏覽器上顯示的樣式預設為為斜體,可以使用 css 樣式來修改標籤的預設樣式。

標籤用於插入一行**。當 html **為一行**時,可以使用標籤了

語法:

>

**語言code

>

標籤用於插入多行**。加入一行**的標籤為,使用標籤可加入多行**。

語法:

>

語言**段pre

>

標籤的主要作用:預格式化文字。被包圍在元素中的文字通常會保留空格和換行符。

回車不需要輸入

標籤,空格不需要輸入,**中的空格,換行符都能保留下來。

注意:標籤不只是為顯示**使用的,在需要在網頁中預顯示格式時都可以使用。

Axure RP 第一部分

axure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具,讓負責定義需求和規格...

第一部分 初識Solr

第一章 solr簡介 這章主要包括內容 這本書講述nosql技術,apache solr 像它的非關係模式兄弟一樣,針對於某些問題進行了優化。特別的,solr在處理企業級大量資料 及時搜尋 文字資料 返回相關性結果等方面進行了很大優化。這裡說的只是冰山一角,讓我們從下面幾方面來進行詳細敘說 solr...

css排雷第一部分

import url basic.css warning urgent plant moons plant moons 1 a href span title feature lang en 選出屬性等於lang或者以lang開頭的所有元素。選擇h1 strong 可以解釋為選擇h1字元素中的所有s...