HTML基礎——網站信息顯示頁面
阿新 • • 發佈：2017-08-15
大小寫 image 代碼 -- width ges 網站 title meta
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基礎——網站信息顯示頁面