HTML

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

What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML 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 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 ….. This part contains the tags and the contents of the web page to be displayed in the web page

The Element The 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 element defines the body of the HTML document. The element has a start tag and an end tag. 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.. - 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 - This tag defines the size of text within it. H1 is the largest size and H6 is the smallest.

Formatting tags Defines bold text Defines big text Defines emphasized text Defines italic text Defines small text

Defines strong text Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Contd..

Centrally aligns the text Underlines the text Makes the italics Text presented as strikethrough Makes a horizontal line

Adding Image to the web page 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 Page Anchor Tag-HTML links are defined with the 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?????