HTML Basics

Welcome to the world of HTML! Below are some fundamental concepts to help you get started with this powerful markup language.

HTML Structure

HTML documents are structured with a set of elements. Here is a simple structure:

Doctype: This declaration defines the document type and version of HTML.
HTML: The root element that contains all the content.
Head: Contains meta-information about the document.
Body: Contains the content of the document.

Basic Tags

Here are some essential HTML tags:

<h1> to <h6>: Used for headings.
<p>: Paragraphs.
<a>: Links to other web pages.
<img>: Inserts images.
<ul>, <ol>, <li>: Used to create lists.

Example

Let's look at a simple example:

<!DOCTYPE html>
<html>
<head>
    <title>My Web Page</title>
</head>
<body>
    <h1>Welcome to My Web Page</h1>
    <p>This is a paragraph.</p>
    <a href="/en/resources/learn-html">Learn More About HTML</a>
    <img src="https://cloud-image.ullrai.com/q/web_page/" alt="Web Page Example"/>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>

In this example, we have a heading, a paragraph, a link to another resource, an image, and a list.

Resources

If you want to learn more about HTML, you can check out our comprehensive guide on HTML Fundamentals.