Basic HTML ELEMENTS
HTML:
HTML hypertext markup language is used to create web pages the language does the browser
like the mosaic Internet Explorer how to display text picture and links on the screen,
like the mosaic Internet Explorer how to display text picture and links on the screen,
History of HTML:
Tim Berners Lee at CERN (European organisation for nuclear research) devised away in late 80s
and early 90s share document over the Internet. this was in the form of markup language called
HTML.
and early 90s share document over the Internet. this was in the form of markup language called
HTML.
HTML data structure:
An HTML document consists of text which companies comprises the content of document and tag
which define the structure and appearance HTML is not case sensitive HTML tag can be written
capital letter and small letter.
which define the structure and appearance HTML is not case sensitive HTML tag can be written
capital letter and small letter.
E.g.
<HEAD>
<TITLE>Title of the page</TITLE>
</HEAD>
<BODY>
The HTML tag that define your page go here.
</BODY>
</HTML>
Creating HTML document:
First open the notepad the type then type the HTML code, now click file and select save as it
option to save the file now give name to your HTML document with. HTML extension.
option to save the file now give name to your HTML document with. HTML extension.
Tags:
It is a Keyword to specify the certain kind of formatting and display of the content.
Element:
It represent complete individual component. It contains three part (1)start tag
(2)End tag
(3) Content between start and end tag.
Attribute:
It allows us to add extra bit of information it appear inside the opening tag and have specific values.
Container and empty tag:
Container tag contents two tag on and off tag but empty tag contains only on tag.
E.g.<TITLE>Title of the page</TITLE> (Container tag)
<LI>Any object name of list (Empty tag)
Background attribute:
This attribute specifies the web page background.
SYNTAX:
<BODY Background=”filename.gif”>
BG colour:
This attribute is used to display the background colour.
E.g.<Body Bgcolor=”Yellow”>
Margins:
It refers to the blank area left from the edge of the page.
E.g.<BODY leftmargin=”40”>
Heading Tag:
HTML has six level of heading tag, number1, to number6, with 1 being the largest.
E.g.
<H1>....................</H1>
<H2>....................</H2>
<H6>....................</H6>
<BR>Tag:
This tag is used to break the line in the web page.
Paragraph tag:
The text you type between <p>&</p> tags is by default left aligned. To end line and also to show
a blank line before beginning anything use paragraph tag.
a blank line before beginning anything use paragraph tag.
Centre tag:
It type the text between <centre> and </centre> and your text will be appear centralised.
Example:
<Centre> This is centralised </Centre>
Basefont:
This that lets you define the basic size and for the font the browser will use to render normal
document text this tag is used with its attributes ise whose value determined the document
base font size.
document text this tag is used with its attributes ise whose value determined the document
base font size.
E.g.< Body>
<Base font =”5”>
<Body>
Font tag:
The font tag lets you change the size, style and colour of the text. It is generally used for changing
the appearance of the short segment of the text.
the appearance of the short segment of the text.
Size and colour attribute:
This attribute is used to change the size and colour of the text.
E.g.<Font size =” 7”> M</font>
<Font colour =”red”> name </Font>
Face attribute:
Face attribute is used to change the style of the text.
E.g.<Font =”Aerial”>
HR tag:
It is used to give you away to separate section of your document visually.
E.g.<HR =”4” width =”50%”>
Noshade attribute:
This attribute is used to change the shade of the <HR> line. Width attribute is used to give the width to HR line.
E.g.<HR Width=”100” Noshade>
Comments:<!..........and……..>
comments are one type of textual content which appear in your HTML code but are not rendered by the user’s browser.
Logical and physical text style:
It changes the text style.
E.g. bold, Italic, underline, strong, e.t.c
Special character:
It is used to insert the special symbol in the web page.
E.g. <, >,&.
List:
There are three basic types of list in HTML.
Unordered list or unnumber list:
This list contain the bullet and symbol to represent the list item.
E.g.<UL>
<LI> Apple
<LI>Orange
</UL>
Types attribute:
It is used to define the symbol of unumbered list. Example: Disc, square, circle
Numbered List:
These are indented list that have numbers a letter in front of each item.
E.g, <OLl>
<LI> Apple
<LI>Guava
</OL>
No comments:
Post a Comment