Learn HTML online using HTML Playground學習的HTML在線使用HTML遊樂場

Posted on April 12, 2007 at 9:43 pm發布於2007年4月12日在下午9點43分

I found another very cool web site if you’re just starting to learn the basics of HTML or web design.我發現另一項非常酷的網站如果您剛剛開始學習基本的HTML或網頁設計。 When I was learning HTML, I never really found a good web site that I could go to and get a quick example of how to use a particular HTML tag or at least to just explore all the various HTML tags and what they do.當我學習的HTML ，我從來就沒有真正找到一個很好的網站，我可以去，並迅速得到一個例子，說明了如何使用某一特定的HTML標籤，或者至少以公正，探討所有各HTML標籤和他們做什麼。 Of course there were lots of books, but it’s definitely better to learn things visually with images and examples rather than just with words.當然還有大量的書籍，但它肯定是更好地學習的東西，在視覺與圖像和例子，而並非只是文字遊戲。

The web site is called該網站是所謂的 htmlPlayground htmlplayground and it’sa very simple, yet effective learning resource.和它很簡單，但有效的學習資源。 The site is basically divided up into five parts: HTML tag list, Description, Attributes, Example Code, and Example Result.該網站基本上分成五個部分組成： HTML標籤清單中，描述，屬性，例如代碼，並舉例結果。

In the first section, you simply select the tag you want to learn about:在第一小節，你只要選擇標籤您想了解：

Once you choose a tag, all of other windows automatically fill with the appropriate info.一旦你選擇一個標籤，所有的其它窗口自動填入適當的信息。

The example code window is the most interesting because you get to see the code for an entire web page that demonstrates how to use just that one tag.例子代碼窗口，是最有趣，因為你將可以看到代碼為整個Web網頁展示如何使用，只是一個標籤。 The other really cool part about this site, which helps in the learning experience, is the ability to modify the code on the web page itself and then press Try Code and get the results updated in the Example Results window!其他很酷的一部分，關於此網站，它有助於在學習經驗，是有能力，以修改代碼對網頁本身，然後按下嘗試代碼並返回結果更新為例結果窗口！ So you don’t even have to bother copying the code and then modifying it and then getting it onto a web server either locally or externally, etc.所以你甚至可以不必理會複製代碼，然後修改它，然後得到它搬上網絡服務器無論本地或外部等。

This is a great way to play around with various tags and see the results instantly.這是一個偉大的方式，以發揮與周圍的各種標籤，並看到結果。

Finally, you’ll get your results in the results section:最後，你會得到你的結果，在結果部分：

Very cool web site and very nice way to learn about HTML!非常酷的網站，並很好的方式了解的HTML ！

Technorati Tags: Technorati標記： , ， , ， , ，

If you enjoyed this post, make sure you 如果你喜歡這個職位，請務必 subscribe to my RSS feed 訂閱我的RSS饋送 ! ！

» Filed Under »提起下 Cool Websites酷網站

Related Posts相關職位

Please post your comments/suggestions!請您評論/建議！