IT科技

當前位置 /首頁/IT科技 > /列表

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

目錄

方法1:通過HTML代碼實現對齊1、在準備編輯HTML網頁之前,先了解一下HTML代碼的基礎知識。2、找出在網頁中想要居中的文本。3、在文本開頭之前的括號內插入標籤"center"。4、在文本結尾後的括號內插入"/center"。5、保存你的網頁。方法2:方法二:通過CSS代碼實現對齊1、在準備改變網頁的CSS語言之前,先了解一下CSS的基礎知識。2、在想要編輯的文本開頭找出HTML的括號。3、把以下的代碼插入"h1"之後,並位於尾括號之前:"text-align=center;" 。4、在分號之後加入尾括號。超文本標記語言(HTML)是大多數網頁在編輯時所使用的語言,用於排版,段落,加粗和字號。如果你在編輯一個網頁的HTML程序,可以試試兩種文本編輯的方法:HTML和層疊式工作表(CSS)。你可以學習怎樣用HTML的基本代碼把文本居中。

方法1:通過HTML代碼實現對齊

1、在準備編輯HTML網頁之前,先了解一下HTML代碼的基礎知識。學習不同標籤,你可以使用它們改變字號或者文本格式。比如在括號內的"b"用來把字體加粗。"i"用來表示斜體字。在代碼中不要包括引號。

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

練習使用配對標籤。大多數格式標記需要兩個標籤,分別在文本的開頭和結尾。第一個標籤將包括標籤括號內(<>)的字母和符號。第二個標籤將包括一個反斜線,並位於標籤之前。例如,在加粗的文本開頭的括號內插入"b",並在文本結尾的括號內插入"/b"。

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

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

2、找出在網頁中想要居中的文本。

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

3、在文本開頭之前的括號內插入標籤"center"。不要在標籤和文本之前包括空格。

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

4、在文本結尾後的括號內插入"/center"。不要包括空格。

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

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

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

方法2:方法二:通過CSS代碼實現對齊

1、在準備改變網頁的CSS語言之前,先了解一下CSS的基礎知識。CSS代碼嵌入HTML代碼,因為兩種標記語言共同執行。瞭解文本主體標籤h1,h2和h3。這些用來標記一個網頁的段落,或者字號小一些的普通文本。h1是最大的標題,h2和h3次之。這與HTML中用來標識各個部分類似的語言。

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

用圓括號代替尖括號。在"body"或"h1"之後將CSS標籤插入圓括號內。例如,你可以把"text-indent:50px"插入圓括號內,表示縮進文本。在代碼中不要包含引號。

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

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

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

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

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

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

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

4、在分號之後加入尾括號。保存網頁。你也可以把"居中"換成"右對齊","左對齊"或者"兩端對齊"等不同的排版方式。

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

所需資料

基本的HTML技能

基本的CSS技能

網頁


TAG標籤:html 居中 語言 文本 #