Top Banner
HTML
19

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

Jan 20, 2018

Download

Documents

Marjory Ball

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
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML

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

INDEX

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

Page 3: 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

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

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.

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

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

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

Contd..Container tags normally come in pairs like <b> and </b> 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

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

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.

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

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>

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

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.

Page 10: HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags 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.

Page 11: HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags 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

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

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

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

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

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

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.

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

Formatting tags

<b>

<big>

<em>

<i>

<small>

Defines bold text

Defines big text

Defines emphasized text

Defines italic text

Defines small text

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

<strong>

<sub>

<sup>

<ins>

<del>

Defines strong text

Defines subscripted text

Defines superscripted text

Defines inserted text

Defines deleted text

Contd..

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

Contd..

<center>

<u>

<i>

<s><hr>

Centrally aligns the text

Underlines the text

Makes the italics

Text presented as strikethrough

Makes a horizontal line

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

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.

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

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.

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

Questions?????