記得小時候剛學計算機時還是使用 ms-dos 操作系統,家人幫我買了一本厚重的參考書,里頭收錄所有 dos 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面扎實。雖然網絡上有許多教學文件,但礙于篇幅都只能夠以最短快捷方式來幫你達到目的,對于一些較為復雜的內容來說,這些快速教學并不能讓你「真正」學會,因此最好還是準備參考手冊。
本文要推薦的「html reference」網站很不一樣,這個在線參考手冊收錄完整 html 語法教學,依照英文字母順序排列,用戶可以很在這里檢索某個 html 標簽詳細使用方法,很多可能不在我們平常會經常使用的范圍(例如一些語法設定方式),但如果你想知道語法要怎么寫才正確,或者想從基礎開始學習 html 程序代碼,請記得將這網站加入書簽。
html reference
step 1
htmlreference.io 網站分成幾個部分,最上方 collections 收錄一些主題,包括常用的基本元素、窗體、列表、html5 語意卷標(semantic)和表格,中間有個搜尋功能可快速查詢你要找的語法,最重要的就是底下依照英文開頭排序的所有 html 語法,點擊可開啟詳細介紹。
step 2
collection 會依照語法類別個別匯整,例如說到窗體就會用到 form、input、textarea、button 這些卷標語法,相信大家不陌生,但你可能不知道每個語法有這么多種數值可以設定,這個網站最好的地方就在于它會把所有可以使用的設定參數列出來,并提供你實際使用范例和說明。
如果你已經開始使用 html5,對于一些語意標簽應該不陌生,html reference 也將這些卷標說明及范例列在 semantic collection。
step 3
回到 html reference 首頁,前面有提到首頁列出所有 html 語法卷標,依照字母排列,當然用戶也能透過搜尋功能來快速查找,例如下圖是 a 也就是超鏈結語法的使用教學,可以看到目標鏈結(href)參數是必須,網站還列出幾種不同的寫法和用法。
比較可惜的是網站目前只有提供英文版,可能要有一些基礎的英文能力才能比較容易理解,但按照網站編排方式,就算沒有看說明應該也能從范例略知一二。
step 4
html reference 網站提供的范例、語法都能快速一鍵復制,只要把鼠標光標移動上去,點選后就能自動復制,非常方便!記得以前在學習寫網頁時都要去手動復制參考數據上的范例或語法教學,不但很浪費時間,還必須注意有沒有弄錯段落,在這里就不會遇到相同問題。
傳統企業都在做網絡營銷推廣的原因是什么網站制作中的優化工作有哪些SEO和SEM的優劣勢常見網絡推廣方式及每種方式優缺點解析用戶的需求到底有沒有得到滿足?醫院網站建設要注意的幾個問題深圳網站建設過程中這幾個操作能夠讓網站“廢”掉SEO對您的公司有多重要?企業主必須知道