HTML
HTML（超文本標記語言——HyperText Markup Language）是構成 Web 世界的一磚一瓦。它定義了網頁內容的含義和結構。除 HTML 以外的其它技術則通常用來描述一個網頁的表現與展示效果（如 CSS），或功能與行為（如 JavaScript）。
萬維網聯盟
1.萬維網聯盟World Wid Web Consortium
2.W3C專門為了定義網頁的標準而成立
3.W3C定義了網頁中的HTML、CSS、DOM、HTTP、XML等標準。
超文本
“超文本”是指在單個網站內或網站之間將網頁彼此連接的鏈接。鏈接是網絡的基礎。只要將內容上傳到互聯網，并將其與他人創建的頁面相鏈接，你就成為了萬維網的積極參與者。
簡單的HTML文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>網頁標題</title>
</head>
<body>
<h1>網頁正文</h1>
</body>
</html>
標簽
- HTML中的標記指的就是標簽
- HTML使用標記標簽來描述網頁
- 結構:
<標簽名> 標簽內容 </標簽名>
<標簽名/>
元素
我們還可以將一個完整的標簽稱為元素
這里我們可以將元素和標簽認為是同義詞。
<h1>一級標題</h1>上邊的h1我們稱為元素
<p>我是一個<em>段落</em></p>-
p也是一個元素，em是p的子元素，p是em的父元素。
<body> <p><em>內容</em></p> <body> body也是一個元素。
body是p和em的祖先元素
p和em是body的后代元素
屬性
可以通過HTML標簽設置屬性
通過屬性為HTML元素提供附加信息。
屬性需要設置在開始標簽或字節數標簽中
屬性總是一名稱/值對的形式出現
比如: name = "value"
-
有些屬性可以是任意值，有些則必須是指定值
<h1 title="我是一個標題"> 標題</h1> <img src ="" alt=""/>
常見屬性
- id
id屬性作為標簽的唯一識別，在同一個網頁中不能出現相同的id屬性值。 - class
class屬性是用來為標簽分組,擁有相同class屬性的標簽我們認為就是一組,可以出現相同的class屬性,可以為一個元素指定多個class。 - title
title屬性用來指定標簽的標題，制定title以后，鼠標移入到元素上方是，會出現提示文字。
注釋
HTML注釋中的內容不會在網頁中顯示。
-
格式:
<!--注釋內容-- > 合理的使用注釋可以幫助開發人員理解網頁的代碼。
注釋不能嵌套！
html5
*文檔聲明
<!DOCTYPE html>
編碼問題
- 在計算機的內部，文件都是以二進制編碼保存的。
- 所謂的二進制編碼就是1和0，也就是我們的所有內容都需要轉換為1和0。
- 中國倆個字在計算機的底層保存的可能要轉換為10100101這種二進制碼，這一過程稱為編碼。
- 計算機在讀取文件是需要將101000101在轉換為中文給我們顯示這一過程稱為解碼。
字符集
- 這就給我們帶來一個問題，中國到底是10100101還是01011010到底有誰說的算。
- 所以我們還需要一個稱為字符集，字符集規定了如何將文本轉換為二進制編碼。
- 常見的字符集:ASKLL、ISO8859-1、GBK、GB2312、UTF-8。
亂碼
- 如果我們保存文件是使用的是utf-8進行編碼，而瀏覽器讀取頁面中的內容不能正常顯示，也就是我們說的亂碼。
- 所以我們只需要同意兩者使用的字符集就可以解決亂碼問題。
- 這里為了頁面有更好的實用性， 我們一把使用utf-8。
解決亂碼
-
保存文件的編碼我們直接通過編輯器即可指定，接下來就是要告訴瀏覽器是用什么字符集去解析文件。
在html5中只需使用meta標簽即可完成這個任務<meta charset="utf-8"/>
<meta>
- 作用:
-<meta>標簽可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞。
