總想寫些什么梭域，但總感覺不知道要寫些什么斑举。
自己稍微整理了下，可能有點亂病涨，勿介意富玷。。没宾。哈哈哈凌彬！
可能會有遺漏，也可能不一定是對的循衰，歡迎指出錯誤铲敛。。会钝。
1：html是什么 css是什么js是什么伐蒋？
什么是 HTML？
HTML 指的是超文本標記語言(Hyper Text Markup Language)
什么是CSS 迁酸？
CSS 指層疊樣式表(Cascading Style Sheets)
什么是JS 先鱼？
Js指一種網(wǎng)頁的腳本語言（JavaScript）
如果將html，css奸鬓，js 通過房子來形象的展示出來焙畔，那么html就是房屋的框架結構（如房梁，地基等等）串远，CSS則是內(nèi)外的裝修的元素（如沙子宏多，水泥，染料等等）澡罚，js是則是門窗（人們通過門窗外界互動）…
如果把HTML比作舞臺伸但，CSS就是舞臺上的各種裝飾和道具，JavaScript則是劇本留搔，這三者結合更胖，再加上演員（即網(wǎng)頁上的實際內(nèi)容）的傾情演出，一臺大戲才有可能上演。
…
2：編程工具有哪些却妨，輔助工具又有哪些相關的饵逐？
俗話說，工欲善其事管呵，必利其器梳毙。則事達倍成也！
可能用到的（軟件）有：
作圖軟件：Phptoshop
作為一個前端者會這個總沒錯捐下，切圖，制作小元素都可以自己完成萌业。
編碼工具：notepad++坷襟，webstorm，Sublime Text 2
編碼工具有好多生年，各有各的優(yōu)點婴程，青菜蘿卜各有喜愛，找出一款符合自己用的編碼工具抱婉！
本人用sublime text ,青睞他一個特點是
你寫的代碼沒保存下來档叔，就關閉了軟件，當你再次打開軟件蒸绩，代碼依舊存在衙四。
其實我對webstorm也比較喜歡，因為軟件右側(cè)會完整的展示出整個文檔的結構患亿，一目了然传蹈。
版本控制工具：GIT，github等
一個完整的網(wǎng)站步藕，不是你一個人作戰(zhàn)惦界，它有設計師，前端人員咙冗，后端人員等等分工完成的沾歪。那么當我做完我自己這部分，如何整合其他同事做好的代碼呢雾消，那么必然需要有一些版本控制的系統(tǒng)工具出現(xiàn)灾搏。
調(diào)試工具：谷歌，火狐仪或，IE等等
通常做出的頁面都會在這幾個游覽器中看一下是否有什么錯的地方确镊，有什么BUG，然后再通過修改把這些BUG修復范删。通常都是通過審查元素（F12或者對著需要查看的元素右鍵找到審查元素的按鈕點擊下）來查看的蕾域。
查看手冊：w3c，mdn 谷歌，百度等等
在學習的路上旨巷，會遇上很多不懂的東西巨缘，那么需要百度，谷歌來搜索自己的疑惑采呐！
網(wǎng)頁的基本框架
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$(document).scroll(function(){
if($(document).scrollTop() > 150)
{
$(".header-fix").fadeIn();
}else{
$(".header-fix").fadeOut();
}
})
})
</script>
</head>
<body>
<div class="header" style="display: none;">
<div class="wrap">
<ul class="nav ">
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">SERVICES</a></li>
</ul>
<div class="logo"><a href="#"><img src="images/logo.png" alt=""></a> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE>
定義和用法
<!DOCTYPE> 聲明必須是HTML 文檔的第一行若锁，位于 <html> 標簽之前。
<!DOCTYPE> 聲明不是HTML 標簽斧吐；它是指示 web 瀏覽器關于頁面使用哪個HTML 版本進行編寫的指令又固。
…
提示：請始終向 HTML 文檔添加<!DOCTYPE> 聲明，這樣瀏覽器才能獲知文檔類型煤率。
<html>….</html>
定義和用法
此元素可告知瀏覽器其自身是一個 HTML 文檔仰冠。
<html> 與</html> 標簽限定了文檔的開始點和結束點，在它們之間是文檔的頭部和主體蝶糯。正如您所了解的那樣洋只，文檔的頭部由<head>標簽定義，而主體由<body>標簽定義昼捍。
<head>…<head>
定義和用法
<head> 標簽用于定義文檔的頭部识虚，它是所有頭部元素的容器。<head> 中的元素可以引用腳本妒茬、指示瀏覽器在哪里找到樣式表担锤、提供元信息等等。
文檔的頭部描述了文檔的各種屬性和信息郊闯，包括文檔的標題妻献、在Web 中的位置以及和其他文檔的關系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者团赁。
下面這些標簽可用在 head 部分：<base>, <link>, <meta>, <script>, <style>,
以及 <title>育拨，<title> 定義文檔的標題，它是head 部分中唯一必需的元素欢摄。
<title>..</title>
定義和用法
<title> 元素可定義文檔的標題熬丧。
瀏覽器會以特殊的方式來使用標題，并且通常把它放置在瀏覽器窗口的標題欄或狀態(tài)欄上怀挠。同樣析蝴，當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時，標題將成為該文檔鏈接的默認名稱绿淋。
如：
<title>好搜 —用好搜闷畸，特順手</title>
<meta>
定義和用法
<meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞吞滞。
如：
<meta name="keywords" content="好搜,360搜索,網(wǎng)頁搜索,視頻搜索,圖片搜索,音樂搜索,新聞搜索,軟件搜索,學術搜索">
<meta name="description" content="好搜是奇虎360公司推出的獨立搜索品牌佑菩，致力于為您提供更精準盾沫、更快捷、更安全的搜索服務殿漠。用好搜赴精，特順手。">
<link>
定義和用法
<link> 標簽定義文檔與外部資源的關系绞幌。
<link> 標簽最常見的用途是鏈接樣式表蕾哟。
<style>…<style>
定義和用法
<style> 標簽用于為HTML 文檔定義樣式信息。
在 style 中莲蜘，您可以規(guī)定在瀏覽器中如何呈現(xiàn)HTML 文檔谭确，style 元素位于head 部分中。
如：
<link rel="stylesheet"
href="css/style.css"> //指向外部CSS樣式表
<style type="text/css">//內(nèi)部編寫CSS樣式表
h1 {color: red}
p {color: blue}
</style>
<script>…</script>
定義和用法
<script> 標簽用于定義客戶端腳本菇夸，比如JavaScript琼富。
script 元素既可以包含腳本語句，也可以通過src 屬性指向外部腳本文件庄新。
如：
<script src="../jquery-1.11.3.min.js"></script> //外部引用
<script> //內(nèi)部編寫JS代碼
$(document).ready(function(){
$(document).scroll(function(){
if($(document).scrollTop() > 150)
{
$(".header-fix").fadeIn();
}else{
$(".header-fix").fadeOut();
}
})
})
</script>
<body>…<body>
定義和用法
body 元素定義文檔的主體。
body 元素包含文檔的所有內(nèi)容（比如文本薯鼠、超鏈接择诈、圖像、表格和列表等等出皇。）
如：
<body>
<div class="wrap">
<ul class="nav ">
<li><a href="">HOME</a></li>
</ul>
</div>
</body>
呼呼羞芍，百度了好多些內(nèi)容，然后添加進來不知不覺都1500+字了郊艘，但好像干貨不多耶：煽啤！
呼呼纱注，先寫這么多吧畏浆，下次是HTML然后CSS，再JS把狞贱。刻获。
