標籤:注釋 部分 set images bsp 世界 ace 技術分享 屬性
1、文法和規範
HTML檔案都是以.html或者.htm結尾的。建議使用.html結尾。
HTML檔案分為頭部分(<head></head>)和體部分(<body></body>)
HTML標籤都是由開始標籤和結束標籤組成。(<hr />)
HTML標籤不區分大小寫,建議使用小寫。
2、HTML相關標籤學習
2.1標題標籤
標題標籤使用<hn />,n從1到6字型大小逐漸層小
特點:加粗加黑,單獨佔用一行,與其他行有一定行間距
注釋:<!--注釋內容-->
2.2水平線標籤
水平線標籤 <hr />
2.3段落標籤
段落標籤<p></p>
2.4字型標籤
字型標籤<font></font>
屬性:size:指定內容的大小
color:指定內容的顏色
face:指定內容的字型
加粗:<b></b>
斜體:<i></i>
底線:<u></u>
注意:HBuilder同樣支援Alt+/自動輸出提示。
3、在HBuilder中建立HTML檔案,命名為網站資訊顯示頁面,代碼如下:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>網站資訊顯示頁面</title> 6 </head> 7 <body> 8 <!--1.建立一個標題標籤--> 9 <h2>皮囊師</h2>10 11 <!--2.建立一條水平線標籤-->12 <hr />13 14 <!--3.分別建立段落標籤-->15 <p>16 <font color="red">演皮影戲的師傅</font>正弓著背在一張矮桌子上修補壞了的皮影。他的手邊有好多皮影,有紅有綠,有男有女,有兔有馬,彷彿一個完整的世界。而他,就是那個世界的造物主。 17 </p>18 19 <p> 20 世人皆知<b>皮囊師</b>,而很少聽說<i>操控師</i>,是因為絕大部分人只注重容顏,而不注重行為舉止。皮囊師興盛於皇城,尤其後宮,操控師也興盛於皇城,但在後宮不如皮囊師受歡迎。只有少數皇帝的嬪妃知道,容顏只能引起皇帝的注意,但那隻是一時之興,而行為舉止才能讓皇帝處久不厭。於是,宮中出現了一種女官,名為司儀,授九品銜。司儀專門教宮中女人舉止儀態,後來又教一些關係親密的嬪妃如何勾引皇帝,讓皇帝戀戀不捨,儘可能多地逗留。21 </p>22 23 </body>24 </html>
儲存檔案,點擊在瀏覽器內運行,效果如下:
HTML基礎——網站資訊顯示頁面