html:(10):添加空格和hr
生活随笔
收集整理的這篇文章主要介紹了
html:(10):添加空格和hr
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
為你的網(wǎng)頁中添加一些空格
在上一節(jié)的例子，我們已經(jīng)講解過在html代碼中輸入空格、回車都是沒有作用的。要想輸入空格，必須寫入 。
語法：
在html代碼中輸入空格是不起作用的，如下代碼。
在瀏覽中顯示，還是沒有空格效果。
輸入空格的正確方法：
在瀏覽器中的顯示出來的空格效果。如下圖所示。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>空格講解</title> </head> <body> <h1>感悟夢想</h1> 來源：作文網(wǎng) 作者：為夢想而飛 </body> </html>運行結(jié)果
認識<hr>標簽，添加水平橫線
在信息展示時，有時會需要加一些用于分隔的橫線，這樣會使文章看起來整齊些。如下圖所示：
語法：
html4.01版本?<hr>
xhtml1.0版本?<hr />
注意：
1.?<hr />標簽和<br />標簽一樣也是一個空標簽，所以只有一個開始標簽，沒有結(jié)束標簽。
2. <hr />標簽的在瀏覽器中的默認樣式線條比較粗，顏色為灰色，可能有些人覺得這種樣式不美觀，沒有關(guān)系，這些外在樣式在我們以后學習了css樣式表之后，都可以對其修改。
3. 大家注意，現(xiàn)在一般使用 xhtml1.0 的版本（其它標簽也是），這種版本比較規(guī)范。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>hr標簽使用</title> </head> <body> <p>火車飛馳過暗夜里的村莊，月光，總是太容易讓思念寂寞，太容易讓人覺得孤獨。</p> <hr/> <p>每一枚被風吹起的蒲公英，都載滿了一雙眼睛的深情告別與一個目光的依依不舍。那天，我拿著行李，帶上一個背影的祝福與惆悵，揮手告別了這片土地。我不知道，我何時會回來。</p> </body> </html>運行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的html:(10):添加空格和hr的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： macbookpro bootcamp
- 下一篇： 冰点下载器手机版apk_冰点文库下载器a