TAGS:

Before we can get into putting things on the page, first we must talk about tags. Tags are the syntax of html. They tell the computer how you want your text to appear/what kind of text it is. All tags share the same structure. A tag for a particular element can either require an opening and closing tag or just an opening tag. A tag looks like this:

Opening Tag: <html>

Closing Tag: </html>

Now that we know what a tag normally looks like we can start talking about some of the tags we can use in an html document.

HEADINGS:

In HTML5 there are 6 different heading sizes you can use. They are numbered from 1-6 and all follow the same pattern to use them. The largest size is heading 1 (<h1>). The rest of the heading follow this same naming convention. (i.e <h2>, <h3>, <h4>, <h5>, <h6>) make a text into a heading all you need to do is encapsulate the desired text in the proper heading tag. Headings require both an opening and closing tag to work properly. If done correctly the end result should look something like this:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

PARAGRAPHS:

Paragraphs are one of the most used things in an html document. Any text that isn't special in some way is lumped into the paragraph tag. The text you are reading right now is displayed using the paragraph tags. Paragraph tags, similarly to heading tags require an opening tag and closing tag and look like this:

Opening Paragraph Tag: <p>

Closing Paragraph Tag: </p>

If you want to make a word or line bold or italicized within a paragraph or anywhere else for that matter there are tags for that. To make a text bold all you have to do is wrap the text around a bold tag (<b>, </b>). And similarly to make a text italicized you wrap that text around a italics tag (<i>, </i>)

Here's what a bold text looks like.

Here's what an italicized text looks like.

A similar thing applied if you need to add super and subscripts to your paragraphs. Just wrap the text you would like to see in that manner in the corresponding tag. (superscript: <sup>, </sup>; subscript: <sub>, <sub>)

Here's what a ^superscript text looks like.

Here's what a _subscript text looks like.

We've covered a few things on paragraphs except maybe one of the most important aspect. Line breaks! What if you want to write a poem or something that requires you to go to the next line on the page. The answer isn't as simple as just pressing enter when writing inside your html document.

The extra spaces and newlines you use inside the paragraph tags are not shown on the page. The computer just takes all your words and places them on one line until that line is full. in order to go to a new line you must use a line break tag.

This tag, unlike all the other tags we've talked about so far only requires an opening tag.

Line break tag: <br>

Example of using a line
break tag in a sentence.