REFERENCE LIBRARY
In this first lesson, we'll dive into the world of HTML. HTML stands for Hypertext Markup Language. Essentially, it's an XML-based format used to describe documents. HTML works with building block elements that can be nested, have content, and utilize attributes to configure them.
Let's examine a basic HTML page structure.
Here's a glimpse of some commonly used HTML elements:
We have a live example of HTML elements. Now, let's inspect them using developer tools, a crucial resource in web development. You can open these tools in most browsers by pressing F12 or using the menu.
Within the developer tools, look for the "Elements" section. It displays the DOM, representing the structure of the page. When you hover over an element, it highlights on the left, showing its position within the DOM.
For example, when hovering over a paragraph, you'll see it highlighted on the left. The same goes for other elements like <ul> (unordered list), <li> (list item), and tables (<table>, <th>, <tr>, <td>).
The page lacks styling, which we'll address in the next lesson. We'll explore how to apply style and aesthetics to your HTML documents to make them visually appealing.
Stay tuned for more on HTML and web styling in our upcoming lessons!
