這個是我在雲栖社群第一次發部落格，不明白為啥子有些編輯排版無法正常使用，有點小失落，比方說這個：
<html>
<head>
<meta charset="UTF-8"/>
<title>《HTML 入門與實戰》課程筆記</title>
</head>
<body>
<h2>課程目錄:</h2>
<h3>第一章/web基礎</h3>
<ul>
<li>課時1：常見浏覽器</li>
<li>課時2：浏覽器核心</li>
<li>課時3：web标準</li>
</ul>
<h3>第二章/html入門</h3>
<ul>
<li>課時4：html初識</li>
<li>課時5：html骨架</li>
<li>課時6：我的第一個頁面及其标簽簡介</li>
<li>課時7：豬八戒版骨架</li>
<li>課時8：什麼是标簽及其分類</li>
<li>課時9：标簽嵌套和并列關系</li>
<li>課時10：簡單小測試</li>
<li>課時11：開發工具sublime</li>
<li>課時12：sublime生成html骨架</li>
<li>課時13：doctype文檔類型</li>
<li>課時14：字元集簡介</li>
<li>課時15：标簽的語義化及标題标簽</li>
<li>課時16：段落标簽和水準線标簽</li>
<li>課時17：課堂案例-新聞頁面</li>
<li>課時18：換行和div span标簽</li>
<li>課時19：文本格式化标簽</li>
<li>課時20：标簽屬性</li>
<li>課時21：圖像标簽</li>
<li>課時22：連結标簽</li>
<li>課時23：錨點定位</li>
<li>課時24：base标簽</li>
<li>課時25：特殊字元</li>
<li>課時26：注釋标簽</li>
<li>課時27：相對路徑一</li>
<li>課時28：相對路徑二<li>
<li>課時29：無序清單的使用</li>
<li>課時30：無序清單注意事項</li>
<li>課時31：有序清單</li>
<li>課時33：自定義清單</li>
</ul>
</body>
</html> 相關筆記：
1-1常見的浏覽器：ie、chrome、Safari、opera、firefox（代碼是經過浏覽器核心渲染展示出來的界面）
1-2浏覽器核心：渲染引擎，js引擎
- IE：trident
- firefox：trident
- Safari：gecko
- chrom：blink
- opera：presto
HTML 入門與實戰
1-3WEB标準：w3c标準制定/結構，表現，行為（html結構、css樣式、js行為）
- html結構：使内容更清晰，有邏輯性
- css表現：用于修飾内容的樣式
- js行為：内容的互動及行為效果
HTML 入門與實戰
1-4初識html：html是什麼？超文本标記語言，展示網頁元素，圖檔，文本，連結等！換而言之，用文本标記的帶有特殊字元的标簽
1-5html骨架html文法格式
<head>
<title></title>
</head>
<body></body>
</html> 1-6第一個頁面及其标簽簡介
1-7豬八戒版骨架記憶法
1-8什麼是标簽及其分類，網頁組成元素，通過代碼展示出來的，代碼标簽分為單标簽和雙标簽；标簽包裹元素，通過浏覽器核心渲染展示（strat tag）開始标簽，結束标簽（end tag）
1-9标簽的嵌套和并列關系：父子關系
1-10簡單小測試：總結/如果2個标簽之間是嵌套關系，子元素身縮進一個table鍵/并列關系
1-11開發工具：sublime文藝範，dw，hx、wb
1-12sublime生成html架構：通過！或者html:5，然後table鍵
1-13doctype文檔類型/本課程h5
1-14字元集簡介
- gb2312簡體中文，6763漢字
- BIG5繁體中文，港澳台等用
- GBK簡繁
-
utf-8包含所有
1-15标簽語義化及标題标簽/标簽的含義：排版标簽，文本，圖像，連結，排版标簽用來網頁布局，有标題，段落
1-16段落和水準線
1-17課堂案例-新聞頁面
1-18換行和div及span标簽
1-19文本格式化标簽
1-20标簽的屬性，屬性就是特征
1-21圖像标簽
1-22連結标簽
1-23錨點定位
1-24base标簽base可以設定整體連結的打開狀态
1-25特殊字元
1-26注釋标簽
1-27相對路徑一
1-28相對路徑二
相對路徑/絕對路徑總結：
- html與圖檔同一個檔案夾 time.jpg
- html下一級圖檔，中間隔一層 images/time.jpg
- html上一級圖檔/先翻出來 ../images/time.jpg 如果有多個層，前面添加../
- 絕對路徑，分為本地圖檔和網絡圖檔，本地，從盤符開始算起，比方：C:UsersAdministratorDesktop建立檔案夾 網絡圖檔類似這樣 https://yqfile.alicdn.com/dfb80b22c483698f031f2e5859e9335b.png
id，class複制圖檔位址
1-29無序清單的使用：
1-30無序清單的注意事項：
1-31有序清單：
1-32四大名著案例
1-33自定義清單：
結尾：本課程學習來源
https://edu.aliyun.com/course/1742感覺分享還不錯話，留個贊再走吧，畢竟碼字分享不易！