Understanding The Web

Understanding The Web is a static website created for a first-year college assignment. The purpose of this website is to inform users, at an introductory level, about HTML, CSS, web performance and web security.

Learn More View Source

What is HTML?

Introduction to Hypertext Mark-up Language

Hypertext Mark-up Language or HTML, as it’s more commonly referred to as, is the standardized language responsible for display this and every other web page on the World Wide Web (WWW). It gives the initial layout to the page and describes the content on the web page. HTML is the number one mark up language used in today’s world. HTML uses a concept known as tags. Each element in the document (most of the time) has both a opening and closing tag. Here’s an example of a html tag <html> and it’s corresponding closing tag </html>.

HTML Tag Anatomy

As mentioned above, HTML is comprised of many different tags. These tags might seem quite alien to any regular computer user. So, here’s a breakdown of both regular tags and self closing tags and the different components of it. It’s worth noting, the diagram bellow is for the XHTML mark-up language, but they’re more or less the same. The only different between XHTML and HTML 5 (The current version of HTML) is that self closing tags doesn’t require a forward slash before the closing angle bracket.

Also, it’s worth noting that anything between the opening and closing tag is known as the content.

XHTML Tag Anatomy
This image is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike license. Credits to Mrs. Glover's Tech Class.

HTML5 - Bringing the Web Forward

HTML5 Logo
HTML5 Logo designed by W3C.

HTML5 is the latest revision of the HTML standard. It not only further refines the specification for HTML but brings the web forward into the 21st century with a wider variety of media types like videos and scalable vector graphics (SVG). Not to mention, adding more semantic tags such as header, footer, article and so forth. These semantic tags are purely for as described semantics. They help someone that looks at the mark-up or a search engine understand what is contained within the specific element, rather than using classes and ids of various names to identify them.

HTML5 was also given a branding page, found here, as well as a logo (to right) and marketing scheme.