Course Content
Introduction to HTML
Introduction to HTML
1. Basics Introduction
3. Metadata and the Head Element
4. Advanced Text Formatting Elements
What is HTML?
HTML is at the core of every browsable website. Every site that includes this one has its backbone made out of HTML. It is the skeleton that holds together a website's functionality and design. The main goal of HTML is to make webpages traversable like a tree where every piece of content is wrapped in its meaningful container. Let's take a look at how the HTML of a popular website is structured.
- Go to the Wikipedia Home Page in any browser;
- Right-click on the page, and a menu will appear;
- Click on
Inspect
in the menu, and the browser should look like Fig 1. (Chrome is used in the screenshot); - As you can see on the right-hand side, there is lots of HTML code, and everything is encapsulated in it;
- Now hit
Ctrl/Cmd + Shift + C
from the keyboard. Now you can hover over any page part and view the HTML as in Fig 2.
Fig 1. Screenshot of Wikipedia Home Page HTML in the browser
Fig 2. Screenshot highlighting the header element
Everything was clear?