天天看點

html整理,常用标簽

<!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>