oh hi, i'm a teacher - Part One

 The Syllabus:

AddressCiteBDOins del Opt GroupAcronymProgress

What is on the agenda?

Here you will learn an assortment of useful HTML codes that will make your webpages (or blog entries) more interesting.

 BTW. Here's a rule of thumb: ignore the spaces such as < code >, delete them if you are going to use that code. So < code > will become . It is invisible due to the fact that there is nothing in between the < code > and the < / code >. 




---

All right, these are the basics to know:

HTML = HyperText Markup Language.

*anything between < and > is the BEGINNING, or the "hello".

*anything between < / and > is the ENDING, or the "goodbye".

< b > is boldface; < i > italicizes; < u > underlines; < br > is page-break. 

< hr > creates a dividing line between segments or categories; < blockquote > makes a text body that varies from the normal text body, it is justified.

---

...SIMPLE CODES

(1.) < address > is for addresses.

Strawberry Glen

1337 OMG Lane

Anywhere, USA

Make certain to use the < /address > when done.

(2.) < cite > is for a different text group than the default.

See? This would be 'cite'. Basically like a mini-blockquote.

And THIS is blockquote!

(3.) < bdo > changes the direction of the font and the way you read it.

< bdo dir ="rtl" > is the code I've used below.

The direction of this bdo is 'rtl', right to left.

(4.) < ins > and < del >

Displays editing revisions.

This is 'ins'

and this is 'del'!

...ADVANCED CODES

(1.) < optgroup >  adds definition between groups and options.

I used this code up above for the syllabus by the way.

*This one is a little bit more complex, so I'll type out my entire code for a visualization.

< label for="showtimes">< u >The Syllabus< /u >:< /label >

< select id="showtimes" name="showtimes"> < /optgroup >

< option value="address function">Address< /option >

< option value="cite function">Cite< /option >

< option value="bdo function">BDO< /option >

< option value="ins/del function">ins del< /option >

 < optgroup label="Advanced">

< option value="opt group function">Opt Group< /option >

< option value="acronym function">Acronym< /option >

< option value="progress function">Progress< /option >

< /select >

REMEMBER THAT THE SPACES BETWEEN < and > AS WELL AS < / and > AREN'T NEEDED! AND YOU ALSO DO NOT NEED THE SPACES BETWEEN < option value

The Syllabus:

AddressCiteBDOins del Opt GroupAcronymProgress

(2.) < acronym > by itself merely indicates an acronym. 

Whereas < acronym title=" may be used to title a link.

< acronym title="This is a title" > < a href="your link" > What you want your link to be called. < /a > < /acronym >

So yeah, this is < acronym > by itself.

Hey, you. Do you like my < acronym title > ?

(3.) < progress > shows the progress of a task or process while its underway.

Value; specifies how much of a task has been completed.

Max; specifies how much work the task requires in total.

Reading Harry Potter. Progress...

< progress value="250" max="1000" >

< span id="HarryPotterProgress">40< /span >%

< /progress >

So it would be:

Reading Harry Potter. Progress...

40%

This tutorial / guide thingmijigger was mainly for me to refer to later (if need be) and well, I pretty much just felt like making something productive and useful. So take the liberty of experimenting with these codes for yourself sometime! XD

THE HTML LOOKS UGLY WITH THE VARIATION OF SPACES. 

UH, I AM KINDA SORRY FOR THE WEIRDNESS.