昨天學習了一下HTML的基本概念和基本結構,相信大家都已經嘗試過了。是不是在瀏覽器中顯示了自己的第一個網頁.是不是感覺很新奇,原來網頁就是由這些標籤所組成的。那麼我們今天就來學習幾個新的標籤!
首先我們昨天不是講過body 標籤嗎,body標籤中的內容都是會顯示在瀏覽器中,那麼我們就可以改變瀏覽器的背景顏色,通過在body內設置bgcolor屬性就可以修改瀏覽器的背景顏色。
完整代碼示例:
<html>
<head>
<title>
My First page 聽雨
</title>
</head>
<body bgcolor="yellow">
Hello word MyPage 歡迎大家
</body>
</html>
效果圖顯示:
學過頁面背景顏色標籤之後我們再來學習一個文字標籤,b 標籤 。之前我也講過一般來說所有的標籤都是由頭標籤和尾標籤組成,那麼 b 標籤同樣如此,例子:<b>.....</b> 在b標籤中的內容同樣是會顯示在網頁中的,那麼我們來看一下在網頁中顯示是什麼樣的一個效果吧。
完整代碼示例:
<html>
<head>
<title>
My First page 聽雨
</title>
</head>
<body bgcolor="yellow">
Hello word MyPage 歡迎大家
這裏是瀏覽器的默認字體顯示效果
<b>這裏是經過b標籤修飾過的字體</b>
</body>
</html>
效果圖:
這樣大家是不是有了一個很明顯的對比效果,發現經過b標籤修飾過的字都是加粗顯示了。所以b標籤就是將字體進行加粗顯示。
而相反的還有將字體縮小顯示的標籤small標籤,使用方式同b標籤一樣,<small>字體會縮小顯示</small>,大家可以自行嘗試。
p標籤是用來創建一個段落的標籤,在此標籤之間的內容在瀏覽器中會以段落的形式顯示出來。p標籤還有align屬性可以用來設置文字的對齊方式。
如:<p align=“參數”></p> align的參數可以是left(左對齊),center(居中),Right(右對齊)三個值中的任意一個。
代碼段:
<p align="left">這裏是左對齊</p>
<p align="center">這裏是居中顯示</p>
<p align="right>這裏是右對齊</p>
效果圖:
下面我們再來學習今天的最後一個標籤也是一個特殊的標籤,之前我這邊就講過一般標籤都是由頭標籤和尾標籤組成,那麼既然是一般的情況,就會有不一般的情況;例如<br/>標籤,br是一個簡單的單標記標籤,它既是開始也是結束。
代碼段實例:
牀前明月光<br>
疑是地上霜</br>
舉頭望明月<br/>
低頭思故鄉
效果圖:
那麼今天的內容就到這裏吧!大家明天見,每天學習一點,每天進步一點。
今天聽雨創建了一個HTML基礎交流羣:577919336,大家有興趣的可以進羣交流一下。