Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
多朋友想學(xué)一下網(wǎng)頁(yè)制作,上網(wǎng)一看,只要涉及到網(wǎng)頁(yè)制作,都離不開(kāi)HTML這個(gè)詞語(yǔ),HTML是HyperText Markup Language的簡(jiǎn)稱,想學(xué)習(xí)HTML語(yǔ)言,先得了解一些基本知識(shí),今天這邊內(nèi)容可以作為學(xué)習(xí)HTML的菜鳥教程第一課。
HTML是什么?
一般我們說(shuō)HTML是指超文本標(biāo)記語(yǔ)言,英文名稱為HyperText Markup Language,簡(jiǎn)稱HTML,它是目前互聯(lián)網(wǎng)上應(yīng)用最廣泛的語(yǔ)言。
如何查看HTML?
拿最常見(jiàn)的網(wǎng)頁(yè)為例,如果用大家熟悉的IE瀏覽器的話,直接在網(wǎng)頁(yè)上點(diǎn)右鍵,選擇“查看源”即可查看當(dāng)前網(wǎng)頁(yè)的HTML源碼;如果是其他瀏覽器的話,多數(shù)情況下點(diǎn)擊右鍵,選擇“查看源碼”或者類似“查看網(wǎng)頁(yè)源代碼”這樣的選項(xiàng)即可查看。
當(dāng)然也可以通過(guò)專業(yè)的網(wǎng)頁(yè)制作軟件以及各種文本編輯器來(lái)查看。
HTML有什么用?
HTML語(yǔ)言可以方便地將網(wǎng)絡(luò)上存儲(chǔ)于不同位置的文字、圖片、聲音、視頻等內(nèi)容組織起來(lái),方便用戶瀏覽。對(duì)于我們來(lái)說(shuō),HTML是學(xué)習(xí)網(wǎng)頁(yè)制作的基本功,熟練掌握HTML這項(xiàng)基本功,可以為以后的學(xué)習(xí)和工作打下良好的基礎(chǔ)。
HTML如何入門?
要學(xué)習(xí)任何編程語(yǔ)言,都不好好高騖遠(yuǎn),HTML的入門很簡(jiǎn)單,但是也要遵循學(xué)習(xí)的基本步驟,選擇一本入門書籍,循序漸進(jìn)地去學(xué)習(xí)每一張的內(nèi)容。一邊學(xué)習(xí),一邊查看網(wǎng)頁(yè)代碼對(duì)照來(lái)學(xué),提升入門速度。
HTML案例
下面就是最基本的HTML案例,在這個(gè)案例中,用的是HTML5,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>
如何編輯HTML?
這個(gè)就很多了 ,比如最出名的Dreamweaver,當(dāng)然如果熟練之后,可以選擇任意自己喜歡的編輯器,一些小的改動(dòng)或者一小段代碼的話,也可以用各種常見(jiàn)的文本編輯器來(lái)處理,比如我們?cè)趙odows系統(tǒng)上常見(jiàn)的記事本,總之只要自己覺(jué)得方便就好。
總結(jié)
以上是學(xué)習(xí)HTML菜鳥教程的第一課,首先保持一個(gè)良好的心態(tài)來(lái)學(xué)習(xí),有好的心態(tài),知識(shí)方面只要循序漸進(jìn),學(xué)會(huì)就是水到渠成的事情了 。
、Coursera:https://www.coursera.org/
最初由美國(guó)斯坦福大學(xué)兩名計(jì)算機(jī)科學(xué)教授創(chuàng)辦,國(guó)際知名在線教育平臺(tái),還可以獲得認(rèn)證的課程證書,可以申請(qǐng)獎(jiǎng)學(xué)金,也有很多免費(fèi)的學(xué)習(xí)資源。
2、EdX:https://www.edx.org/
麻省理工和哈佛大學(xué)聯(lián)手創(chuàng)建的大規(guī)模開(kāi)放在線課堂平臺(tái),目前也有許多國(guó)內(nèi)高校的課程,也可以申請(qǐng)課程證書。
3. 菜鳥教程:http://www.runoob.com/
菜鳥教程的 Slogan 為:學(xué)的不僅是技術(shù),更是夢(mèng)想! 記住:再牛逼的夢(mèng)想也抵不住傻逼似的堅(jiān)持!網(wǎng)站包括了HTML、CSS、Javascript、PHP、C、Python等各種基礎(chǔ)編程教程。
4. 中國(guó)大學(xué)MOOC網(wǎng):https://www.icourse163.org/
中國(guó)大學(xué)MOOC是由網(wǎng)易與高教社攜手推出的在線教育平臺(tái),承接教育部國(guó)家精品開(kāi)放課程任務(wù),向大眾提供中國(guó)知名高校的MOOC課程。在這里,每一個(gè)有意愿提升自己的人都可以免費(fèi)獲得更優(yōu)質(zhì)的高等教育。
5、Udacity:https://www.udacity.com/
盈利性網(wǎng)站,但Udacity提供了一個(gè)就業(yè)匹配計(jì)劃,里面包括Google、Facebook、Twitter等諸多硅谷公司在內(nèi),這些公司為Udacity提供獎(jiǎng)學(xué)金或工作職位。
6、網(wǎng)易公開(kāi)課:https://open.163.com/
前面說(shuō)到的Coursera和網(wǎng)易達(dá)成視頻托管協(xié)議,還有一分部?jī)?nèi)容就是在網(wǎng)易公開(kāi)課上設(shè)立了Coursera專區(qū),除了不能申請(qǐng)課程證書外,課程內(nèi)容與Coursera沒(méi)有差異。在Coursera之外,上面還有TED、可汗學(xué)院、國(guó)內(nèi)外高校公開(kāi)課免費(fèi)資源。因?yàn)榫W(wǎng)站上沒(méi)有廣告,站內(nèi)內(nèi)容完全免費(fèi),這個(gè)網(wǎng)站絕對(duì)擔(dān)得起“良心”兩字。
7、超星讀書:http://book.chaoxing.com/
超星讀書-電子書在線免費(fèi)閱讀網(wǎng)站
這是一個(gè)強(qiáng)大的網(wǎng)絡(luò)書庫(kù),如果你有學(xué)校賬戶的話,別說(shuō)通俗讀物,即使是學(xué)術(shù)專著也能在上面免費(fèi)瀏覽下載。簡(jiǎn)直是做研究和寫論文的大殺器。
8、網(wǎng)易云課堂:https://study.163.com/
專業(yè)的實(shí)用技能學(xué)習(xí)平臺(tái)
9、學(xué)堂在線:https://next.xuetangx.com/
學(xué)堂在線-最大的中文慕課(MOOC)平臺(tái)
清華大學(xué)自主研發(fā)的MOOC平臺(tái),資源全部免費(fèi)。
10、iTunes U:https://itunes.tcd.ie/
蘋果設(shè)備自帶的網(wǎng)絡(luò)公開(kāi)課軟件,課程以哈佛、麻省理工、牛津等英文課程為主,中文課程比較少,只有香港中文大學(xué)、香港科技大學(xué)、中山大學(xué)、西安交大、國(guó)家開(kāi)放大學(xué)等不到十個(gè)大學(xué)提供中文內(nèi)容,內(nèi)容完全免費(fèi)。
天我就將我珍藏已久的寶貝網(wǎng)站分享給大家,希望大家能在學(xué)習(xí)編程的道路上越走越遠(yuǎn)!
1.B站
B站用的好,就像獲得寶
從前,我以為B站只是個(gè)看番,追劇,看鬼畜的網(wǎng)站,直到我發(fā)現(xiàn)了它上面的學(xué)習(xí)資料,B站上面真的有好多好多學(xué)習(xí)的視頻資料,比如
想入門,又不想看文檔,B站絕對(duì)是你的第一選擇, 推薦關(guān)閉彈幕使用,畢竟B站彈幕鬼才太多了
2. 菜鳥教程
實(shí)不相瞞,這個(gè)教程的名稱還是挺適合我的
菜鳥教程上涵蓋了很多很多的編程的 基礎(chǔ)教程 , 比如:
菜鳥教程上面包括了主流的編程語(yǔ)言和很多的相關(guān)技術(shù), 假設(shè)一下你能夠把它統(tǒng)統(tǒng)學(xué)完, 不知道可以裝多少逼
3. W3school
一個(gè)專注于網(wǎng)站建設(shè)的教程網(wǎng)站
如果你想要搭建網(wǎng)站,那么就選它吧,畢竟人家專注Web技術(shù)
4. W3cschool
我沒(méi)有重復(fù)哦,這個(gè)網(wǎng)站就是這樣的
上面有很多教程了,不妨在上面進(jìn)行參考
5. Web開(kāi)發(fā)技術(shù)
一個(gè) 由Mozilla 貢獻(xiàn)者 負(fù)責(zé)的前端開(kāi)發(fā)手冊(cè)
5. 中國(guó)大學(xué)Mooc
慕課上面有很多精品課程,畢竟是很多一流老師教授的,值得一聽(tīng)
類似的課程網(wǎng)站還有 網(wǎng)易公開(kāi)課 , 網(wǎng)易云課堂 , 慕課網(wǎng) , 我要自學(xué)網(wǎng) , 簡(jiǎn)單教程 , Coursera , TED。
1. 鳩摩搜索
想要電子資源,不妨到上面搜一搜,說(shuō)不定有你想要的電子書
2. 冰點(diǎn)文庫(kù)下載器
看到百度文庫(kù)上面有自己想要的文件?不妨使用該軟件進(jìn)行下載,輸入網(wǎng)站地址,然后開(kāi)始等待吧
當(dāng)然很多知識(shí)還是閱讀官方文檔好一點(diǎn),畢竟不是其他的資源能夠跟上文檔的更新步伐
1. Spring
搭建企業(yè)級(jí)Web網(wǎng)頁(yè),看看這里吧,雖然是英文版, 但是界面好看啊
2. Django
想要快速開(kāi)發(fā)網(wǎng)站,試試django吧
3. Flask
當(dāng)然開(kāi)發(fā)小型網(wǎng)站,你也可以看看Flask
4. Vue
嘗試前后端分離,來(lái)來(lái)來(lái),看看Vue,現(xiàn)在生態(tài)已經(jīng)很完整了,而且學(xué)起來(lái)還是挺有趣的
另外推薦幾個(gè)相關(guān)文檔
Vue CLi 一個(gè)基于 Vue.js 進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)
Vuex 專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式
Vue Router Vue.js官方的路由管理器
想要美化,那就試試相關(guān)UI組件
Element 基于 Vue 2.0 的桌面端組件庫(kù)
Ant Design of Vue Ant Design 的 Vue 實(shí)現(xiàn),開(kāi)發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品
1. Stackoverflow
什么,你還有問(wèn)題不會(huì)的,趕快到StackOverflow上提交你的問(wèn)題!
2. CSDN
作為中國(guó)最大的技術(shù)交流社區(qū),也不會(huì)蓋的,在這里,你可以閱讀優(yōu)秀的博文,當(dāng)然也可以分享你的技術(shù)
2.掘金
一個(gè)幫助開(kāi)發(fā)者成長(zhǎng)的社區(qū) , 功能類似于CSDN
3. 簡(jiǎn)書
在這里,也有活躍的技術(shù)人員,但是似乎它的中心似乎不是技術(shù),而是生活,所以截圖并沒(méi)有給出詳細(xì)的文章 :)
1. Github
世界上最大的開(kāi)源社區(qū),上面有很多優(yōu)秀的開(kāi)源項(xiàng)目,建議食用
2. Gitee
OSCHINA.NET 推出的代碼托管平臺(tái) , 國(guó)人自己的開(kāi)源社區(qū)
1. Gitbook
如何優(yōu)美的在線記錄自己的技術(shù)文章呢,gitbook是你的不二選擇,支持markdown等語(yǔ)言哦, 況且界面這么漂亮美觀
2. Mdnice
每個(gè)人都有一個(gè)技術(shù)夢(mèng),萬(wàn)一你要發(fā)公眾號(hào)文章呢,不想要浪費(fèi)時(shí)間排版?想要一鍵markdown語(yǔ)言轉(zhuǎn)化成文章?還想要自定義主題?順便導(dǎo)出個(gè)PDF?好了,那么就選擇mdnice吧
3. Postwoman
想要測(cè)試后端接口,來(lái)試試這個(gè)
4. Postman
什么,你說(shuō)你是man,不想要用woman的東西?好,那用postman吧
5. Ghelper
什么,你說(shuō)你想要訪問(wèn)Google,但是沒(méi)有VPN,那我就推薦一個(gè)不要VPN也可以訪問(wèn)Google的擴(kuò)展!
6. SwitchyOmega
你說(shuō)你有很多的代理,不知道怎么方便的進(jìn)行設(shè)置,并且切換? 好,那么SwitchyOmega很適合你哦
7. GitZip for github
什么,你說(shuō)在github上下載別人項(xiàng)目的時(shí)候不想全部下載,只想下載其中的某一部分?那么好吧,試試推薦的這款插件, 雙擊需要下載的文件夾或者文件commit信息后的空白處,點(diǎn)擊右下角的箭頭即可輕松下載 ,包你滿意, 不滿意也不支持退款
網(wǎng)頁(yè)想進(jìn)行長(zhǎng)截圖,但是不知道怎么辦? 試試這款推薦的插件
10. Microsoft To do
想要給自己制定計(jì)劃?而且還要好看的軟件,好了,試試這款軟件吧,個(gè)人體驗(yàn)還是挺棒的
11. Terminal
應(yīng)用商店搜索即可下載
Windows下的終端,Mac用戶可忽略,支持定制
12. Xmind
制作美觀的思維導(dǎo)圖?那你不能沒(méi)有它
13. Everything
Windows 自帶的搜索太慢了?讓Everything來(lái)做吧
14. ScreenToGif
想要制作一個(gè)gif動(dòng)圖? 墻裂推薦這個(gè)軟件!! 輕便又強(qiáng)大
15. Typora
輕巧美觀的markdown編輯器,而且支持Latex公式!
1. 力扣
想要刷題的童鞋可以到這里刷刷,題目后面還有官方解答和社區(qū)的解答哦
2. 牛客網(wǎng)
一看就知道是很多牛人在一起的地方,這里有豐富的面試題,筆試題,要找工作了,快去看看
1. pycharm
想要用python進(jìn)行大型的項(xiàng)目編程,那么pycharm當(dāng)然是最好的IDE了,不接受反駁
2. IDEA
如果要使用Java進(jìn)行編程,那么我還是推薦IDEA
3. Vscode
這么好看好用的軟件,當(dāng)然要狠狠的推薦一波,支持多種語(yǔ)言, 比如c++,c,python,html,css,js等等等,但需要自己進(jìn)行配置
4. Visual Studio
如果使用C語(yǔ)言或者C++,這款軟件還是挺棒的,當(dāng)然你還可以用jet brain的 CLion。
這些是我的一些學(xué)習(xí)編程的網(wǎng)站分享,想要在大學(xué)好好學(xué)習(xí)編程的小伙伴可以收藏一下~
另外如果你想更好的提升你的編程能力,學(xué)好C語(yǔ)言C++編程!彎道超車,快人一步!(因?yàn)樽詫W(xué)需要很多很多時(shí)間和很大的毅力)
分享(源碼、項(xiàng)目實(shí)戰(zhàn)視頻、項(xiàng)目筆記,基礎(chǔ)入門教程)
歡迎轉(zhuǎn)行和學(xué)習(xí)編程的伙伴,利用更多的資料學(xué)習(xí)成長(zhǎng)比自己琢磨更快哦!
編程電子書
編程學(xué)習(xí)視頻
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。