Wednesday, May 02, 2012

MCSL-016 BLOCK 1->UNIT 2

+++++++++++++

++What is HTML?++

+++++++++++++



Ans:

1. HTML stands for Hypertext Markup Language.

2. It is not a PROGRAMMING language, It is a Markup Language.

3. It provides a way of displaying Web Pages.

4. HTML file must have htm or html extension.

5. HTML file is a Text fiel.

6. Its not a case sensitive language.



Example of HTML page

<!--COMMENT -- >

<html> <!-- HTML page begins with this tag-- >

<head><title>RUDRA-KSH</title></head> <!-- Contains info. about a page that will not appear on page itself-- >

<body></body> <!-- Contains all info. that appears on the page.-- >

</html> <!-- HTML page ends with this tag-- >



HTML pages are 2 types:

1. Static Pages

2. Dynamic Pages



+++++++++++++++++++++++

++++Basic Tags of HTML.....++++

+++++++++++++++++++++++



HTML TAG : <html> Opening tag, </html> closing tag -> It is necessary to write the code for an HTML page between these tags.



TITILE TAG: <title>,</title> -> This tag is written under the Head tag. This tag is used to display the document title on the top of BROWSER WINDOW.



BODY TAG: <body>, </body> -> All the content to be displayed on the web page has to be written within the these tags. It has the following attributes:



1. bgcolour -> for changing the background color of page, Bydefault its white.

2. background -> for specifyng the image to be displayed in the background of the page.

3. link -> indicates the color of the hyperlinks.

4. alink -> indicates the color of active hyperlinks.

5. vlink -> inidcates the color of visited hyperlinks.

6. text -> indicates the color of the text displayed on the page.



+++++++++++++++++++++

++Formating of the TEXT....++

+++++++++++++++++++ ++



HEADERS: Headers are used to specify the headings of sections or sub-sections in a document.

Header TAGS are as follows:



1. <h1> Heading 1</h1>

2. <h2> Heading 2</h2>

3. <h3> Heading 3</h3>

4. <h4> Heading 4</h4>

5. <h5> Heading 5</h5>

6. <h6> Heading 6</h6>



FormattingTags: These tags are used for formatting our text or say give a good look to text.

These Tags are as follows:



1. <B>, </B> || <STRONG>, </STRONG> =>These tags are used for display the text in BOLD face.

2. <I>, </I> || <EM>, </EM> || <ADDRESS>,</ADDRESS> || <CITE>, </CITE> =>These tags are used for display the text in ITALIC.

3. <U>, </U> => This tag is used for Underlining the text to be displayed

4. <P>, </P> =>This tag is use for displaying the text in the form of paragraph.

5. <BR> || <BR /> => This tag is used for insertin a lin break. It has not a closing tag.

6. <HR> || <HR /> => This tag is used for puts a horizontal line on page. It has not a closing tag.

7. <STRIKE>, </STRIKE> => This tag is used for marking a text with strikethrough.(CUTTED TEXT)

8. <TT>,</TT> => This tag is used for displaying text in a fixed width font similar to that of a typewriter.

9.<BLOCKQUOTE>, </BLOCKQUOTE> => This tag indents the left margin of text.





PRE TAG: <PRE>, </PRE>This tag is used to present the text exactly written in the code, including whitespace character.



FONT TAG: <FONT>,</FONT>=> This tag is used to change the characteristics of the font such as: size, color, etc. It has the following attributes:



1. face -> for change the font style. Its value should be given as the name of the desired font.

2. size -> for change the size of text. Font can be displayed in any 7 sizes:

=====> 1 for TINY

=====> 2 for SMALL

=====> 3 for REGULAR

=====> 4 for EXTRA MEDIUM

=====> 5 for LARGE

=====> 6 for REAL BIG

=====> 7 for LARGEST



3. colour -> With this attribute we can change the desired font colour. The values can be specified either in HEXADECIMAL(#RGB=> #000000 to #FFFFFF) format or name of the colour.



Example:

<font face="arial" size=5 colour="RED">



SPECIAL CHARACTERS: There are different character symbols to display the special characters in our HTML document. These are as follows: SC(Special Character), CS(Character Symbol)

SN SC CS

1. < &lt;

2. > &gt;

3. & &amp;

4. " &quot;

5. whitespace &nbsp;



++++++++++++++++++++++

++WORKING WITH IMAGES...++

++++++++++++++++++++++



We can insert/specifies the image on a page with the <IMG> tag. <IMG> tag can be used for displaying an image with the desired height and width.

It has the following attributes:



1. SRC -> This specifies the pathname to the source file that contains the image.

2.WIDTH -> for specifying the desired width of the image.

3. HEIGHT -> for specifying the desired height of the image.

4. BORDER -> It specifies the width of the border of the image. By default it is 0 i.e. there is no border.

5. ALT -> It gives the proper text to describe the image, when image is not loaded or not available or user turnedoff image loading.



Example:



<img src="image.jpeg" width=100 height=100 border=10 alt="image">


Please leave the comments... and give feedbacks...

No comments:

Post a Comment