HTML typography test elements

About HTML and CSS testing

As tests become major part of coding why not create html typography test? I would call it that way. Simple create one page where you have all major html elements and see how its looks. For example you can create page with h1,h2,h3,h4,h5,h6,p,div,span tags and simply style them from one page. If you have like some css sprite add all them in that page as well and you will see it's lot easier to contribute that way. And if you have some global classes like bootstrap for example: .well, .carousel and so on create test page for them as well.


One big gain from this is that you can even test your website major css styling in different browsers from one page (IE 7 as well - joke (but why not)). It can save you a lot of time. It will help you find errors later. It will help you to visualize result. And more.


I created html cheat sheet for all basic (most used) HTML elements. Download and demo bellow. P.S. Add comment what tags i have missed.