Nwankwo Ugochukwu Samuel's HTML Class My HTML Class

To start,HTMl stands for Hypertext mark up language.It is used to crate websites through text editors.It must starts with an. opening and must be closed.For example that was the opening and closing of a paragraph. And they are called tags.Html has two main parts just like the human body; The head and the body.The head being the non-visual part and the body the visual part. So lets start with basics of html.Enjoy your free lesson.

This is a regular paragragh which leaves a space; a line

This unlike a regular paragraph
has a line break.No space or line is left.

Now let me introduce you to the h1-h6 with h1 as the biggest and h6 as the smallest, they are used to show importance. They are the html headings.

Html

Is

the

best

MarkUp

Language

Am about to show you, my fans how text formatting looks like drop ur comments if any correctioms or improvements.Don't wanna stress my self so I will just use line breaks to seperate them instead of paragraphs.So lets start.
This is a bold text
This is an italics text
This is a strong text also used for bold text
_{This is a subscripted text}
^{This is a superscripted text}
This is an inserted text
~~This is a deleted text~~
This is a big text
This is a small text
This is a regular text
This is also used for italics text.

And that is all for text formatting for now.

Okay so fans am back with a new lesson for you. it is called the HORIZONTAL LINE and just as it sounds it is really just a horuzontal line.This is how it is done.

that is it the perfect tag for your horizontal Line.

Next we have the comment which is used for reminders..e.t.c. It does not show in the browser web page.Here is the tag.

Now how to creat a blog: About Me.

About Me

My name is Nwankwo Ugochukwu and programing has changed my life.

Now some Attributes of html

That is used to align a text to the center

We also have the width Attribute e.g

This goes right

This is where we introduce image to the html.

Now some Attributing to imaging. Tree

Tree

so now we would be learning how to describe links in html Click hereTo experience the best search engine the world has to offer

Now i will teach you have to list.

David
Muyi
Akpan

Akpan
Muyi
David

Now For Tables in html we use the following tags.

Oat	Flakes	Three crowns			The End
Rows	Flakes	Columns	Avo	The End	Full Stop

Table headers.

My Week Schedule

Time	Monday	Tuesday	Wednesday	Thursday	Friday	Saturday	Sunday
8-9:am	Discuss
9-10:am		How
10-11:am			Stressful
11-12:pm				Creating
1-2:pm					This
3-4:pm						Table
5-6:pm							Was

To create a form in html.

Contact me

Color In Html

Colors in html are written in hexadecimal 0-F. Using RGB=RED GREEN BLUE. RED=#ff0000
Blue=#0000ff
Green=#00ff00
Black=#000000
Grey=#777777
White=#ffffff

HTML 5

Unlike the normal html, in the HTML 5 there are alot of improvements.For exqmple normal Html has the block elements and inline but HTML 5 has:

Metadata Usually contained in the Head.
Interactive
Flow
Sectioning
Heading
Phrasing
And Embedded

Those are the elements in HTML5.

The Stucture of HTML5.

Header
Nav
article
section
section
aside
footer

This would be how it would look like

header
article	aside
Section
Section
footer

The Use Of Header in HTML5

Heder is totally diffrent from the head tag.

This is the most important hrader

This is less imortant

This is the least important.

Now for navigation

The Footer

Now we are going to be talking about the article element which takes over the div in html 4. Here is how it is used.

Title Of Airticle

Contents of the article.

About Us

Sections are used to divide an article

The Aside Tag.

It is used in the airticle where their contents are related and when used outside the article should be related to its surrounding.

The Audio tag is used to add sound to html.It is either done like this

That is by using the source attribute.Or It can be embeded using the source element.

loop causes audio to replay and autoplay gives audio the ability to play without user pressing play.There are three supported audio formats which are

WAV
MP3
Ogg

Video

Just Like The Audio

Supported Video Format

WebM
MP4
OGG

The Progress Bar

Storage

Session Storage
Local Storagel

To Store data:
To retrive data:
To remove data:
To Clear All data:

The Advantages of Web Storage

More secure
Faster
Stores a larger amount of data
Stored data is not sent with every server request

The Diffrence Between Session Storage and Local Storage

Session Storage losses data once webpage is closed wihle local storage never looses data.

Geolocation API

It is used to get users location.It has three parameters

Show Location
Error Handler
Options

And Two Methods of presenting the information

Geodetic:Defines terms in longitude and latitude
Civic:Easy to Underetand

SVG

This stands for:- Scalable Vector Graphics.

Svg is not pixel based. It needs width and height and then an element is introduce into it. E.g The Circle.

The Line, Polyline And The Rectangle

The Polygon And Ellipse

The Basics Of HTML5 (SVG) 13 (24)