Anda di halaman 1dari 91

USING BASEFONT

<html>
<head>
<title>Using Basefont</title>
</head>
<body>
<basefont color=green size=6 face=arial>
<P>Elements are the predefined objects of HTML which can be used to perform any
activity or to display any information on the web page.
Container Elements are those elements which poses the starting as well as ending position.
They can contain any other element or information in itself.</P>
<H1>Hello Everybody</H1>
</body>
</html>
BROWSER VIEW
USING FONT
<html>
<head>
<title>Using Font</title>
</head>
<body>
<font color=green size=6 face=arial>
<P>Elements are the predefined objects of HTML which can be used to perform any
activity or to display any information on the web page.
Container Elements are those elements which poses the starting as well as ending position.
They can contain any other element or information in itself.</P></font>
<H1>Hello Everybody</H1>
</body>
</html>
BROWSER VIEW
DISPLAY A MESSAGE AT THE TITLE BAR
<html>
<head>
<title>
My First Webpage
</title>
</head>
<body>
Hello Everybody
</body>
</html>
BROWSER VIEW
CHANGING THE BACKGROUND COLOR
<html>
<head>
<title>
My First Webpage
</title>
</head>
<body bgcolor=yellow>
Hello Everybody
</body>
</html>

BROWSER VIEW
CHANGING OF TEXT COLOR
<html>
<head>
<title>
My First Webpage
</title>
</head>
<body bgcolor=yellow text=red>
Hello Everybody
</body>
</html>

BROWSER VIEW
APPLYING IMAGE IN THE BACKGROUND OF
THE WEBPAGE
<html>
<head>
<title>
Applying Background Image
</title>
</head>
<body background="C:\Users\Public\Pictures\Sample Pictures\Humpback Whale.jpg">
Hello Everybody
</body>
</html>
BROWSER VIEW
USING HEADING ELEMENT(with center tag)
<html>
<head>
<title>
Using Center Tag
</title>
</head>
<body>
<center><h1>Hello</h1>
<h2>Hello</h2>
<h3>Hello</h3>
<h4>Hello</h4>
<h5>Hello</h5>
<h6>Hello</h6></center>
</body>
</html>
BROWSER VIEW
USING PARAGRAPH ELEMENT
<html>
<head>
<title>
Using Paragraph Tag
</title>
</head>
<body>
<p> My name is Deepak Sharma. I have done my schooling from DAV Public School,
Dayanand Vihar. Currently I am persuing my graduation from IP University. I am doing
BBA[Gen] from DAVIM.</p>
<p>My hobbies are travelling, listening music, movies, playing games on computer,chatting
with friends, hanging out with them.</p>
</body>
</html>
BROWSER VIEW
USING OF BLOCKQUOTE
<html>
<head>
<title>
Using Block Quote
</title>
</head>
<body>
<p> My name is Deepak Sharma. I have done my schooling from DAV Public School,
Dayanand Vihar. Currently I am persuing my graduation from IP University. I am doing
BBA[Gen] from DAVIM.</p>
<blockquote> My hobbies are travelling, listening music, movies, playing games on
computer, chatting with friends, hanging out with them.</blockquote>
</body>
</html>
BROWSER VIEW
USING BOLD, ITALIC, UNDERLINE TAGS
<html>
<head>
<title>
Using Bold, Italic & Underline Tags
</title>
</head>
<body>
<p><B> My name is Deepak Sharma</B>. I have done my schooling from <I>DAV Public
School</I>, Dayanand Vihar. Currently I am persuing my graduation from <U>IP
University</U>. I am doing <I>BBA[Gen]</I> from <I>DAVIM</I>.</p>
<p>My hobbies are travelling, listening music, movies, playing games on computer,
chatting with friends, hanging out with them.</p>
</body>
</html>
BROWSER VIEW
USING HORIZONTAL RULE
<html>
<head>
<title>
Using Horizontal Rule
</title>
</head>
<body>
<p>My name is Deepak Sharma. I have done my schooling from DAV Public School,
Dayanand Vihar. Currently I am persuing my graduation from IP University. I am doing
BBA[Gen] from DAVIM.</p>
<HR>
<p>My hobbies are travelling, listening music, movies, playing games on computer,
chatting with friends, hanging out with them.</p>
</body>
</html>
BROWSER VIEW
INCREASING THE THICKNESS OF HORIZONTAL
RULE
<html>
<head>
<title>
Increasing Thickness of Horizontal Rule
</title>
</head>
<body>
<p>My name is Deepak Sharma. I have done my schooling from DAV Public School,
Dayanand Vihar. Currently I am persuing my graduation from IP University. I am doing
BBA[Gen] from DAVIM.</p>
<HR size=10>
<p>My hobbies are travelling, listening music, movies, playing games on computer,
chatting with friends, hanging out with them.</p>
</body>
</html>
BROWSER VIEW
TO ADD COLOR TO THE HORIZONTAL RULE
<html>
<head>
<title>
Change Color of Horizontal Rule
</title>
</head>
<body>
<p>My name is Deepak Sharma. I have done my schooling from DAV Public School,
Dayanand Vihar. Currently I am persuing my graduation from IP University. I am doing
BBA[Gen] from DAVIM.</p>
<HR size=10 color=green>
<p>My hobbies are travelling, listening music, movies, playing games on computer,
chatting with friends, hanging out with them.</p>
</body>
</html>
BROWSER VIEW

