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

2022-03-11 03:52:52 字數 1648 閱讀 6263

在前面的文章裡已經提到了html元素的分類(在html中使用的各元素,按照不同的特徵和功能,可以分為:block元素(塊級元素)、inline元素(內聯元素)等概念,以及用樣式表制定樣式時不可或缺的標籤和標籤。

block元素中包括條目、段落、圖表、表單等,起輸入資料的作用。可以認為它就是「乙個整體、組織」。典型的block元素:

<

h1>~<

h6> 條目標籤

<

p> 段落標籤

<

blockquote

> 引用標籤

<

ul>,<

ol>,<

li> 與表有關的標籤

<

div> 層,製作block元素的標籤

通常,block元素會形成乙個佔滿整個橫向區域的長方形,再加上寬/高(width/heigh)、餘白(margin/padding)等屬性,就構成了html檔案的骨架。這一概念與樣式表的盒子模型(box model)是相通的。兩個block元素之間,瀏覽器經常顯示空著一行。

inline元素通常作為block元素的內容。是給block元素內特定的部分(文字、影象等)加以裝飾、賦予某種功能。inline元素內可以包含其他inline元素,但不能包含block元素。典型的inline元素:

a       鏈結標籤
em      強調標籤
strong  進一步強調標籤
span    製作inline元素元素的標籤
前面已提到了置換元素(元素指向內容的乙個佔位符),如

標籤,這種元素不僅具有inline元素的性質,也有block元素的屬性。有寬、高的概念。

兩個inline元素連在一起時,瀏覽器通常顯示為並列。

綜上所述:block元素中可以包含其他block元素或inline元素;但反過來,block元素不能置入inline元素中。block元素總是在新行上開始;而inline元素則總是在同一行上開始。

(注意:原則上,緊挨著標籤的下方,可以放置block元素,但不可以放置inline元素或文字。)

標籤給html文件內的文字、影象等元素分組,可以快速操作組內元素的樣式。標籤可以包含、等block元素,其間元素在html結構上沒有特殊意義,只要樣式的指定不改變,顯示就不會改變。兩個標籤之間不會出現空行。

像標籤一樣,標籤可以給inline元素的一部分指定樣式,不過這個樣式是原創性的。與標籤一樣,標籤在html結構上沒有特殊意義,只要樣式的指定不改變,顯示就不會改變。

在html的make-up時,有時需要顯示一些特殊文字:

"  「(quptation mark)
&  &(ampersand)
<>   >(greater-than sian)
(no-break space)
有時也需要顯示一些特殊符號:

(注意:其他的標籤,如標籤(縮略語)、標籤(首字母縮寫)等還待補充。)

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

標籤定義短的引用。瀏覽器經常在該引用的內容周圍新增引號。引用書本或者網頁中的文章時,使則用 標籤。該標籤定義塊引用。與之間的所有文字都會從常規文字中分離出來,經常會在左 右兩邊進行縮排 增加外邊距 而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間。注意 與的區別 標籤在本質上與是一樣的。不同之...

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

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

html 基礎之 標籤

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