User:EmmanuelEgobu/sandbox

Brief Intro
HTML is a programming language that is used to display content on web. To change the format of website the layout and structure there is a language called CSS. current versions of HTML that are in use are html 5 and for CSS it is  3.

This first set of notes describe the creation of a basic website with HTML and CSS 3.

Actual Code
HTML code can be typed into a text editor like notepad but must be saved the with an extension called .html. To do this you will have to make sure your computer is displaying file name extensions.

The first page reached on a website is usually the index.html page. ie index with the .html extension.

To run the code in the html document : save the file, right click and select view with internet explorer.

Code in html is placed within angular brackets. The bits in the angular bracket the provide the main functionality are at the front the rest usually provides information. For example at the top of every webpage is

<!DOCTYPE html>

The !DOCTYPE tag, this tells the browser that this is an HTML document.

The html tag, this tells the browser where the HTML begins.

The head page part, is where some search engine related information is kept.

Page Title

The title tag is where the page title is displayed it appears at the top of the browser.

The closing tag for the head tag (closing tags have like which matches the.

The body tag is where the HTML majority of code is. It displays the contents of the page

The closing body tag is where the contents of the page of the page end.

Because there is an opening html tag there has to be a closing html tag.

Displaying Text
I will introduce two new tags which are   and  . The    tag is used to display a paragraph of text it resides in the opening and closing body tags. The  tag is used to display a large or primary heading it's also in the opening and closing body tags.

First Web Page
Here is an example webpage.

<!DOCTYPE html>

Page Title

Visible Heading

A paragraph of text.

A Smaller Visible Heading

Another paragraph of text.

Notice that after there is a closing most tags have an opening and closing elements like and.

To run and view this code create a folder called EEWeb save this document as index.html right click on it and select open with internet explorer or a browser of your choice.

Exercise
1) As an Exercise Create an contact.html page With the main heading (h1) of Contact Details.In smaller headings, Name and Address, followed by your name and address, and another heading email and phone number followed by one paragraph for your name and one for your email. __NOINDEX__ __NEWSECTIONLINK__