1. 程式人生 > >html整理,常用標籤

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>

11、<u>下劃線標籤</u>: 也屬於文字格式化標籤

12、<br />:  換行標籤,是一個單標籤