前端笔记之html（二）

首先声明，拒绝转发，所有观点仅为个人观点。

五一过后的第一天，继续坚持写笔记~我在外面报的班，还是想和大家分享一下自己的经验和感受，如果有兴趣想听这个课的话可以加我qq：8244812或者微信：a15611851268向我要课程，不是免费的，当时学的时候花了大概1万5，因为刚学完，所以这些资料都是我自己辛辛苦苦整理出来的，所以不是免费的

直接进入正题：今天先来分享一波学习资料的网站！

介绍一些我找到的有用的学习网站：

● w3school 在线教程       http://www.w3school.com.cn/
● 菜鸟教程                http://www.runoob.com/
● 脚本之家                http://www.jb51.net/
● 博客园                  http://www.cnblogs.com/
● 优快云博客                http://www.youkuaiyun.com/?ref=toolbar
● 慕课网                  http://www.imooc.com/
● jQuery             http://jqweui.com/
● 前端开发博客             http://caibaojian.com/

● 还有一些学习资料，我在外面报的班，肯定不能免费给，如果愿意意思一下的话，可以加我qq：8244812（非诚勿扰！）

其他网站：

● Linux公社                http://www.linuxidc.com/index.htm
● 千图网                   http://www.58pic.com
● 花瓣网                   http://www.huaban.com
● Bootstrap中文站          http://www.bootcss.com
● Bootstrap英文站          http://www.getbootstrap.com
● Lufylegend游戏引擎        http://www.lufylegend.com
● Jquery在线手册            http://jquery.cuishifeng.cn
● 认识webGL                 http://www.jj51.com/
● 好例子网                http://www.haolizi.net/example/view_8913.html

浏览器：

Google Chrome 浏览器  占浏览器市场的22%、  IETester  测试工具

 Mozilla Firefox 火狐浏览器、搜狗浏览器、猎豹浏览器、UC浏览器、百度浏览器、QQ浏览器、Opera浏览器（360浏览器最好用破解版，广告太多）

我们开发一个网站的时候，大概是以下流程：
业务员/产品经理   ==>   跑业务
设计师           ==>   设计一个图片。
前端工程师        ==>   把设计稿做成一个静态的网页。

后台程序员        ==>   把静态的网页动态化。

再推荐个打代码的软件~

Sublime Text 3（官网下载即可）

研究了好长时间一直不知道快捷键是什么，后来查了查才知道，让我们看一眼吧~

● Ctrl+G：跳转到第几行
● Ctrl+Shift+V：粘贴并缩进
● Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本
● Ctrl+J 合并选中的多行代码为一行
● Ctrl+L 选中整行，继续操作则继续选择下一行
● Ctrl+Shift+Enter 在上一行插入新行
● Ctrl+X：删除当前行
● Ctrl+Shift+F：查找并替换
● Ctrl+M 光标移动至括号内结束或开始的位置
● Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
● Ctrl+/：注释当前行
● Alt+F3：选择所有相同的词
● Alt+Shift+数字：分屏显示
● Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码
● Ctrl+Shift+] 选中代码，按下快捷键，展开代码
● Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行
● Ctrl+Shift+↓ 将光标所在行和下一行代码互换
● Shift+Tab 向左缩进

● F6 单词检测拼写

在这个软件里面有很多插件，大家可以研究一下，我就装了一个快速写标签的插件，其他的就没装了

可能程序员有的时候需要用ps，我准备还是等过几天开始介绍ps的基本用法吧，我用的是cs6，感觉还是可以的，更高版本可以自行研究一下

正题：

上次说到跳转标签，这次来说一说剩下的事情

有序列表：<ol>（加属性 type=“”[i;I;l;a;A]）

                            （start="" 从哪开始）填数字

                            （reversed=“revered”）倒序

                             <li></li>

                             <li></li>

                             <li></li>

                    <ol>

无序列表：<ul>

                             <li></li>

                             <li></li>

                             <li><li>

                   <ul>

（导航栏【菜单栏】所用）

注释：ctrl+？用来调错

图片标签：<img src=“”>（属性title=“”）（图片提示符）

                                                （属性alt=“”）（alt图片占位符）

                    网上的url   网上地址就好了

                    相对地址    C:/a/b磁盘位置

                    绝对地址   

表格标签：<table>

                                   <tr>

                                            <td></td>

                                            <td></td>

                                             <td></td>

                                   </tr>

                                    <tr>

                                            <td></td>

                                            <td></td>

                                             <td></td>

                                   </tr>

                   <table>

（当你实习之后你会发现有很多公司会用到在这个，因为edm里面的东西还是需要这个的，就是邮件收到的那些页面都是用这个做的）

form表带：

<form method="get/post" action="xxxx">

                方法                           发给谁（地址）（前端给后端）                    

            username:<input type="text" name="username">  输入框    adbc

            password:<input type="password" name="password"> 密码框   。。。。

                             <input type="submit" value="登录"> 登录区 登录

                                                                   数据值               默认 提交

                             <input type="radio">选择框（单选） +可加name=""同一题同一个name

                                                                                           +可加value=""选择值

                             <input type="checkbox">选择框（多选）+可加name="" 同一题同一个name

                                                                                                  +可加value=""选择值

                                                                                                  +可加checked="checked"默认值（单选多选即可）

</form>

（未完待续。。。）

喜欢的话可以关注我哦：差不多先生差不多。声明拒绝转载！