HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Post on 20-Jan-2018
239 Views
Preview:
DESCRIPTION
Transcript
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 <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
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<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.
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
<b>
<big>
<em>
<i>
<small>
Defines bold text
Defines big text
Defines emphasized text
Defines italic text
Defines small text
<strong>
<sub>
<sup>
<ins>
<del>
Defines strong text
Defines subscripted text
Defines superscripted text
Defines inserted text
Defines deleted text
Contd..
Contd..
<center>
<u>
<i>
<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?????
top related