開發工具

Hbulider webstrom subline dreamweaver

客戶端

瀏覽器 app 移動設備 pc

網頁的拓展名

.html

常見的快捷鍵

Ctrl+A 全選 ctrl+c 復制 ctrl+v粘貼 ctrl+x 剪切 ctrl+s 保存 ctrl+z撤銷

Ctrl+? 是編輯器的註釋

命名規則

英文，數字，_ 可以是a2 但是不能是2a，盡量區分大小寫。

單標簽和雙標簽

雙標簽: 有開始和結束標簽的叫雙標簽

單標簽: 沒有結束標簽的，自己就能閉合的。(空標簽)

內容 ：圖片和文字

結構上: 一個模塊一個模塊。

1.標題標簽 <h1></h1> -----> <h6></h6> 字體逐漸變小 共6個標簽

2.段落標簽 <p></p>

3.<br/> 換行標簽

4.<hr/> 分割線標簽

5.超鏈接標簽 <a></a> 他有一個可以跳轉的功能。這個功能是他的一個叫href 的屬性提供的。

6.<img /> Src 是img的一個屬性(請求資源) 後面的屬性值是資源的地址。

圖片和項目放在一個文件夾下。然後去看.html 和存放圖片的文件夾是什麽關系。主要就是./ 和 ../ ./代表當前目錄 ../ 代表上一級目錄。

7.無序列表 ul>li

默認的項目符號是實心圓，通過type屬性修改項目符號circle空心圓 disc是默認的實心圓，square 是方形。

8.有序列表 ol>li

默認前面的序列是 1 2 3 4，也是通過type屬性修改序列形式。

備註 ctrl+？是註釋的快捷鍵 html語言中的註釋是<!-- 註釋的內容 -->

一個優秀的程序員，註釋代碼比編寫代碼還多。註釋就是為了思路清晰，代碼有層次感。

8.20 隨堂筆記