什么是HTML
- HTML是Hyper Text Markup Language的縮寫，即超文本標記語言。
HTML的作用
- HTML只有一個作用，就是用來給文本添加語義，HTML不會修改文本的樣式。
- HTML通過標簽來給文本添加語義，而且這些標簽不會在瀏覽器中顯示出來。
- 正是因為這些標簽是用來給其他文本添加語義，且不會在瀏覽器中顯示出來，所以我們稱這些文本為“超文本”，而這些文本又叫做標簽，所以HTML被稱作“超文本標記語言”。
HTML的基本框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我是網頁小標題</title>
</head>
<body>
</body>
</html>
DTD文檔聲明
格式
- <!DOCTYPE html>
作用
- 為了讓瀏覽器能夠正確的編譯/渲染/解析我們的網頁，我們需要在HTML文件的第一行就告訴瀏覽器，我們當前的網頁是用哪一個版本的HTML規范來編寫的， 瀏覽器只要知道了我們是用哪一個版本的規范來編寫之后, 它就能夠正確的編譯/解析/渲染我們的網頁。
注意事項
- <!DOCTYPE>聲明必須是 HTML 文檔的第一行，位于 <html> 標簽之前
- <!DOCTYPE> 聲明不是 HTML 標簽
- <!DOCTYPE> 聲明沒有結束標簽
- <!DOCTYPE> 聲明對大小寫不敏感
- 這個聲明瀏覽器會看, 但是并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認的處理機制，但是為了書寫規范，一律書寫。
- 由于HTML5是向下兼容的，所以都用HTML5類型的文檔聲明，即<!DOCTYPE html>。
html標簽
- 作用
- 用于告訴瀏覽器這是一個網頁, 也就是說告訴瀏覽器我是一個HTML文檔
- 注意點
- 其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結束標簽中間
head標簽
- 作用
- 指定網站的標題 / 指定網站的小圖片
- 添加網站的SEO相關的信息(指定網站的關鍵字/指定網站的描述信息)
- 外掛一些外部的css/js文件
- 添加一些瀏覽器適配相關的內容。
- 注意點
- 一般情況下, 寫在head標簽內部的內容都不會顯示給用戶查看, 也就是說一般情況下寫在head標簽內部的內容我們都看不到
metal標簽
- 作用
- 解決亂碼現象
- 注意點
- 在HTML文件中指定的字符集必須和保存這個文件的字符集一致, 否則還是會出現亂碼
- 所以僅僅指定字符集不一定能解決亂碼問題, 還需要保存文件的時候, 文件的保存格式必須和指定的字符集一致才能保證沒有亂碼問題
title標簽
- 作用
- 專門用于指定網站的標題, 并且這個指定的標題將來還會作為用戶保存網站的默認標題
- 注意點
- title標簽必須寫在head標簽里面
body標簽
- 作用
- 專門用于定義HTML文檔中需要顯示給用戶查看的內容(文字/圖片/音頻/視頻)
- 注意點
- 一定要將需要顯示的內容寫在body標簽里面。
- 一對html標簽中(一個html開始標簽和一個html結束標簽)只能有一對body標簽
