HTML網頁製作基礎第二彈




HTML簡單標籤

昨天學習了一下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,大家有興趣的可以進羣交流一下。    







發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章