酷知百科網

位置:首頁 > 遊戲數碼 > 手機

如何用HTML語言實現文字居中

手機2.05W

超文字標記語言(HTML)是大多數網頁在編輯時所使用的語言,用於排版,段落,加粗和字號。如果你在編輯一個網頁的HTML程序,可以試試兩種文字編輯的方法:HTML和層疊式工作表(CSS)。你可以學習怎樣用HTML的基本代碼把文字居中。

透過HTML代碼實現對齊

(01)在準備編輯HTML網頁之前,先了解一下HTML代碼的基礎知識。學習不同標籤,你可以使用它們改變字號或者文字格式。比如在括號內的“b”用來把字型加粗。“i”用來表示斜體字。在代碼中不要包括引號。練習使用配對標籤。大多數格式標記需要兩個標籤,分別在文字的開頭和結尾。第一個標籤將包括標籤括號內(<>)的字母和符號。第二個標籤將包括一個反斜線,並位於標籤之前。例如,在加粗的文字開頭的括號內插入“b”,並在文字結尾的括號內插入“/b”。

如何用HTML語言實現文字居中
如何用HTML語言實現文字居中 第2張

(02)找出在網頁中想要居中的文字。

如何用HTML語言實現文字居中 第3張

(03)在文字開頭之前的括號內插入標籤“center”。不要在標籤和文字之前包括空格

如何用HTML語言實現文字居中 第4張

(04)在文字結尾後的括號內插入“/center”。不要包括空格。

如何用HTML語言實現文字居中 第5張

(05)儲存你的網頁。瀏覽網頁看看文字是否按要求對齊。如果沒有改變文字的對齊方式,那麼需要運用一個程序,比如HTML5這樣使用CSS而不是HTML代碼的程序。試試用第二種方法來正確的對齊文字。

如何用HTML語言實現文字居中 第6張
如何用HTML語言實現文字居中 第7張

透過CSS代碼實現對齊

(01)在準備改變網頁的CSS語言之前,先了解一下CSS的基礎知識。CSS代碼嵌入HTML代碼,因爲兩種標記語言共同執行。瞭解文字主體標籤h1,h2和h3。這些用來標記一個網頁的段落,或者字號小一些的普通文字。h1是最大的標題,h2和h3次之。這與HTML中用來標識各個部分類似的語言。用圓括號代替尖括號。在“body”或“h1”之後將CSS標籤插入圓括號內。例如,你可以把“text-indent:50px”插入圓括號內,表示縮進文字。在代碼中不要包含引號。

如何用HTML語言實現文字居中 第8張
如何用HTML語言實現文字居中 第9張

(02)在想要編輯的文字開頭找出HTML的括號。將要把CSS格式的代碼寫入HTML代碼這一行的第一個括號內。例如,如果你想改變大標題,可以在括號內找到“h1”。

如何用HTML語言實現文字居中 第10張
如何用HTML語言實現文字居中 第11張

(03)把以下的代碼插入“h1”之後,並位於尾括號之前:"text-align=center;" 。不要包括引號。

如何用HTML語言實現文字居中 第12張

(04)在分號之後加入尾括號。儲存網頁。你也可以把“居中”換成“右對齊”,“左對齊”或者“兩端對齊”等不同的排版方式。

如何用HTML語言實現文字居中 第13張
如何用HTML語言實現文字居中 第14張

所需資料

(01)基本的HTML技能

(02)基本的CSS技能

(03)網頁