先說一下老徐剛開始學習html基礎的情景，開啟w3school**，找到html基礎教程，興致勃勃的準備從上到下乙個乙個的內容開始看起來，乙個字乙個字的看，十分投入，每看完一節內容就覺得有很大的收穫了，信心滿滿。看到第5節內容的時候，有點疲憊了，注意力不集中了，開始走神了。
此時我意識到不能光看內容，還是動起手來寫一寫，練一練，可以加深印象，至少不會走神了。
然後在**的示例裡開始新增一點自己學過的html標籤及相應屬性，執行之後看看效果有什麼變化。如果是按照自己想象來變化，那就說明自己對這個標籤已經有了深入的認識了，心裡會很高興，至少把學過的標籤能用到網頁中了。
接著又看了幾節內容，雖然在示例中也增加了自己要用到的標籤，同時也呈現了想要的效果，但此時心裡已經有些失落了，因為沒有乙個清晰的目標，只能做一點點示例，還不知道這樣的示例能在實際專案中有多大用處。接下來我就快速的學習剩下的內容了，基本就是看一看，也不動手調示例了，就這樣潦草的過了一遍html基礎教程，至少對學習的標籤有了一點印象。
老徐接下來就想我的目標是什麼，其實目標已經有明確了，就是自己能夠完整的編寫乙個網頁，那怕是乙個最簡單的網頁也好。那麼老徐就從網頁出發，看看乙個完整的網頁都需要哪些html標籤。
去網上隨便找幾個部落格的頁面（為什麼要找部落格的頁面，一、頁面簡潔，二、布局工整，三、簡單入手），檢視頁面源**，記錄一下都需要哪些標籤，然後把其他幾個頁面的標籤也都記錄下來，你會發現這幾個部落格的html標籤不多，但已經能夠做出乙個頁面了。
那麼乙個簡單頁面的html標籤有哪些呢，老徐記錄一下，大概有如下幾個：html，head，meta，title，link，script，style，body，div，p，h1~h6，span，a，img，ul，ol，li。
老徐心裡知道了，只要我能把這幾個標籤的作用弄明白了，就可以編寫出乙個最簡單的網頁了，心裡還有挺開心的。數了一下標籤，大概有20個左右，至少比那幾十上百的標籤要有目的性了吧。再來分析一下這幾個html標籤，其他有幾個是網頁固定需要的，比如html，head，meta，title，link，script，style，body，這幾個html標籤是網頁中必需的，最基礎的，也是最簡單的。除了這幾個標籤，剩下的也就10個左右的標籤了。意思就是把這剩下的10個左右的標籤的作用弄清楚了，再加強一下訓練，就可以寫出網頁了。
當然網頁裡肯定會涉及css的知識，這遍文章裡我們先不講css，只是先讓大家對網頁中經常用到的幾個html的標籤有所認識。同時也認識到乙個網頁只需要幾個標籤就可以了，並不是需要學習所有的html標籤，這樣學習的信心就會增強。還有一點就是帶著目標去學習，去練習。
頁面的框架思維，頁面結構是有共性的，大致分為頭部(頁面上面的部分，包括主標題、logo、導航等)、中間部分（有的分一列，有的分成二列，三列的不多）、尾部（包括關於、聯絡、外鏈、版權等資訊）。
下面是乙個最簡單的網頁結構，不要看它簡單，它是網頁的基礎結構，在此基礎上加上相應的變化就是你需要的網頁。
徐飛 老碼農的技術理想
小時候，老師問我，你的理想是什麼？我不假思索說是工程師，於是長大之後果然成了工程師。工作這麼多年，一直在思考工程師這三個字的意義，終於有一天恍然大悟，原來就是 用技術手段改進世界。那麼，在軟體方面，目前的世界有哪些問題需要解決呢？有這麼一些問題可以思考 我想說說自己對這幾個問題的理解。雖然現在我們的...
怎樣才能學好web前端
怎樣才能學好web前端，學習前端就好比如蓋房子 html就充當了房子結構這部分，也是房子的基礎。css呢，就好比咱們房子的裝修，牆面什麼顏色，什麼風格，什麼地板 這些給房子改變風格，樣式的，不管是web前端技術還是其他it技術也好，其實都是從零基礎開始的，你可以直接學習或者是通過相近經歷轉行。所以新...
大阪第47天 老徐也出字型了
我一直比較孤陋寡聞，老徐都出字型這麼久了現在知道，和那個中國第一瘋狂追星女fans楊麗娟相比，我這對明星僅僅是欣賞罷了。其實老徐演的電影倒還不錯，導演的電影一般，那自導自演的一封陌生女人的來信，怎麼看怎麼不懂，不知道要表達個什麼實際意義。剛上大一的時候，大家都說徐靜蕾是中老年的偶像，那個時候我就懷疑...