Example Webpage

Discliamer:This is a basic webpage with Basic HTML. I am not too advanced and I just use basic commands ...

The Scenario

There is no scenario. It really just depends on whatever you want. From a personal blog to a cooking webpage, the choices are endless. You only need to know how to use basic HTML.

*If we have time, I will show you how to customize your page with font colors and backgrounds.

How to set up a command

Every command must have a "<" for the start, your command, and end it with ">". You will see what I mean as we progress thru the lesson.

Basic Commands

The first thing we will do is figure out how to make Headings. To make a heading is simple. You have to use an "<h>" tag. After inputing the h, you decide the size using a number. The number after the "h" ranges from 1-6.

This is what an <h1> tag looks like

This is what an <h2> tag looks like

This is what an <h3> tag looks like

This is what an <h4> tag looks like

This is what an <h5> tag looks like

This is what an <h6> tag looks like

You will note that the tag gets smaller every time the "<h>" tag increases in number. I would recommend Using the <h1> and <h2> because the other tags could be too small.

I can change that to this:

The next tag is the "<p>" tag.

The "<p>" tag is very important when working with words.

It prevents the sentences from crumbling together.

The "<p>" stands for paragraph.

Creating Lists

The lists are made with the "<ol>" for ordered list and "<ul>" for unordered list. After that you put the "<li>" tag, depending how many things you need to list.

My favorite foods

Ordered list example:

1. Burgers
2. Pizza
3. Spaghetti
4. Linguine
5. Ramen

Unordered List Example:

• Burgers
• Pizza
• Spaghetti
• Linguine
• Ramen

Creating Character Tags

This is for anything that you want in bold or italic etc.

This an example of an "<em>" tag

This an example of a "<strong>" tag.

This is an example of a "<code>" tag.

This is an example of a "<kbd>" tag.

This an example of a "<var>" tag.

This an example of a "<cite>" tag.

You can also combine tags. This one is the "<strong>" tag and the "<em>" tag.

This is an example of an "<b>" tag.

This is an example of an "<i>" tag.

This is an example of an "<u>" tag.

This is an example of a "<tt>" tag.

This an example of a "<big>" tag.

This an example of a "<small>" tag.

<sub>This is an example of the "_{" tag}

<sup>This is an example of the "^{" tag}

Adding an image

You use the "<img src="">" tag to add an image