CHANGING WIDTH OF HR
<html>
<head>
<title>
Horizontal rule width
</title>
</head>
<body>
<p>I am <b>Jyoti Jain</b>.I love listening to music.In my life i want to achieve each and
everything i desire for.I stay in <i>Delhi</i>.My core interest lies in Business studies.I also
love doing adventuruos activities.<u>I want to be a successful person in my life.</u>I want
to have all the luxuries and want my parents to feel proud on me.And i also feel one thing
that one should not run after money in excess and atleast should not leave his/her
family.</p>
<hr width=10%><p>I am pursuing BBA (GEN) from G.G.S.I.P.U. and in future planning
to do MBA from top 20 B-Schools in India.And i will do all possible efforts to get admitted
in MBA and afterwards will do job.So,that was all about me.</p>
</body>
</html>
BROWSER VIEW
ALIGNMENT OF HR
<html>
<head>
<title>
Horizontal rule align
</title>
</head>
<body>
<p>I am <b>sameer arora</b>.I love listening to music.In my life i want to achieve each
and everything i desire for.I stay in <i>Delhi</i>.My core interest lies in Business studies.I
also love doing adventuruos activities.<u>I want to be a successful person in my life.</u>I
want to have all the luxuries and want my parents to feel proud on me.And i also feel one
thing that one should not run after money in excess and atleast should not leave his/her
family.</p>
<hr width=50% align=right><p>I am pursuing BBA (GEN) from G.G.S.I.P.U. and in
future planning to do MBA from top 20 B-Schools in India.And i will do all possible efforts
to get admitted in MBA and afterwards will do job.So,that was all about me.</p>
</body>
</html>
BROWSER VIEW
CALLING IMAGE IN APPLICATIUON WEBPAGE
<html>
<head>
<title>
Calling image in application webpage
</title>
</head>
<body>
<img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample
Pictures\blue hills.jpg ">
</body>
</html>
BROWSER VIEW
CHANGING THE SIZE OF THE IMAGE IN THE
WEBPAGE & APPLYING BORDER
<html>
<head>
<title>
Changing Size of Image & Applying Border
</title>
</head>
<body>
<img src="C:\Users\Public\Pictures\Sample Pictures\Humpback Whale.jpg" width=100
height=100 border=5>
</body>
</html>
BROWSER VIEW
USE OF ALT
<html>
<head>
<title>
use of alt
</title>
</head>
<body>
<img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample
Pictures\winter.jpg " alt="little
baby2a">
</body>
</html>
BROWSER VIEW
USE OF UL TYPE
<html>
<head>
<title>
use of unordered listing type
</title>
</head>
<body>
Courses offered by DAVIM
<ul type=square>
<li>BBA</li>
<li>BCA</li>
<li>B.CAM</li>
<li>MBA</li>
<li>MCA</li></ul>
</body>
</html>
BROWSER VIEW
UN-ORDERED LISTING
<html>
<head>
<title>
Using Un-ordered Listing
</title>
</head>
<body>
Courses offered by DAVIM
<ul type=circle>
<li>BBA</li>
<li>BCA</li>
<li>MBA</li>
<li>MCA</li>
</ul>
</body>
</html>
BROWSER VIEW
USE OF START IN OL
<html>
<head>
<title>
use of ordered listing type and start
</title>
</head>
<body>
Courses offered by DAVIM
<ol type= a start=5 >
<li>BBA</li>
<li>BCA</li>
<li>B.CAM</li>
<li>MBA</li>
<li>MCA</li></ol>
</body>
</html>
BROWSER VIEW
ORDERED LISTING
<html>
<head>
<title>
Using Ordered Listing
</title>
</head>
<body>
Courses offered by DAVIM
<ol type=I>
<li>BBA</li>
<li>BCA</li>
<li>MBA</li>
<li>MCA</li>
</ol>
</body>
</html>
BROWSER VIEW
USE OF DIRECTORY LISTING
<html>
<head>
<title>
Using Listing
</title>
</head>
<body>
Courses offered by DAVIM
<dir>
<DT>BBA</DT>
<DD>Bachelor Of Business Administration</DD>
<DT>BCA</DT>
<DD>Bachelor Of Computer Application</DD>
<DT>MBA</DT>
<DD>Master Of Business Administration</DD>
<DT>MCA</DT>
<DD>Master Of Computer Application</DD>
</dir>
</body>
</html>
BROWSER VIEW
(a) MARQUEE
<html>
<head>
<title>
Using Marquee
</title>
</head>
<body>
<marquee>
HELLO EVERYBODY
</marquee>
</body>
</html>

