web前端專題：day1--HTML初識
一，擴充套件
1，谷歌瀏覽器控制檯除錯程式：
滑鼠右鍵-->檢查-->console控制檯
2，sublime擴充套件
1，建立檔案方式
1）雙擊標題欄，ctrl+s儲存
2）ctrl+n新建檔案
3）左側欄資料夾上滑鼠右鍵-->新建檔案（推薦使用）
4）選單欄選擇檔案-->新建檔案-->ctrl+s儲存
2，sublime快捷鍵
ctrl+k+b 顯示隱藏側邊欄
ctrl+回車 換行
ctrl+shift+回車 換行到上一行
二，HTML初識
1，什麼是純文字
只有文字，沒有樣式
office中的word或者ppt都不是純文字，因為他們可以記錄樣式
html，css，JavaScript等都是純文字，他們佔用記憶體小，便於傳輸
特點：
1）只有文字，沒有樣式
2）純文字編輯器可讀，系統純文字編輯器，sublime和程式設計編譯器可讀
2，HTML是負責描述文字語義的語言
HTML全稱：HyperText Markup Language 超文字標記語言
.html是HTML檔案的字尾名
HTML通過標籤對給文字新增語義
HTML只能給文字新增語義，別的什麼都做不了
業界的標準：
HTML 負責文件的語義結構
CSS 負責文字的樣式
JS 負責頁面的行為動作
3，HTML骨架和基本語法
html4.01之前的骨架 html:xt tab鍵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Document</title>
</head>
<body>
顯示給使用者的內容
</body>
</html>
//head標籤中，描述網頁的配置資訊
//body中的內容才是使用者看的見的內容
//DocType Definition 文件頭宣告，簡稱DTD
//W3c是做出web規範的機構
//DTD作用：告訴瀏覽器這是一個什麼型別的文件4，基本語法
標籤對
element 元素
<element attribute='value'></element>
<元素名 屬性名=‘屬性值’>內容</元素名>
HTML5的基本骨架
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Document</title>
</head>
<body>
展示給使用者的內容
</body>
</html>
//charset='utf-8' 設定字符集
//常見的字符集：utf-8 gbk gb2312閉合標籤，雙標籤
閉合標籤是成對出現的，包含開始標籤和結束標籤，內容前面的尖括號是開始標籤，帶有斜槓的是結束標籤
自閉合標籤，單標籤
有些標籤沒有內容，此時閉合標籤就顯得沒有必要，所以從開始標籤中就把他結束，這樣就形成了自閉合標籤
html5中對於標籤的書寫規則是寬泛的，大小寫不敏感，閉合標籤沒有閉合也不會報錯
但是h5中推薦使用小寫，閉合標籤一定要閉合
元素：標籤+內容
html中有父元素和子元素，他們是包含關係，例如：html是head的父元素，head和body是兄弟關係
屬性：元素可以加屬性，用屬性更準確的控制元素的顯示
ps：屬性需要加引號