java零基礎到項目實戰第一節課:HTML初識

寫在前面：java作為一門世界級編程語言金字塔頂尖的語言。需要大量的練習、練習、練習來鞏固自己所獲得的知識。冰凍三尺非一日之寒，希望大家在學習java的日子裡一定一定要堅持不懈，嚴格要求。多練，多問，多百度。祝大家早日成為一名優秀的軟體工程師！

文章摘要：這篇文章將給大家展現一個大致的html的世界，讓大家心裡對一個大致的方向以及格式有一個較為大概的了解，內容中可能會出現較為深入的代碼知識，不必驚慌，這些代碼知識以後都會持續在文中講解，想要學習請持續關注我的文章。

html初識：首先，推薦大家2個比較好用的寫html頁面的軟體，editplus和sublime ,在這裡，我將使用sublime作為html開發軟體來給大家進行代碼的展示。特別提醒一下，不要使用一些非常強大的專業工具來幫助實現html代碼，不要依賴自動提示，這樣對初期沒有基礎的人來講是一種災難！

在這裡，有些同學可能會想找前端的工作，或者說剛接觸這行不久對方向有比較大的一個迷茫的區域，那麼，如果想要找到前端的工作。以下這些知識必須要學到一個比較精通的程度：

1.html + div + css:

這是基礎，不必多說。

2.Html5 + css3:

目前最流行的前端頁面技術，除了IE6、7、8以外，IE9及很多瀏覽器已經對h5+css3 有很好的技術支持，css3的出現替代了很多的圖片以及特效，許多效果是JS所難以實現的，我舉個例子：

這是一段普通的一個按鈕的代碼，加了一些普通的css樣式，最後結果如下：

這一段加上了h5和css3的樣式，最後效果如下：

這樣給客戶的感覺是不是要比第一種普通的好很多呢？自己看著也舒服。

H5給我們增加了很多語義化的標籤，包括selection,nav,article,foot,head等，還對媒體標籤進行了擴增，最重要的是增入了畫布（canvas），svg等效果非常酷炫的一套代碼。但是canvas和svg對JS的要求非常高，甚至會應用到很多的設計模式以及演算法。

3.JS

JS是前端中的一個非常重要的語言，全稱是JavaScript ，同時，也是前端中一個比較難以掌握的語言，JS甚至已經單獨作為一門語言榮登了2017年世界編程語言排行榜的第七名（此處應有掌聲），有些有基礎的同學可能會問，那JQ呢？JQ只是JS的一個封裝的框架而已，會了JS，JQ自然而然就會了。我會在後續的文章中一點一點的把我這十幾年來所感悟到的JS知識毫無保留的全部輸送給大家。

轉發分享是一種美德