# Adding Text

## What We'll Be Building!

![](https://3764443643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1CV_PDi4uSEWhb3GlC%2F-MEYhv1P9A4o5w3qNOh4%2F-MEYkRzfl81N0oc-EIDw%2Fff.JPG?alt=media\&token=0e70667d-fd85-42b8-8b88-d63a22ec3125)

Each HTML tag has a specific purpose. Some are used for handling images, some for texts, some for making tables, etc. In this section we'll be taking a look at a few tags used specifically for outputting texts to the screen.

## Heading Tags

Header tags are used when you'd like something to stand out on a page.

Lets take a look at some headings.

![](https://3764443643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1CV_PDi4uSEWhb3GlC%2F-MC4C2MOR9mi5fQefRLT%2F-MC4CoW5q0KQAwEiD1UM%2Fheadings.JPG?alt=media\&token=78c56edd-232c-49f8-94f5-deaefa5b67f7)

Heading tags are written as:

* `<h1>`
* `<h2>`
* `<h3>`
* `<h4>`
* `<h5>`
* `<h6>`

&#x20;`<h1>` defines the most important heading, while`<h6>` defines the least important heading.

{% code title="headings.html" %}

```markup
<!DOCTYPE html>
<html>
    <body>
    
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6</h6>
    
    </body>
</html>

```

{% endcode %}

{% hint style="info" %}
The DOCTYPE tag&#x20;
{% endhint %}

## Paragraph Tag

A paragraph tag is used to hold any amount of text you'd like.

Heading tags are written as :

* `<p>`

{% code title="paragraph.html" %}

```markup
<!DOCTYPE html>
<html>
    <body>
    
        <p>This is a paragraph.</p>
        <p>This is a paragraph.</p>
        <p>This is a paragraph.</p>
    
    </body>
</html>

```

{% endcode %}

## Exercises

Create a new html document named **texts.html**. With this document and using the code above as a guide:

1. Create a paragraph tag and write:

   &#x20;"Hello there my name is \<insert your here> " in it.