(b) CHANGING THE DIRECTION OF MOVEMENT


OF THE MESSAGE
<html>
<head>
<title>
Changing Marquee Movement Direction
</title>
</head>
<body>
<marquee direction=right>
HELLO EVERYBODY
</marquee>
</body>
</html>
(c) CHANGING COLOR OF THE MARQUEE
<html>
<head>
<title>
Changing Color of Marquee
</title>
</head>
<body>
<marquee bgcolor=purple>
HELLO EVERYBODY
</marquee>
</body>
</html>

(d) CHANGING TYPE OF MOVEMENT OF THE


MARQUEE
<html>
<head>
<title>
Changing Type Movement of Marquee
</title>
</head>
<body>
<marquee direction=right behavior=alternate>
HELLO EVERYBODY
</marquee>
</body>
</html>
(e) INCREASING THE SPEED OF MESSAGE
SCROLLING
<html>
<head>
<title>
Increasing The Speed ofMessage Scrolling in Marquee
</title>
</head>
<body>
<marquee direction=right scroll amount=100 scroll delay=10>
HELLO EVERYBODY
</marquee>
</body>
</html>
BROWSER VIEW
CREATING FORM
<html>
<head>
<title>Using Form</title>
</head>
<body>
<form>
Username<input type=text size=25 maxlength=25><BR>

Password<input type=password size=25 maxlength=25><BR>

Address<textarea rows=3 cols=25></textarea><BR>

Country<Select>
<option>India</option>
<option>USA</option>
<option>UK</option>
<option>Other</option>
</select><BR>

Language Known<input type=checkbox>English


<input type=checkbox>Hindi
<input type=checkbox>Regional<BR>

Maritial Status<input type=radio>Married


<input type=radio>Single<BR>

<input type=Submit value="Submit">


