在前面的文章裡已經提到了html元素的分類(在html中使用的各元素,按照不同的特徵和功能,可以分為:block元素(塊級元素)、inline元素(內聯元素)等概念,以及用樣式表制定樣式時不可或缺的標籤和標籤。block元素中包括條目、段落、圖表、表單等,起輸入資料的作用。可以認為它就是「乙個整體、組織」。典型的block元素:
<h1>~<
h6> 條目標籤
<p> 段落標籤
<blockquote
> 引用標籤
<ul>,<
ol>,<
li> 與表有關的標籤
<通常,block元素會形成乙個佔滿整個橫向區域的長方形,再加上寬/高(width/heigh)、餘白(margin/padding)等屬性,就構成了html檔案的骨架。這一概念與樣式表的盒子模型(box model)是相通的。兩個block元素之間,瀏覽器經常顯示空著一行。div> 層,製作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 中,標籤沒有結束標籤。...