如何用HTML語言實現文本居中
方法1:通過HTML代碼實現對齊
1、在準備編輯HTML網頁之前,先了解一下HTML代碼的基礎知識。學習不同標籤,你可以使用它們改變字號或者文本格式。比如在括號內的"b"用來把字體加粗。"i"用來表示斜體字。在代碼中不要包括引號。
練習使用配對標籤。大多數格式標記需要兩個標籤,分別在文本的開頭和結尾。第一個標籤將包括標籤括號內(<>)的字母和符號。第二個標籤將包括一個反斜線,並位於標籤之前。例如,在加粗的文本開頭的括號內插入"b",並在文本結尾的括號內插入"/b"。
2、找出在網頁中想要居中的文本。
3、在文本開頭之前的括號內插入標籤"center"。不要在標籤和文本之前包括空格。
4、在文本結尾後的括號內插入"/center"。不要包括空格。
5、保存你的網頁。瀏覽網頁看看文本是否按要求對齊。如果沒有改變文本的對齊方式,那麼需要運用一個程序,比如HTML5這樣使用CSS而不是HTML代碼的程序。試試用第二種方法來正確的對齊文本。
方法2:方法二:通過CSS代碼實現對齊
1、在準備改變網頁的CSS語言之前,先了解一下CSS的基礎知識。CSS代碼嵌入HTML代碼,因為兩種標記語言共同執行。瞭解文本主體標籤h1,h2和h3。這些用來標記一個網頁的段落,或者字號小一些的普通文本。h1是最大的標題,h2和h3次之。這與HTML中用來標識各個部分類似的語言。
用圓括號代替尖括號。在"body"或"h1"之後將CSS標籤插入圓括號內。例如,你可以把"text-indent:50px"插入圓括號內,表示縮進文本。在代碼中不要包含引號。
2、在想要編輯的文本開頭找出HTML的括號。將要把CSS格式的代碼寫入HTML代碼這一行的第一個括號內。例如,如果你想改變大標題,可以在括號內找到"h1"。
3、把以下的代碼插入"h1"之後,並位於尾括號之前:"text-align=center;" 。不要包括引號。
4、在分號之後加入尾括號。保存網頁。你也可以把"居中"換成"右對齊","左對齊"或者"兩端對齊"等不同的排版方式。
所需資料
基本的HTML技能基本的CSS技能
網頁