Skip to main content
Practice

Comprehensive Review of HTML

HTML stands for HyperText Markup Language, and it is a markup language used to define the structure and content of web pages.

Web browsers interpret HTML code to display the webpage to users.


Basic Structure of a Webpage​

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

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

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

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

  4. <title>: Sets the title of the document displayed on the browser tab.

  5. <body>: Contains the actual content of the webpage.


Some Key HTML Tags:​

  1. Heading Tags: Represent the titles or subtitles on a web page.
Code Example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
...
<h6>Heading 6</h6>
  1. Paragraph Tag: Creates a text paragraph.
Code Example
<p>Text paragraph</p>
  1. Anchor Tag: Creates a link to another page.
Code Example
<a href="URL">Link Text</a>
  1. Image Tag: Inserts an image into the webpage.
Code Example
<img src="imageURL" alt="Alternate Text">
  1. List Tags: Create ordered lists 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>

Thank you for putting in the effort to learn the framework of websites with our HTML lectures 🙌

In the next lesson, we will delve into CSS, which dresses the webpage, and learn what it is and how to use it!

Want to learn more?

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