網頁設計教學系列-quackit幫你了解HTML和HTML5語法

HTML5是未來的趨勢,所以都會在找一些資源可以學HTML5語法的網站,這邊今天要分享的網站,它除了分享HTML5語法以外,以前的HTML語法也有分享,讓你去比較HTML語法和HTML5語法的差異性,一起來看!

quackit

  • 網站名稱:quackit(HTML5部分)
  • 網址:按這裡

上面所貼的連結,是分享HTML5語法學習連結部分,最後這篇文章下面會附上HTML語法學習連連,主要因為學HTML語法的學習資源真得很多,所以就不在加以介紹了,這邊先來看這個官網部分,比如以HTML5語法部分,第一步我們先按上面連結,會跑出以下畫面,

第二步 比如我們點"CANVAS"這麼繪圖語意標籤,然後它就會出現一個範例,左邊是HTML5語法,右邊是呈現出來的效果,比如我把測試碼抓來,然後放上去瀏覽器測試,當然這邊要有支援HTML5語法的瀏覽器才看得到,

以剛剛那個範例,CHROME17呈現出來的效果像這樣,

下面這張圖是我按表單送出"FORM"的語意標籤的範例,在CHROME17跑出來的效果,

這個網站有列出目前HTML5語法的語意標籤,有興趣學HTM5語法的朋友,請大家在多去看一下、學一下,如果HTML語法基礎還沒打好,這個網站也有供HTML語法教學,

HTML語法教學

以上分享到此,謝謝。 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>