<!DOCTYPE html> //指定文檔的類型,為html類型
<html> //開始标簽,對應結束标簽
<head> //html必備标簽,表示頭部
<title> //設定網頁标題,最後顯示在浏覽器的頭部
</title>
<meta charset="utf-8" /> //定義字元集,utf-8 解釋中文亂碼
</head>
<body> //html必備标簽,表示身體
</body>
</html>
1、 <!-- -->:寫注釋的快捷鍵,或者是注釋掉一部分内容,用ctrl+/ 。 并注意浏覽器隻解釋标簽,不解釋注釋裡面的。 寫注釋的好處就是提高代碼的可讀性
2、<h1>~<h6> </h1>~</h6> : 标題标簽 其中可以以 屬性名=“屬性值”的方式設定标題樣式,<h1 align="center" > 标題 </h1> align="center" 用來設定對齊方式,居中對齊
3、<p>段落标簽</p> : 每一個段落之間會空一行,段落裡面會有很多的嵌套
4、<em>斜體</em>: 斜體的運用不廣泛,但是有的時候必須要,em為斜體的标簽元素
5、<strong>加粗</strong>: 加粗很常見,有的時候加粗的文字不一定是标題,有的可能就是直接加粗
6、<font color="red" size="7" face="微軟雅黑">字型标簽</font>: 可以設定字型的顔色。大小:1到7,數字越大,字型越大。還可以設定字型的系列樣式,例子用的微軟雅黑
7、<hr />: 水準線,橫線,它就是一條直線,并且它是一個單标簽
8、<img src="" alt="" width="" height="" />: 單标簽,src指定圖檔的路徑。alt圖檔資源路徑沒用時,替代的文本。width和height用來設定圖檔的寬度和高度
9、<a href="index.html" target="_blank" >超連結</a>: href設定跳轉頁面的路徑。 target設定視窗的打開方式,是重新開一個頁面打開,還是就在原來的頁面上打開
10、錨點:分為同一個頁面的錨點和不同頁面的錨點,同一個頁面的錨點:<a name="top">頂部</a> 此處省略無數個換行 <a href="#top">回到頂部</a>
不同頁面的錨點:<a name="top">頂部</a> <a href="index.html#top">回到頂部</a>