<input type=Reset value="Reset">
</form>
</body>
</html>
BROWSER VIEW
CREATING FORM USING &nbsp;
<html>
<head>
<title>Using Form</title>
</head>
<body>
<form>
Username &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type=text size=25
maxlength=25><BR>

Password &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type=password size=25
maxlength=25><BR>

Address&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <textarea rows=3
cols=25></textarea><BR>

Country &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <Select>
<option>India</option>
<option>USA</option>
<option>UK</option>
<option>Other</option>
</select><BR>

Language Known &nbsp;&nbsp;&nbsp;&nbsp; <input type=checkbox>English


<input type=checkbox>Hindi
<input type=checkbox>Regional<BR>

Maritial Status &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<input type=radio>Married
<input type=radio>Single<BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type=Submit


value="Submit">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type=Reset
value="Reset">
</form>
</body>
</html>
BROWSER VIEW
CREATING FORM USING pre
<html>
<head>
<title>Using Form</title>
</head>
<body>
<pre>
<form>
Username <input type=text size=25 maxlength=25><BR>

Password <input type=password size=25 maxlength=25><BR>

Address <textarea rows=3 cols=25></textarea><BR>

Country <Select>
<option>India</option>
<option>USA</option>
<option>UK</option>
<option>Other</option>
</select><BR>

Language Known <input type=checkbox>English


<input type=checkbox>Hindi
<input type=checkbox>Regional<BR>

Maritial Status <input type=radio>Married <input type=radio>Single


<BR>

<input type=Submit value="Submit"> <input type=Reset value="Reset">


</pre>
</form>
</body>
</html>
BROWSER VIEW
CREATING FORM USING table
<html>
<head>
<title>Using Form</title>
</head>
<body>
<form>
<table>
<tr><td>Username</td>
<td><input type=text size=25 maxlength=25></td></tr>

<tr><td>Password</td>
<td><input type=password size=25 maxlength=25></td></tr>

<tr><td>Address</td>
<td><textarea rows=3 cols=25></textarea></td></tr>

<tr><td>Country</td>
<td><Select>
<option>India</option>
<option>USA</option>
<option>UK</option>
<option>Other</option>
</select></td></tr>

<tr><td>Language Known</td>
<td><input type=checkbox>English
<input type=checkbox>Hindi
<input type=checkbox>Regional</td></tr>

<tr><td>Maritial Status</td>
<td><input type=radio>Married
<input type=radio>Single</td></tr>

<tr><td><input type=Submit value="Submit"></td>


<td><input type=Reset value="Reset"></td></tr>
</form>
</body>
</html>
BROWSER VIEW
CREATING HYPERLINK
First file
<html>
<head>
<title>Using Hyperlink</title>
</head>
<body>
First file for hyperlink<BR>
<a href="Second.html" title="Link for Second File">
Next
</a>
</body>
</html>

Second File
<html>
<head>
<title>Using Hyperlink</title>
</head>
<body>
Second file for hyperlink<BR>
<a href="First.html" title="Link for First File">
Back
</a>
</body>
</html>
BROWSER VIEW
First File

Second File
CREATING HYPERLINK using image
First File
<html>
<head>
<title>Using Hyperlink</title>
</head>
<body>
First file for hyperlink<BR>
<a href="Hyperlink_second_img.html" title="Link for Second File">
<img src="C:\Users\Public\Pictures\Sample Pictures\Dock.jpg" height=200 width=200>
</a>
</body>
</html>

Second File
<html>
<head>
<title>Using Hyperlink</title>
</head>
<body>
Second file for hyperlink<BR>
<a href="Hyperlink_first_img.html" title="Link for First File">
<img src="C:\Users\Public\Pictures\Sample Pictures\Forest.jpg" heigth=200 width=200>
</a>
</body>
</html>

BROWSER VIEW
First File

