HTML語言基礎之 使用標籤製作文字內容(2)

2022-03-11 03:52:52 字數 3425 閱讀 8546

標籤定義短的引用。 瀏覽器經常在該引用的內容周圍新增引號。

引用書本或者網頁中的文章時,使則用

標籤。該標籤定義塊引用。與
之間的所有文字都會從常規文字中分離出來,經常會在左、右兩邊進行縮排(增加外邊距),而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間。

(注意:【與的區別】標籤在本質上與是一樣的。不同之處在於它們的顯示和應用。標籤用於簡短的行內引用。如果需要從周圍內容分離出來比較長的部分(通常顯示為縮排的塊),請使用標籤。)

例如:瀏覽器中顯示

實際的html檔案:

<

html

lang="zh-cn"

>

<

head

>

<

title

>詩詞欣賞:孟浩然詩《宿建德江》

content="詩詞欣賞"

/>

<

meta

name="build"

content="2011.9.6"

/>

<

body

>

<

h1align="center"

>孟浩然詩:宿建德江

h1>

<

h2align="center"

>孟浩然

h2>

<

palign="center"

style="font-family: 幼圓; font-size: 24px;"

>

移舟泊煙渚,<

em>日暮客愁新

em>。<

br/>

野曠天低樹,江清月近人。

p>

<

blockquote

>

<

cite

>《唐詩鑑賞詞典》

cite

>孟浩然的這首詩,刻劃秋江、暮色、孤旅,先寫羈旅夜泊,再描日暮添愁,然後觸及宇宙之廣袤寧靜曠遠。

有動有靜,有景有情;一隱一現,一實一虛,虛實相間,個中卻全是詩人的心情寫照,情由境生、境因心變。
天低樹是曠野帶來的視覺效果,月近人是孤獨中產生的感覺。一首小詩,就象一幅立意高遠的古代的淡墨中國文人畫,可謂「逸品」。

>《孟浩然詩選》

cite

>想象一下吧:野曠江清,秋色歷歷在目;孤舟寒夜,鄉關不知何處。這種場景,真是怎乙個「愁」字了得?!

q>

body

>

html

>

要強調文字時,使用標籤(這在前面的講述中已有例項),要進一步強調時,使用標籤。各瀏覽器顯示效果不盡相同,一般情況下,前者使文字顯示為斜體,後者使文字顯示為黑體。

例如:瀏覽器中顯示

實際的html檔案:

<

h1align="center"

>孟浩然詩:宿建德江

h1>

<

h2align="center"

>孟浩然

h2>

<

palign="center"

style="font-family: 幼圓; font-size: 24px;"

>

移舟泊煙渚,<

em>日暮客<

strong

>愁

strong

>新

em>。<

br/>

野曠天低樹,<

strong

>江清月近人

strong

>。

p>

(注意1:中文由於各種文字集結在一起,所以斜體文字看上去有些混亂。因此,使用樣式表把斜體的樣式刪除(指定「font-style:normal;」),這樣就可以改成別的樣式了。這一點很有用。)

(注意2:使用指定斜體的標籤和指定黑體字標籤與標籤、標籤有著同樣的顯示效果。但考慮到html是規範文件結構的語言,還是不要使用裝飾標籤的好。)

使用標籤可以顯示上角標(顯示在前乙個字的右上角),使用標籤可以顯示下角標(顯示在前乙個字的右下角)。

例如:瀏覽器中顯示

實際的html檔案:

<

html

lang="zh-cn"

>

<

head

>

<

title

>上角標標籤、下角標標籤

p>水電解的化學方程式:2h<

sub>2

sub>o→2h<

sub>2

sub>+o<

sub>2

sub>

<

br/>

2h<

sup>+

sup>+2e<

sup>-

sup>→2h<

sub>2

sub>

p>

body

>

html

>

最後再強調一下,一定要把開始標籤與結束標籤對應起來。

HTML語言基礎之 使用標籤製作文字內容(4)

在前面的文章裡已經提到了html元素的分類 在html中使用的各元素,按照不同的特徵和功能,可以分為 block元素 塊級元素 inline元素 內聯元素 等概念,以及用樣式表制定樣式時不可或缺的標籤和標籤。block元素中包括條目 段落 圖表 表單等,起輸入資料的作用。可以認為它就是 乙個整體 組...

HTML語言基礎之 使用標籤製作文字內容(1)

html的目的本來就是給文字新增條目 段落 表 表單等功能標誌 mark up 從而促使文字結構化。我們要靈活自如地使用標籤設計文字內容 text contents 在顯示條目時,使用 把正文的段落放在放入之間來進行區分。段落中可以使用文字標籤,也可以使用 鏈結以及其它與外觀有關的標籤。在瀏覽器中,...

html 基礎之 標籤

head link rel stylesheet type text css href theme.css head 在用於樣式表時,標籤得到了幾乎所有瀏覽器的支援。但是幾乎沒有瀏覽器支援其他方面的用途。標籤定義文件與外部資源的關係。標籤最常見的用途是鏈結樣式表。在 html 中,標籤沒有結束標籤。...