Home HTML Exercises CSS Exercises HTML Reference Page

HTML REFERNCE PAGE

HTML_LOGO

Name Start Tag End Tag Example
Heading <h1> </h1> <h1>Heading<h1/>
Title <title> </title> <title>Title</title>
Body <body> </body> <body>Body</body>
Heading Size <h1>,<h2>,<h3>... </h1>,</h2>,</h3>... <h3>Heading</h3>
Paragraph <p> </p> <p>Paragraph</p>
Break <br>/td> </br> <br>Break</br>
Line <hr> None <hr>
Comment <!-- --> <!--Comment-->
Link <a href=" </a> <a href="Page Name">Page Name</a>
Image <img src=" > <img src="URL"alt"Image Name"width="Dimension"height"Dimension">
List <ul> </ul> <li>List</li>
Table <table> </table>/td> <td>Table</td>
Block <div> </div> <div>Block</div>

HTML!

The html tag is used to show which area on the page is using html. Normally, this just spans the entire page. The element tag is (html).


W3SCHOOLS - TAG LINK

HEADERS!

Headers are used for defining the area where you set up the page. The tag is (head).


W3SCHOOLS - TAG LINK

TITLES!

The page's title is shown on the tab you have opened. Use (title) to make it say something!


W3SCHOOLS - TAG LINK

BODY!

A body is a container for all of the items seen below. It allows sytle and other things to be added to a certian area of the page's elements. Made with the (body) tag.


W3SCHOOLS - TAG LINK

HEADINGS!

Headings can be in 6 different sizes, all made with the (h1-6) tag:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

W3SCHOOLS - TAG LINK

PARAGRAPHS!

Paragraphs are made with the (p) element:

This is a paragraph!

Pink fluffy unicorns dancing on rainbows!


W3SCHOOLS - TAG LINK

BREAKS!

With the (br) tag, breaks can be added on lines!

This sentance
has many
breaks
in it!


W3SCHOOLS - TAG LINK

HORIZONTAL RULERS!

Lines can be made with the Horizontal Ruler (hr) element...




See? Easy!


W3SCHOOLS - TAG LINK

COMMENTS!

Comments are used to make notes in your code. To make them use (!-- Text Goes Here --)


W3SCHOOLS - TAG LINK

LINKS!

Links are used to get from one page to another. They use the format: (a href="link adress" alt="text that appears when the link doesn't work")

The link below will keep you on this page:

LINK :D

W3SCHOOLS - TAG LINK

IMAGES!

Images spice up your page! Use (img src="image link adress or something" alt="When no image text") for your image!

Broken lol
W3SCHOOLS - TAG LINK

LISTS!

Lists are made to show data in order or display it nicely. Lists can be ordered (ol) or unordered (ul). To make list elements, use (li).

  1. Item 1
  2. Item 2
  3. Item 3
W3SCHOOLS - TAG LINK

TABLES!

Tables are used to show data in a very organized fasion.

To make a table, define it with (table) and then make table rows with (tr), table headers with (th), and table data with (td).

Column 1 Column 2 Column 3
Data Data Data
Stuff Stuff Stuff
One Two Three

W3SCHOOLS - TAG LINK

BLOCKS!

Blocks are defined with (div). (Span) makes lines a certian style.

With DIV:

Hello
World!

With SPAN:

Hello World!

W3SCHOOLS - TAG LINK
Well, it looks like you reached the end of this page! :D
THANKS FOR READING!