Second File
USING HYPERLINK within same file
<html>
<head>
<title>Using Hyperlink</title>
</head>
<body>
<a name="Top">
<a href="#top">First</a>
<a href="#middle">Second</a>
<a href="#bottom">Third</a><BR>
<img src="C:\Users\Public\Pictures\Sample Pictures\Dock.jpg" height=200 width=200>
</a>

<a name="middle"><BR>
Second
<img src="C:\Users\Public\Pictures\Sample Pictures\Forest.jpg" height=200 width=200>
<a href="#top">Top</a>
</a>

<a name="bottom"><BR>
Third
<img src="C:\Users\Public\Pictures\Sample Pictures\Tree.jpg" height=200 width=200>
<a href="#top">Top</a>
</a>
</body>
</html>

BROWSER VIEW
CREATING FRAMES [rows]
<html>
<head>
<title>Using Frames</title>
</head>
<frameset rows="50%,50%">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Dock.jpg" name="a">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Forest.jpg" name="b">
</frameset>
</html>

BROWSER VIEW
CREATING FRAMES [columns]
<html>
<head>
<title>Using Frames</title>
</head>
<frameset cols="50%,50%">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Dock.jpg" name="a">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Forest.jpg" name="b">
</frameset>
</html>

BROWSER VIEW
CREATING FRAMES [rows & columns]
<html>
<head>
<title>Using Frames</title>
</head>
<frameset rows="25%,75%">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Dock.jpg" name="a">
<frameset cols="50%,50%">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Forest.jpg" name="b">
<frame src="C:\Users\Public\Pictures\Sample Pictures\Tree.jpg" name="c">
</frameset>
</frameset>
</html>

BROWSER VIEW
(a) USING TABLES
<html>
<head>
<title>
Using Tables
</title>
</head>
<body>
<table>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(b) ADDING BORDERS TO THE TABLE


<html>
<head>
<title>
Adding Border to the Table
</title>
</head>
<body>
<table border=2>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(c) CHANGING THE TABULAR AREA COLOR


<html>
<head>
<title>
Changing Tabular Area Color
</title>
</head>
<body>
<table border=2 bgcolor=yellow>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(d) CHANGING THE SPACES BETWEEN THE


CELLS
<html>
<head>
<title>
Changing the Spaces Betwwen the Cells
</title>
</head>
<body>
<table border=2 cellspacing=5>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(e) CHANGING THE DISTANCE BETWEEN THE


TEXT IN THE CELL & THE CELL BOUNDARY
<html>
<head>
<title>
Changing the Distance Betwwen the Text of the Cell & Cell Boundary
</title>
</head>
<body>
<table border=2 cellpaddind=5>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(f) CHANGING THE WIDTH & HEIGHT OF THE


CELL
<html>
<head>
<title>
Changing the Heigth & Width of the Cell
</title>
</head>
<body>
<table border=2 width=75% heigth=50%>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

(g) ALIGNING THE TABLE


<html>
<head>
<title>
Aligning the Table
</title>
</head>
<body>
<table border=2 align=center>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>

