昨天學習了幾個簡單的標籤,大家還記得嗎? 先來複習一下,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 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,大家有興趣的可以進羣交流一下。
|