Display of "Markup Tags" and what they do

Home

* NOTE In order to use any of the following tags or any tags in HTML you need a set of Less then < "AND" Greater than > brackets to place your code in it will look like this <>.

Physical Markups

There are many tags that I've learned so far in class is that this is what Italics looks like in HTML using the "I" tag

Bold looks like this. All you need is a "B" tag.

And this is underline You only need the "U" tag.

It amazing what HTML can do! I can change the color using the FONT= tag

You can Make your words BIG! By using the FONT=SIZE tag that changes the color

Or you Can make them Little

I can move anything where I want
I can make my text center itself when I use the CENTER tag

Whenever I want to

You can change the color of your font to whatever colors you want HTML is highly customizable. Things can be changed on the fly, whenever you need to do so

You don't always have to use the Font Size=tag. To change the size of your text! sometimes you can just use a BIG tag

The same applies when you want to make the size of the text to small. You can just use the SMALL tag

I am able to move my text as well as graphical where I want by using the "ALIGN=RIGHT" tag

To return your text or images back to the to the left side of the screen need a ALIGN=LEFT tag One thing in particular that is important to HTML are the Heading tags for example. All you need for each size heading tag is H1 or H2 or H3 or H4 or H5 or H6 this is what they look like.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
There special tags called Logical Tags There used for formatting

Logical Tags

For Example the EM Tag causes you text to look like Italic is when used

The STRONG tag as another way to type to type boldface in your text

HTML5 also give you a large range of font styles 3 widely used ones are

1) The TT tag

2) The Code tag

3) The SAMP tag

The TT tag will give your text a formatting style such as this It a monospaced font

There is also the CODE tag which is another form of text format it will change your text to look like this

Some like to use the SAMP tag which is called the sample text in monospaced font this is how it displays text when used

One of personal favorites is the ACRONYM tag. This tag is used when you want to explain what an abbreviations in your text For example There are many people who dream of working for NASA

The abbr tag is used to explain your abbreviations that you may use in your text an example of this would be

One of the first things they teach you in the medical field is that you much check your ABC's on each patient

Sometimes when your feeling lazy there are logical markups that act as a in-line editor for things your write in your code

When I want to mark out something in my text I can use the DEL tag Next to the ABBR tag is one of my other favorite tags

You can add text to you text in line while using the INS tag This tag will make your text become underlined to show where you have added things into your tag

HTML comes with special script tags we have the SUP and the SUB tag. The SUP tag will give the text you specify a super subscript which means it will give it a scrip way above the text line

The SUP tag
Every time you try to calculate 102 you will get an answer of 100

The SUB tag
The formula to create water is the H2O

Layout Markups

Layout Markup's are another form of formatting you text different ways

The PRE is one of the Layout Markups when you use. The PRE tag changes text to a Courier font and will make text preformatted

For example: 
When I use this tag my formatting of my tag will change to a more rigid text however I write things with this
tag is how they will be displayed

Shopping list:          Price:    Money in Wallet
Eggs			$3.99      $120.00
Milk			$2.99
Bread			$3.65
Rice			$9.58
Hotdog's		$6.22

There is a tag called HR and that doesn't stand for human resources it is the Horizontal line tag all it does is literally draw a line across your page from left to right

You can think of it as a fresh start to a page a way to mark a division between things on a page The CENTER tag places all of your text to the middle of the screen

I can use it if I want to Write the title on something example

KIDS IN SPACE

This tag is important it is called the BR tag this tag
will take whatever you write
and place it on a new line
You can use it to format you text if you don't feel like using the PRE tag although the PRE tag is less tedious ad time consuming

The P tag differs from a BR tag in that a P tag indicates the start of a new paragraph while a BR tag indicates a new line in the same paragraph

Home
Markups Images List Tables Forms There/JavaScript Here/A tags