HTML COURSE • LESSON 3

HTML Basic Examples

This lesson introduces the most common HTML elements.

HTML Documents

Every HTML document normally starts with a document declaration and contains an <html>, <head> and <body> section.

Basic HTML Structure

<!DOCTYPE html>
<html>

<head>
    <title>EDUHUB</title>
</head>

<body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

</body>

</html>

HTML Headings

HTML provides six heading levels. The largest heading is <h1> and the smallest is <h6>.

Heading Example

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

HTML Paragraphs

The <p> element creates a paragraph.

Paragraph Example

<p>This is the first paragraph.</p>

<p>This is the second paragraph.</p>

HTML Links

The <a> element creates a clickable link.

Link Example

<a href="https://eduhubsl.com">
    Visit EDUHUB
</a>

HTML Images

The <img> element displays an image.

Image Example

<img
    src="student.jpg"
    alt="EDUHUB Student"
    width="400"
>