BROWSER VIEW
CHANGING COLOR OF ROW & CELL AND
CHANGING ALIGNMENT OF TEXT IN THE CELL
<html>
<head>
<title>
Changing Color of Cell & Row and the Alignment of Text in Cell
</title>
</head>
<body>
<table border=2 bgcolor=red cellspacing=5 cellpadding=5 width=75% heigth=50%
align=center>
<tr bgcolor=yellow>
<th>Roll No</th>
<th>Name</th>
<th>Branch</th>
</tr>
<tr>
<td bgcolor=purple>1</td>
<td bgcolor=blue>Deepak</td>
<td bgcolor=brown>BBA</td>
</tr>
<tr bgcolor=green>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr>
<td>3</td>
<td>Vishu</td>
<td>MBA</td>
</tr>
</table>
</body>
</html>
BROWSER VIEW
CREATING AN EXTRA COLUMN &ROW AND
MERGING CELLS
<html>
<head>
<title>
Creating an Extra Column & Row and Merging Cells
</title>
</head>
<body>
<table border=2 bgcolor=red cellspacing=5 cellpadding=5 width=75% heigth=50%
align=center>
<tr dg>
<th>Roll No</th>
<th>Name</th>
<th>Course</th>
</tr>
<tr bgcolor=cyan>
<td>1</td>
<td>Deepak</td>
<td>BBA</td>
</tr>
<tr>
<td>2</td>
<td>Vijay</td>
<td>BCA</td>
</tr>
<tr bgcolor=cyan>
<td>3</td>
<td>Vishu</td>
<td rowspan=2>MBA</td>
</tr>
<tr>
<td>4</td>
<td>Aman</td>
</tr>
<tr>
<td colspan=3 align=center>Student Details</td>
</tr>
</table>
</body>
</html>
BROWSER VIEW
USE OF IMAGE MAP
<html>
<head>
<title>
using image map tag
</title>
<body >
<img src="D:\wallpapers\Artworks\A_EAR002.jpg"height=300 width=300
usemap="#xyz">
<map name="xyz">
<area shape=rect coords="0,0,25,50" href="C:\Documents and
Settings\lenovo\Desktop\programmes files\jyoti html\jyoti20.html">
<area shape=circle coords="0,50,50" href="C:\Documents and
Settings\lenovo\Desktop\programmes files\jyoti html\jyoti16.html">
<area shape=poly coords="50,100,100,200,200" href="C:\Documents and
Settings\lenovo\Desktop\programmes files\jyoti html\jyoti33.html">
</map>
</body>
</html>
BROWSER VIEW
USING SUBSCRIPT AND SUPERSCRIPT
<html>
<head>
<title>
Using Subscript & Superscript
</title>
</head>
<body>
2<SUP>2</SUP><BR>
H<SUB>2</SUB>o
</body>
</html>
BROWSER VIEW
PREPARED BY
NAME - DEEPAK SHARMA
ROLL NO. - 0541211707
COURSE - BBA [Gen] IVth Sem

INDEX

1. Using Basefont
2. Using Font
3. Display A Message At The Title Bar
4. Changing The Background Color
5. Changing Of Text Color
6. Applying Image In The Background Of The Webpage
7. Using Heading Element(With Center Tag)
8. Using Paragraph Element
9. Using Of Blockquote
10. Using Bold, Italic, Underline Tags
11. Using Horizontal Rule
12. Increasing The Thickness Of Horizontal Rule
13. To Add Color To The Horizontal Rule
14. Changing Width Of HR
15. Alignment Of HR
16. Calling Image In Application Webpage
17. Changing The Size Of The Image In The Webpage & Applying Border
18. Use Of Alt
19. Use Of UL Type
20. Un-Ordered Listing
21. Use Of Start In OL
22. Ordered Listing
23. Use Of Directory Listing
24. (A) Marquee
(B) Changing The Direction Of Movement Of The Message
(C) Changing Color Of The Marquee
(D) Changing Type Of Movement Of The Marquee
(E) Increasing The Speed Of Message Scrolling
25. Creating Form
26. Creating Form Using &nbsp;
27. Creating Form Using Pre
28. Creating Form Using Table
29. Creating Hyperlink
30. Creating Hyperlink Using Image
31. Using Hyperlink Within Same File
32. Creating Frames [Rows]
33. Creating Frames [Columns]
34. Creating Frames [Rows & Columns]
35. (A) Using Tables
(B) Adding Borders To The Table
(C) Changing The Tabular Area Color
(D) Changing The Spaces Between The Cells
(E) Changing The Distance Between The Text In The Cell & The Cell Boundary
(F) Changing The Width & Height Of The Cell
(G) Aligning The Table
36. Changing Color Of Row & Cell And Changing Alignment Of Text In The Cell
37. Creating An Extra Column &Row And Merging Cells
38. Use Of Image Map
39. Using Subscript And Superscript

Anda mungkin juga menyukai