html5學習筆記之程式設計軟體

2021-07-09 11:14:29 字數 1482 閱讀 2220

學習一門技術,首先要選擇乙個合適的開發軟體,最近剛開始學習html5,選擇使用sublime text2進行編寫,下面主要介紹一下在使用該軟體時遇到的問題。

1.package control元件的安裝

為了開發

html

5+css,需要安裝emmet外掛程式,為了管理外掛程式,首先要先安裝乙個package control外掛程式,package control外掛程式的安裝有兩種方式:

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'package control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else none; urllib2.install_opener( urllib2.build_opener( urllib2.proxyhandler()) ); by = urllib2.urlopen( '' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else none; print('error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'please restart sublime text to finish installation')

,把其拷貝到sublimetext2的installed packages目錄即可,最後重啟

我選用第一種方法,但是使用ctrl+` 無法開啟控制台,原因是熱鍵衝突。當使用ctrl+` 時,視窗會在sublime text與搜狗瀏覽器之間進行切換,並且搜狗,發現ctrl+` 是搜狗的老闆鍵,可以通過在搜狗瀏覽器中刪除這個快捷鍵進行解決。

安裝完成後,在preference下可以看到package control選單,說明安裝成功。

2.emmet外掛程式的安裝

(1)通過ctrl+shift+p調出命令面板,輸入install package,回車

(2)然後再輸入emmet,回車,安裝完成後重啟即可。

3.emmet外掛程式的應用

emmet 可以快速的編寫 html 和 css 以及實現其他的功能。它根據當前檔案的「語言」來判斷要使用 html 語法還是 css 語法來解析。例如當前檔案的字尾為 .html 那 sublime text 2 就會用 html 的方式來解析高亮這個檔案,emmet 也會根據 html 的語法把你輸入的指令編譯成 html 結構。如果是在乙個 .c 的 c語言 檔案中,你根據 emmet 的語法編寫出來的指令,是不會被編譯的。

第一篇博文。。。

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

學習筆記 HTML5之canvas

虐了一下午的canvas 先擼了乙個七巧板 doctype html html head meta charset utf 8 title 無標題文件 title head body canvas id canvas style border 1px solid ccc display block ...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...