# 轉載請留言聯系
-
一個HTML的基本結構如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
第一行是文檔聲明，第二行“<html>”標簽和最后一行“</html>”定義html文檔的整體，“<head>”標簽和“<body>”標簽是它的第一層子元素，“<head>”標簽里面負責對網頁進行一些設置以及定義標題，設置包括定義網頁的編碼格式，外鏈css樣式文件和javascript文件等，設置的內容不會顯示在網頁上，標題的內容會顯示在標題欄，“<body>”內編寫網頁上顯示的內容。
一個html文件就是一個網頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會按照標簽描述內容將文件渲染成網頁。
1.標簽
-
雙標簽和單標簽
# 雙標記/雙標簽
結構格式：
<標簽名 屬性名="屬性值" 屬性名="屬性值" ...>內容</標簽名>
注意：
一個雙標簽會兩部分，左邊叫開始標簽，右邊的結束標簽，結束標簽必須在標簽名左邊，有一個正斜杠 /例如：<p></p>
# 單標記/單標簽
結構格式：
<標簽名 屬性名="屬性值" 屬性名="屬性值" ... />
注意：
單標簽，最好在開始標簽的最后，有一個正斜杠。例如：<img />
-
標題標簽
<h1>標題</h1>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>標題1</h1> <h2>標題2</h2> <h3>標題3</h3> <h4>標題4</h4> <h5>標題5</h5> <h6>標題6</h6> <!--最多只有標題6，常用的只有1-4--> </body> </html>
-
段落標簽
<p>段落內容</p>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>我是段落1</p> <p>我是段落2</p> <p>我是段落3</p> </body> </html>
-
通用塊容器標簽，表示文檔中一塊內容，具有塊元素基本特性，沒有其他默認樣式
<div>內容</div>
-
換行標簽
<br/>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>我是第一段<br/>我是第二段<br/>我是第三段</p> </body> </html>
-
圖片標簽
<img src="路徑。可以是網上的鏈接路徑，也可以是本地路徑" alt='圖片加載失敗時顯示的文字' />
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="./images/123.jpg" alt="滑稽" /> </body> </html>
-
超鏈接標簽（a鏈接）
<a href="鏈接地址">鏈接顯示的文字或者圖片</a>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.baidu.com"><img src="./images/123.jpg"/></a> </body> </html>
注意：
1.鏈接地址一定要寫http://或者https://
2.src=" " ----> 刷新當前頁面
3.src="#" ----> 回到頁面的頂部
關於超鏈接標簽，還有一個很常用的東西。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="http://www.baidu.com" target="_blank">百度</a> #如果后面還有一個href='...'，只有前面的生效 <!--target 表示用戶點擊鏈接，打開的方式:--> <!--target的值是固定：--> <!--_self 在當前頁面中打開新的頁面[默認值]--> <!--_blank 在新建的瀏覽器窗口中打開新的頁面--> </body> </html>
-
div與span標簽
div常用於包含其他的標簽，用於表示，網頁的一整部分內容，也就是用於進行網頁的布局
span常用語包含其他的標簽或者普通文本內容，也是用於進行網頁的內容布局。
無意義標簽的本身，沒有任何其他的獨特屬性。
2.實體字符
| | 空白字符，一個空格 |
| < | 小於號 |
| > | 大於號 |