2010/11/30

分享一個線上練習 HTML 以及 CSS 原始碼語法的線上工具

在這裡:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_li_value

其實就是 www.w3schools.com 這個網頁製作教學網站的 HTML 練習區域。它是分成左右兩個部分,『 左半邊方框 』輸入 HTML 原始碼,再按左上角的『 Edit and Click Me >> 』按鈕,就會在『 右半邊方框 』顯示真實的預覽效果。

尤其值得注意的是『 右半邊方框 』是一個獨立運作的網頁。在 <html> 和 <body> 之間加入這段 <head> 就會明瞭,『 右半邊方框 』就會整個變了顏色。

<head><style>body {background-color:#ff8080}</style></head>


在練習的時候只需要使用你想要練習的 HTML 標籤,而 <html> 和 <body> 不是必須的,可以把它們刪除,這樣 HTML 原始碼看上去就會比較簡潔。

沒有留言 :

張貼留言