The Bone Structure of HTML

Akiko Green
5 min readJul 8, 2020
Image of HTML

You may not believe me when I tell you, I fell in love with coding because of HTML and CSS! Weird right? I mean they aren’t even languages , like the infamous JavaScript, Python, Ruby or Java. HTML stands for “Hyper Text Markup Language” and CSS stands for “Cascading Style-Sheets”, which in normal people talk just means that html is the bones, blood & veins, and structure of creating a website, while css is the hair, skin and nails of it. With the power of the two, a beginner like myself was able to explore a snippet of the visual magic that coding can display!

Basic HTML structure

As I mentioned, HTML is like the bone structure of creating a website! HTML was written in 1993 by Tim Berners-Lee, a contractor at CERN, (European Organization for Nuclear Research).

“The first publicly available description of HTML was a document called “HTML Tags”, first mentioned on the Internet by Tim Berners-Lee in late 1991.It describes 18 elements comprising the initial, relatively simple design of HTML. Except for the hyperlink tag, these were strongly influenced by SGMLguid, an in-house Standard Generalized Markup Language (SGML)-based documentation format at CERN. Eleven of these elements still exist in HTML 4.”

— (wikipedia, HTML)

To help you get more acquainted with html here are a few tags you should get familiar with in order to understand how to structure your next basic website!

The first thing you’ll notice is this <!DOCTYPE html> this is a document type declaration which is an instruction that that tells the browser what mark up language the page is written in. It is neither a tag or an element, only an indicator of what markup language that is being used. Leading after that is the <html> </html> tags that must be placed in between the rest of your code to help structure your website.

Now to introduce you to the blood and veins of an Html website! Inside our <html> opening / closing tags we have the <head> </head> tags which contains our <meta> tag information about the HTML page! The meta data that I am referring to are the descriptions, character set, page description, keywords, author of the document, and…

--

--

Akiko Green

Software Engineer, Novice Blogger, Indoor Climbing Cutie 🥰