Webbb!!!

HTML IN SIMPLE STEPS!!!

PART - I
GETTING STARTED &
WORKING WITH TEXT

STRUCTURE:

<HTML>

<HEAD>

<TITLE>

Title to be displayed in title bar of the web browser

</TITLE>

</HEAD>

<BODY>

Contents of the web page

</BODY>

</HTML>

TO CHANGE BACKGROUND:

</BODY>

ADDING BACKGROUND PICTURE:

</BODY>

ADDING PLAIN TEXT:

<BODY>

This is the text…

</BODY>

LINE BREAK:

<br> tag is used. It DOESN’T HAVE CLOSING TAG </br>

CREATING HEADINGS: (no need of end tag)

<h1>hai</h1> hai

<h2>hai</h2> hai

…

<h6>hai</h6> hai

CREATING PARAGRAPH:

<P>this is para 2.

Welcome!!! J</P>

ALIGNMENTS:

<align=left>

<align=right>

<align=center>

CREATING HORIZONTAL RULE:

<hr> NO END TAG!

---------------------------------------------------------------------------------------------

-------------------------------------------------

CREATING SUBSCRIPT:

CREATING SUPERSCRIPT:

TEXT ALIGNMENT:

<h3 align=”center”>hai

BOLD, ITALIC AND UNDERLINE:

FONT:

<FONT SIZE=”4” FACE=”VERDANA” COLOR=”RED”>hello world!</FONT>

GROUPING TEXT AS BLOCKS:

We can define a section of the web page and give that section a different style with the heop of the <div> tag. This tag places a line break before and after the <div> elements.

EG:

<body>

Hai

<h4>hello</h4>

</div>

The div formatting style is not applied in this line!

</body>

<span>

We can use <span> tag to apply styles to the text in the middle of other texts.

EG:

<body>

<p>

<h1>hai.

This text should be in diff. line

</span>

This text is grouped.

</p>

<p>

This text comes in different paragraph.

</span>

</p>

</body>

INDENTING QUOTATIONS:

<BLOCKQUOTE> - We don’t need to set margins on the web page. Use blockquote for multiline quotations and <Q> for shorter quotations like one-line quotations.

SCROLLING TEXTS:

<marquee> - helps in displaying scrolling text.

EG:

<body>

This is the default way

</marquee>

This is an example of text scrolling upwards.

</marquee>

</body>

WORKING WITH CHARACTER ENTITIES:

To display some special characters in web browser, character entities must be inserted in the HTML code.

Entity name	desc.	Result	entity number
	non-breaking space
&lt	less than	<	<
&gt	greater than	>	>
&amp	ampersand	&	&
&quot	quotation	“	"

EG:

This     is the < (less than) sign

OUTPUT:

This is the < (less than) sign

COMMENTS:

---------------------------------------------END OF PART - I-----------------------------------------------
CONTINUE WITH PART - II FOR THE NEXT CONCEPTS...

Webbb!!!

Total Pageviews

Monday, 25 February 2013

2 comments: