HTML入門學習總結

本週結束了大衆點評的製做，主要是一個不斷熟悉的過程，中間遇到的許多問題以前都經遇到過而且合理解決，準備進入下一階段學習，這篇博客主要是整理了一下製做過程當中的思考

思考感悟

1. 學同樣東西，要勇於犯錯而且儘可能作到不貳過
2. 應用性強，練了纔能有收穫
3. 碰見問題的解決思路：是否保存->文件名->瀏覽器選擇->控制檯
4. 注意註釋與格式
5. 多思考，多積累

6. 從不一樣的角度思考問題，好比：

   1. 在用盒子模型的時候盒子模型的位置，既能夠直接調整盒子的位置，也能夠改變盒子以外的盒子的屬性，還能夠改變盒子內部的屬性
   2. 排版的時候不要侷限於列與行的固定形式，靈活一點
   3. 靈活的前提是遵照container還有row等的格式，具體目標參見「從心所欲不逾矩」
7. 多練就完了（這不是須要天分的東西，不會的就練就能學會）
8. 開始學的時候，看到別人很簡單的操做本身卻長時間學不會，很正常，一步一步來。不要跳過步驟

HTML

1. 一項基本的語法，很重要，屬於基礎
2. 學習的時候我認爲的最簡單的辦法就是看一步練一步
3. 有一種成對的思想，成塊的概念，添加屬性的思惟，靈活應對的愉悅

4. 在寫輪播圖的時候發現了<article>標籤,雖然最終的效果並無用article實現，可是瞭解到了一些知識點

   1. 咱們理解<article>的方法與<div>相似，同理的還有<section>
   2. <div>做爲佈局以及樣式化的使用，自己無任何意義
   3. <section>表示節，通常具備標題，主題性的內容，適用
   4. article表示獨立的自包含內容，表明一個獨立的、完整的相關內容塊。如：一篇文章。文章中可包含標題、內容、腳註。
   5. 推薦按照具體的內容分配來寫，能夠方便整理思路
   6. <article> 標籤訂義獨立的內容。
   7. <article> 標籤訂義的內容自己必須是有意義的且必須是獨立於文檔的其他部分。

5. 內聯SVG（可伸縮矢量圖形 Scalable Vector Graphics)

   1. SVG是矢量圖，咱們能夠引用它來添加圖片
   2. 咱們能夠在網上找URL進行直接引用
   3. 使用方法與圖片同樣用img標籤
   4. 不會隨着圖片的分辨率而改變，放大不少倍以後依然是成形圖形（對比位圖圖像，由點像素組成放大不少以後就會出現細細的像素顆粒）
   5. 由函數肯定，所以致使了上面的4

Bootstrap

1. container的使用要廣泛與靈活（在一個想要使用bootstrap的文檔裏面，必需要引用）

2. 對於bootstrap 的引用格式要規範，包括頭文件的引用，具體框架的複製粘貼也要一點不差

   1. 遇到過不一樣版本的bootstrap引用不一樣，致使效果消失
   2. 引用的頭文件不足致使沒法實現效果
   3. 由於對於js的瞭解不足，因此咱們要嚴格遵照框架的語法
   4. 對於框架的操做，屢次嘗試就能實現效果
3. 咱們須要的是用這個而不是學這個，因此只有瞭解他的功能才能靈活的運用它
4. 效果實現不了的時候，瀏覽器的問題也佔很大一部分，推薦火狐、谷歌換着驗證

Css

1. 把屬性的想法理解透，學習css就是爲了按照需求給元素添加屬性
2. 背景的使用就用手電筒去照一面牆上的圖畫，照到的地方就是咱們須要表現出來的地方

1. css最重要的就是盒子模型，要不斷地去學習掌握（靈活運用的效果很好玩）

版權聲明

本文保留全部權利，版權歸河北工業大學夢雲智軟件開發團隊全部。未經團隊及做者事先書面贊成，您不得以任何方式將本文內容進行商業性使用或經過信息網絡傳播本文內容。本文做者：溫宇航