总想写些什么，但总感觉不知道要写些什么。
自己稍微整理了下，可能有点乱，勿介意。。。哈哈哈！
可能会有遗漏，也可能不一定是对的，欢迎指出错误。。。
1：html是什么 css是什么js是什么？
什么是 HTML？
HTML 指的是超文本标记语言(Hyper Text Markup Language)
什么是CSS ？
CSS 指层叠样式表(Cascading Style Sheets)
什么是JS ？
Js指一种网页的脚本语言（JavaScript）
如果将html，css，js 通过房子来形象的展示出来，那么html就是房屋的框架结构（如房梁，地基等等），CSS则是内外的装修的元素（如沙子，水泥，染料等等），js是则是门窗（人们通过门窗外界互动）…
如果把HTML比作舞台，CSS就是舞台上的各种装饰和道具，JavaScript则是剧本，这三者结合，再加上演员（即网页上的实际内容）的倾情演出，一台大戏才有可能上演。
…
2：编程工具有哪些，辅助工具又有哪些相关的？
俗话说，工欲善其事，必利其器。则事达倍成也！
可能用到的（软件）有：
作图软件：Phptoshop
作为一个前端者会这个总没错，切图，制作小元素都可以自己完成。
编码工具：notepad++，webstorm，Sublime Text 2
编码工具有好多，各有各的优点，青菜萝卜各有喜爱，找出一款符合自己用的编码工具！
本人用sublime text ,青睐他一个特点是
你写的代码没保存下来，就关闭了软件，当你再次打开软件，代码依旧存在。
其实我对webstorm也比较喜欢，因为软件右侧会完整的展示出整个文档的结构，一目了然。
版本控制工具：GIT，github等
一个完整的网站，不是你一个人作战，它有设计师，前端人员，后端人员等等分工完成的。那么当我做完我自己这部分，如何整合其他同事做好的代码呢，那么必然需要有一些版本控制的系统工具出现。
调试工具：谷歌，火狐，IE等等
通常做出的页面都会在这几个游览器中看一下是否有什么错的地方，有什么BUG，然后再通过修改把这些BUG修复。通常都是通过审查元素（F12或者对着需要查看的元素右键找到审查元素的按钮点击下）来查看的。
查看手册：w3c，mdn 谷歌，百度等等
在学习的路上，会遇上很多不懂的东西，那么需要百度，谷歌来搜索自己的疑惑！
网页的基本框架
<!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 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>,
以及 <title>，<title> 定义文档的标题，它是head 部分中唯一必需的元素。
<title>..</title>
定义和用法
<title> 元素可定义文档的标题。
浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。
如：
<title>好搜 —用好搜，特顺手</title>
<meta>
定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
如：
<meta name="keywords" content="好搜,360搜索,网页搜索,视频搜索,图片搜索,音乐搜索,新闻搜索,软件搜索,学术搜索">
<meta name="description" content="好搜是奇虎360公司推出的独立搜索品牌，致力于为您提供更精准、更快捷、更安全的搜索服务。用好搜，特顺手。">
<link>
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<style>…<style>
定义和用法
<style> 标签用于为HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现HTML 文档，style 元素位于head 部分中。
如：
<link rel="stylesheet"
href="css/style.css"> //指向外部CSS样式表
<style type="text/css">//内部编写CSS样式表
h1 {color: red}
p {color: blue}
</style>
<script>…</script>
定义和用法
<script> 标签用于定义客户端脚本，比如JavaScript。
script 元素既可以包含脚本语句，也可以通过src 属性指向外部脚本文件。
如：
<script src="../jquery-1.11.3.min.js"></script> //外部引用
<script> //内部编写JS代码
$(document).ready(function(){
$(document).scroll(function(){
if($(document).scrollTop() > 150)
{
$(".header-fix").fadeIn();
}else{
$(".header-fix").fadeOut();
}
})
})
</script>
<body>…<body>
定义和用法
body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
如：
<body>
<div class="wrap">
<ul class="nav ">
<li><a href="">HOME</a></li>
</ul>
</div>
</body>
呼呼，百度了好多些内容，然后添加进来不知不觉都1500+字了，但好像干货不多耶！！
呼呼，先写这么多吧，下次是HTML然后CSS，再JS把。。
网友评论