HTML網頁製作基礎第三彈



昨天學習了幾個簡單的標籤,大家還記得嗎?

先來複習一下,b標籤-粗體字顯示;p標籤-段落標籤;br標籤-換行標籤,還有兩個屬性bgcolor="頁面背景";align=“對其方式”;


那麼我們今天再來學習幾個與字體字號的標籤吧。

標題標籤

在HTML中提供了六級標題,<h1>最大,<h6>最小。咱們只要選擇其中一個就可以在瀏覽器中顯示。(標題標籤獨自佔據一行)


代碼示例:

<html>

  <head>

   <title>

        My Page

   </title>

  </head>

  <body>

    <h1>一級標題</h1>

    <h2>二級標題</h2>

    <h3>三級標題</h3>

    <h4>四級標題</h4>

    <h5>五級標題</h5>

    <h6>六級標題</h6>

</body>

</html>

效果顯示:


Font標籤

Font適用於控制網頁上文本的顯示外觀,文本的大小,字體類型和和顏色等屬性的。


僞代碼示例:

<font size="+2" color="red" face="隸書">

文本內容

</font>

其中size是用來設置字體的顯示大小的,可以設置的方位是1~7,color設置字體的顏色,face設置字體的類型。


代碼示例:

<html>

  <head>

   <title>

        My Page

   </title>

  </head>

  <body>

    <font size="+3" color="red" face="隸書">

         font設置字體相關屬性顯示

    </font>

</body>

</html>

效果顯示:


圖像標籤

文本標籤能夠使網頁的內容得到充實,那圖像就可以使網頁的內容更加豐富多彩。使圖像不僅可以使網頁更加的美觀、大方、整潔等,還能給網頁增添無限的生機,從而吸引更多的瀏覽者


圖像標籤的基本語法:

<img src="資源路徑"/>


代碼示例:

<html>

<head>

<title>My Page</tite>

<head>

<body>

這裏是圖像標籤;<br/>

<img src="picture.jpg"/>

</body>

</html>


效果顯示:


那麼今天的內容就到這裏吧!大家明天見,每天學習一點,每天進步一點。

聽雨創建了一個HTML基礎QQ交流羣:577919336,大家有興趣的可以進羣交流一下。   




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