一:首先我們來說說HTML h1標簽是雙標簽嗎?
很多沒有用過HTML中的h1標簽的肯定有這種問題,其實這很簡單,看個實例就能明白的事情。(想看更多實例,歡迎到PHP ,一個全能的編程網(wǎng)站)
這就有個關于HTML h1標簽的實例:
!doctype html html head meta charset= utf-8 title PHP /title /head body h1 歡迎大家來到PHP 的教程中 /h1 p 這里會為大家詳細的講解更多關于HTML之中的更多內容 /p /body /html
這是一個簡單的案例,由此可見, h1 標簽是雙標簽,在HTML4還是html5之中都必須要有結束標簽,但是如果你添加結束標簽或者忘了的話,有些瀏覽器是正常顯示大號的,但是Chrome瀏覽器卻是另一種顯示方法,先看看這個代碼的效果圖:
來看看沒有h1的結束標簽的樣式:
body h1 歡迎大家來到PHP 的教程中 p 這里會為大家詳細的講解更多關于HTML之中的更多內容 /p /body
這個在Chrome瀏覽器中效果圖大家能想到嗎?好了,還是直接看吧:
看到?jīng)]有,這個在Chrome之中的顯示效果居然差別這么多,把所有的字都變成h1標題的字符了。這樣明顯不是我們要的效果,沒有哪個肯把字體都放這么多的。所以,大家以后還是都記得把 h1 標簽結束。
二:現(xiàn)在來看看HTML a 標簽的位置設置:
html h1 的位置設置也很簡單,就是讓我們來認識一個屬性:align屬性。(想看更多屬性介紹,歡迎點擊PHP )
align屬性可以幫助很多標簽的居中顯示,現(xiàn)在在h1標簽也不例外,讓我們來看看實例吧:
body h1 align= center 歡迎大家來到PHP 的教程中 /h1 p 這里會為大家詳細的講解更多關于HTML之中的更多內容 /p /body
看上面h1代碼中加上了align屬性,現(xiàn)在來看看效果
因為截圖看不太清,但是這個h1標簽之中的內容來到了網(wǎng)頁的中間。 p 標簽之中的內容明顯還在左邊。
當然這個align屬性還有別的屬性值:
align= left :如果在h1之中設置了這個屬性值的話,那么h1之中的標題就會出現(xiàn)在上圖一樣的左邊了
align= right :如果在h1之中設置了這個屬性值的話,那么h1之中的標題就會出現(xiàn)在網(wǎng)頁的右邊了。
這兩個就不演示了,感興趣的可以自己試試。
好了,本篇文章到這就結束了,h1標簽還有很多介紹,會在以后的文章中出現(xiàn)的,有問題的同學可以在下面留言
【小編推薦】
HTML中的form標簽的method屬性怎么用?這里有method屬性的用法介紹
HTML ul標簽的什么意思?HTML ul標簽的作用詳解
以上就是HTML h1標簽是雙標簽嗎?如何設置html h1標簽的位置?的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答