<- Back to Homepage

DISCLAIMER: I am a beginner in html so if you find an error report it to me!

HOW TO ADD TEXT TO YOUR WEBSITE

HEADERS

So here is how to add a title/heading.

so add a "<h1>" at the start of your line and a "</h1>" at the end of your line

in the middle add your text that you want as your title

here is how it should look like in your code:

<h1>[Insert thing here]</h1>

here is how it should look on your website:

[Insert thing there]

btw there are other headers like <h2>, <h3>... etc all the way to <h6> and they just make the header smaller the bigger the number.

PARAGRAPHS

next are paragraphs.

here is the text you can add as normal text

to make it add a "<p>" at the start of your line and a "</p>" at the end of your line

in the middle add your text.

here is how it should look like in your code:

<p>[Insert thing here]</p>

here is how it should look on your website:

[Insert thing there]

BLOCKQUOTES

Blockquotes center the text you want to add

to make it add a "<blockquote>" at the start of your line and a "</blockquote>" at the end of your line

here is how it should look like in your code:

<blockquote>[Insert thing here]</blockquote>

here is how it should look on your website:

[Insert thing here]

and you can wrap it around a header too like this:

<blockquote><h1>[Insert thing here]</h1></blockquote>

and on your website it should look at this:

[Insert thing here]

and congratulations! you have learned Nesting!

SPAN (Generic Inline Text)

hmmm idk how to explain this but <span> is like stylized text

to add it add <span> BUT after the "span" word put a space then put "style=" and you can add color, font-family, font-size, font-weight, text-decoration and more then add the ">"

like the others add </span> at the end of the line

example:

<span style="color: orange; font-weight: bold;">orange text</span>

how it looks on the website:

orange text

LINE BREAKS

line breaks seperates lines like this:

hello my name is
croissant

to use it add a "<br>" in-between your line like this:

<p>line 1 <br> line 2</p>

here is what it looks like on a website:

line 1
line 2