前端筆記之html(二)

首先聲明,拒絕轉發,所有觀點僅爲個人觀點。

五一過後的第一天,繼續堅持寫筆記~我在外面報的班,還是想和大家分享一下自己的經驗和感受,如果有興趣想聽這個課的話可以加我qq:8244812或者微信:a15611851268向我要課程,不是免費的,當時學的時候花了大概1萬5,因爲剛學完,所以這些資料都是我自己辛辛苦苦整理出來的,所以不是免費的

直接進入正題:今天先來分享一波學習資料的網站!

介紹一些我找到的有用的學習網站

● w3school 在線教程       http://www.w3school.com.cn/
● 菜鳥教程                http://www.runoob.com/
● 腳本之家                http://www.jb51.net/
● 博客園                  http://www.cnblogs.com/
● CSDN博客                http://www.csdn.net/?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>

(未完待續。。。)

喜歡的話可以關注我哦:差不多先生差不多。聲明拒絕轉載!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章