HTML Reference – Your Ultimate Study Guide for Everything HTML5

There’s so much to learn HTML and the HTML Reference site is made to help. Every HTML element has its base tag and attributes that go along with it.

HTML Reference covers all these elements & attributes, along with more specific properties such as which tags are self-closing and which tags are block-level vs. inline by default.

html5 referencehtml5 reference

You can always learn the basics of HTML from online tutorials and free YouTube videos. But it’s hard to find a truly detailed guide covering everything you’d ever want to know about HTML.

10 Cool Things HTML Tags Can Do

.no-js #ref-block-post-23967 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/cool-useful-html-tags.jpg”); }

10 Cool Things HTML Tags Can Do

At the moment there are a total of 142 HTML elements standardized by W3C excluding the ones in…Read more

Thankfully, that’s exactly what this site is and it’s offered online at no cost with an easy-to-use interface.

It works as one big home page where you scroll through elements from A-Z. Each element has four optional properties, and as you scroll through you’ll notice some elements have certain properties applied while others don’t.

By default, web browsers render certain elements differently than others. This is an inherent structure of HTML and it’s organized by the W3C. You can always browse through W3C’s website to find this information but the HTML Reference site makes it so much easier.

Each HTML element can have four properties:

  1. meta
  2. self-closing
  3. inline
  4. block

All meta tags are typically used inside the header rather than the page body. Self-closing tags do not require a second tag to close, and most developers just need to memorize which tags are self-closing & which aren’t.

The inline and block properties are the opposites of each other. They have more to do with CSS display properties but they’re inherent to certain HTML elements. And, if you’re ever unsure you can check this site for proof (that’s what it’s here for!)

html reference snippetshtml reference snippets

HTML Reference also offers deeper pages covering topics such as HTML lists and forms, all with live examples using proper HTML5 syntax.

This guide is truly the ultimate reference for anyone learning or trying to improve their HTML skills. And, best of all, the project is totally open source, so you can download it locally if you want a copy on your machine.

A Look Into Proper HTML5 Semantics

.no-js #ref-block-post-24930 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/html-5-semantics.jpg”); }

A Look Into Proper HTML5 Semantics

If you carefully plan the structure of your HTML documents, you can help computers make sense of the…Read more

Source: Hongkiat

(1035 Posts)

Leave a Reply