當前位置:妙知谷 >

遊戲數碼 >手機 >

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

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

超文本標記語言(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)網頁

標籤: HTML 居中 文本 語言
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/shouji/xv1vr8.html