Skip to main content
Practice

Recap of HTML

HTML, short for "HyperText Markup Language," is a markup language used to define the structure and content of a web page.

Web browsers interpret HTML code to display web pages to users.


Basic Structure of a Web Page​

HTML
<!DOCTYPE html>
<html>
  <head>
    <!-- Basic information of the web page -->
    <title>Document Title</title>
  </head>
  <body>
    Main content of the web page
  </body>
</html>

  1. <!DOCTYPE html>: Document type declaration. It indicates that the document is written in HTML5.

  2. <html>: Indicates the beginning and end of an HTML document.

  3. <head>: Contains metadata, styles, scripts, and other information about the document.

  4. <title>: Sets the document's title that appears on the browser tab.

  5. <body>: Contains the actual content of the web page.


Some Key HTML Tags:​

  1. Heading Tags : Represent titles and subtitles of the web page.
Code Example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
...
<h6>Heading 6</h6>
  1. Paragraph Tag : Creates text paragraphs.
Code Example
<p>Text paragraph</p>
  1. Link Tag : Creates hyperlinks to other pages.
Code Example
<a href="URL">Link Text</a>
  1. Image Tag : Inserts images into the web page.
Code Example
<img src="imageURL" alt="Alternative Text">
  1. List Tags : Creates ordered and unordered lists.
Code Example
<!-- Ordered List -->
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
</ol>

<!-- Unordered List -->
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

You have done a great job learning the fundamentals of HTML, the skeleton of websites 🙌

In the next lesson, we will learn about CSS, the clothes of the websites, and how to use it!

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.