Hello, future coder! Let's start our Front-End Engineering exploration journey. Believe me - it will be a lot of fun!
Today, we'll dive into HTML, the blueprint of every webpage. HTML is like a layout plan for a house, defining the structure of a web page — from the headings at the top down to the text within the paragraphs.
Imagine an architect labeling his blueprints to specify the architectural style used. Similarly, HTML starts with <!DOCTYPE html>
to indicate we're using HTML5 — simple, straightforward, with no need for uppercase characters or quotations.
With this line, we tell web browsers to expect a modern HTML structure.
Tags are the central units of HTML. They designate different types of content, such as paragraphs, headings, and links. A tag usually comprises an opening and closing tag, with content placed in between. For instance, consider a paragraph tag:
Here, <p>
and </p>
represent the opening and closing tags, respectively, while the text in the middle is the content. Note that the opening and closing tags are represented with angle brackets <>
, and the closing tag has an extra forward slash /
in front of the tag name.
