HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page

HTML

INDEX

•Introduction to HTML•Creating Web Pages•Commands And Tags•Web Page

What is HTML?What is HTML?HTML is a language for describing web

pages.HTML stands for Hyper Text Markup LanguageHTML is not a programming language, it is a markup language.A markup language is a set of markup tags

How to Create and View an HTML document?

Use an text editor such as Notepad to write the document.

Save the file as filename.html or .htm extension

Open your browser (Off-Line)

Click on File, Open File and select the filename.html document

that you just created.

Your HTML page should now appear just like any other Web

page in your browser.

HTML Tags

HTML tags are keywords surrounded by angle brackets like <html>Most Of the html tags are nested within other html tags There are two types of Html tags:-•Empty•Container

Contd..Container tags normally come in pairs like and are which require close tags and the text contained within them.Empty tags do not require closing tags they have there effect to the whole page from where they are used

HTML Attributes

HTML elements can have attributes.Attributes provide additional information about an element.Attributes are always specified in the start tag.Attributes add specificity to the tag.

HTML Document Example

<Html><Head><Title> ….. <\Title> <\Head><Body>This part contains the tags and the contents of the web page to be displayed in the web page</Body></Html>

The <Html> ElementThe <html> element defines the whole text document as HTML document.

The element is a container tag which contains all other tags that create and customize the web page.

Head & Title element

Both Head & Title tags are container tags.Head element defines the title of the web page.Head contains the Title element.Head tag Defines the text to be displayed in the title bar of the web page.

The <body> element defines the body of the HTML document.

The element has a start tag <body> and an end tag </body>.

The element contains all other HTML element that defines the body of web page.

The Body Element

Text Tags tag- This tag is the basic Text tag that describes the text within it as a paragraph.

 - This tag is used for giving a line break i.e. move the text to next line. it is an Empty Tag.

- This tag is used to apply some specifity to the text within it. font , type ,size and color are its attributes.

Contd..

<Basefont>- It is an Empty tag and is same as font tag, it has its effect on the whole text from the place where it is used.

Head Element <H>- This tag defines the size of text within it. H1 is the largest size and H6 is the smallest.

Formatting tags



<big>







Defines bold text

Defines big text

Defines emphasized text

Defines italic text

Defines small text







<ins>

<del>

Defines strong text

Defines subscripted text

Defines superscripted text

Defines inserted text

Defines deleted text

Contd..

Contd..

<center>





<s><hr>

Centrally aligns the text

Underlines the text

Makes the italics

Text presented as strikethrough

Makes a horizontal line

Adding Image to the web page

<Img> Tag- this tag works for adding graphics to the web page .The image source is written in the opening tag. Here name and size (height, width) of the image are the attributes used with this tag.

Adding Links to the Web PageAnchor Tag-HTML links are defined with the <a> tag.

href is the attribute used with this tag for the address of the link.

Link, Alink, Vlink are the attributes used for defining the color of links , Active inks and visited links in the document.

Questions?????

Documents

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page