In HTML there are a bunch of things called Tags. Tags are things that tell the web browser what to display on that part of the page and how to do it. I am going to list some of the basic tags you will need and how to use them.

Headings – h1 to h6

The headings tags

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>

Example

Paragraph – p

The paragraph tag does just what you would expect it to do, it tells the browser to display the text just like normal.

<p>Paragraph</p>

Example

Link – a

The link tag is used inside of other tags to make the text it surrounds a link.

<p><a href="https://reygames.wordpress.com">ReyGames</a></p>

Example

Image – img

The Image tag is the tag that lets you see the Logo on the top of the page.

<img src="https://reygames.files.wordpress.com/2016/12/learning-html-1.png?w=400&h=200&crop=1">

Example

Section – div

A div is basically a container for multiple other tags to either sort them or to use CSS on a whole group of things instead of doing it individually


 

Trapped


 

By Jeffrey


 

Help Me! I am trapped in a div!!!


Example

Span – span

A span is similar to a div, but instead of using it to contain tags you use it similarly to the link tag by using it inside of another tag.

<p>This is a really <span>cool</span> website!</p>

List – ul, ol and li

A list is exactly what it sounds like. Its a list. the ul tag makes a un-ordered list, the ol tag makes an ordered list and the li tag is how the browser knows what each line is and goes inside of the ul or ol.

<ul>
<li>I am not ordered</li>
<li>I'm not either!!!</li>
</ul>

<ol>
<li>I am ordered</li>
<li>I'm very sad...</li>
</ol>

Example

 

Lesson 1 – Setting up a blank page

Lesson 3 – (Not Made)

Advertisements