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

2022-03-11 03:52:53 字數 1327 閱讀 3466

html的目的本來就是給文字新增條目、段落、表、表單等功能標誌(mark-up),從而促使文字結構化。我們要靈活自如地使用標籤設計文字內容(text contents)。

在顯示條目時,使用、、把正文的段落放在放入之間來進行區分。段落中可以使用文字標籤,也可以使用、鏈結以及其它與外觀有關的標籤。在瀏覽器中,兩個段落間會自動換行,但標籤並不是實現換行的標籤(而是

)。(注意:段落標籤也將占有瀏覽器上橫向的所有領域。)

例如:瀏覽器中顯示

實際的html檔案:

<

h1style="border:1px solid #9dbed8;text-align:center;"

>唐詩欣賞

h1>

<

h2>金縷衣

h2>

<

h3>杜秋娘

h3>

<

p>勸君莫惜金縷衣,勸君惜取少年時。<

br/>花開堪折直須折,莫待無花空折枝。

p>

<

h2>金陵圖 韋 莊

h2>

<

p>江雨霏霏江草齊,六朝如夢鳥空啼。<

br/>無情最是台城柳,依舊煙籠十里堤。

p>

在段落(元素)中,想要換行時,使用

標籤。當然,插入多個

標籤可以相應地增加空行,但這種無意義的連續換行,在使用樣式表設計網頁時會給操作增加許多不必要的麻煩,所以,在有必要的時候再使用

標籤吧。

(注意:在html檔案中,即使換行了也不影響瀏覽器中的顯示。

標籤是空標籤,沒有結束標籤,可寫成

。但在xhtml 中,

必須被正確地關閉,比如

。)

通過可以顯示水平線。顯示水平線後自動換行。水平線不能橫向並列兩條。在標籤中有設計水平線的屬性,但使用樣式表設計更好,而且
在 html 4.01 中,hr 元素的所有呈現屬性均不被贊成使用,在 xhtml 1.0 strict dtd 中,hr 元素的所有呈現屬性均不被支援。

(注意:標籤也是空標籤,也沒有結束標籤,可寫成。但在xhtml 中,必須被正確地關閉,比如。)

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

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

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

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

html 基礎之 標籤

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