Tips on HTML

Things on this page are fragmentary and immature notes/thoughts of the author. Please read with your own judgement!

Useful Tools¶

HTML Table Generator¶

• Tables Generator

Validation¶

W3C Markup Validation Service

validator Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG

15 Most Popular HTML Validator Online Tools In 2020

20 Free Online Tools for Validating the Code of Your Website

Cheatsheet¶

• HTML color codes and names

• The Ultimate HTML 5 Cheat Sheet – 2019

Misc¶

1. HTML is not case sensitive, but it’s suggested that you alway use lower case for tags.

2. <!-- ... --> comment

3. always use <!DOCTYPE>

4. code is for verbatim code while <script> ... </script> is for scripting code that will acutally run.

5. you’d better use percent for width when formating paragraphs and so on, this is more portable <p style="width:79%"> ... </p>

6. it seems that figcaption in html5 cannot align correctly, must rely on div to align, but only center works perfect.

7. no difference between double vs single quotes in HTML

References¶

W3C Standard