Scribd
Upload
62 views59 pages

AJP1

The document contains examples of different HTML tags used to format text, add images and links, create tables, and build forms. It shows tags for headings, paragraphs, lists, divs, images, hyperlinks, tables, text boxes, passwords, checkboxes and more. The tags are demonstrated individually with attributes and examples to explain their usage.

Uploaded by

Prasanna
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
62 views59 pages

AJP1

The document contains examples of different HTML tags used to format text, add images and links, create tables, and build forms. It shows tags for headings, paragraphs, lists, divs, images, hyperlinks, tables, text boxes, passwords, checkboxes and more. The tags are demonstrated individually with attributes and examples to explain their usage.

Uploaded by

Prasanna
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 59

<html>

<head>
<title>Hi
</title>
</head>
<HTML>
<BODY>
WELCOME
</BODY>
</HTML>
<HTML>
<BODY
bgcolor=“Lightblue”>
WELCOME
</BODY>
</HTML>
<HTML>
<BODY bgcolor=“green”>
<center>
<b>WELCOME</b>
</center>
</BODY>
</HTML>
<HTML>
<BODY bgcolor=“green”>
<center>
<u><i>WELCOME</i></u>
<hr/>
</center>
</BODY>
</HTML>
<BODY bgcolor=“green”>
<ol>
<li>BCA</li>
<li>BBM</li>
<li>B.Com</li>
</ol>
</BODY>
<BODY bgcolor=“green”>
<ul type=square>
<li>BCA</li>
<li>BBM</li>
<li>B.Com</li>
</ul>
</BODY>
<BODY bgcolor=“green”>
<b>Prasanna Kumar<sub>B.E</sub>
<br/>
<br/>
<br/>
<b>a<sup>2</sup> </b>
</BODY>
<BODY bgcolor=“lightblue”>
I am in line 1

I am in line 4

</BODY>
<BODY bgcolor=“lightblue”>
<p>I am in line 1</p>
<p>I am in line 2</p>
<p>Infact Im in Paragraph 3</p>
<img src=“7.png” height=“100” width=“100”>

</BODY>
<BODY bgcolor=“lightblue”>
<font color=“yellow”>I am in
green in color.</p>
<font size=“5” color=“blue”>I
am blue in color & of 5
units.</p>
<p><font face=“ariel”>Infact Im
in Paragraph 3</p>
<DIV>
This is the very important block level
tag which plays a big role in grouping
various other HTML tags and applying
CSS on group of elements. This tag
does not provide any visual change on
the block but this has
more meaning when it is used with
CSS.
<div style=“color:red”>
<h4>This is a group</h4>
<p> Following is a list of vegetables</p>
<ul>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</div>
IMAGE TAG
<img>
Attributes:
1) src=“ image path”;
2) Height;
3) Width;
4) Alt
5) align
<img src=“Koala.jpg” width=200 height=200
alt=“No Tip”>
<img src=“IMAGES/Koala.jpg”>
HyperLinks

Click here
<a href=“courses.html>COURSES</a>

<a href=“one.html”
Setting link colors
• You can set colors of your links, active links &
visited links using link,alink & vlink tags of body
tag.

• <a href=“course.html” link=“red” vlink=“yellow”>


Images as links
Simple insert image between anchor tag
<a href=“course.html”><img src=“1.jpg”></a>
File Downloading
<a href=“Timetable.html”>TIMETABLE</a>
DIVIDE THE SCREEN INTO MANY
FRAMES
TABLES
• <TR> Table rows
• <TH> Table header ( bold & aligned centrally)
• <TD> Table Data
The attributes that can be included in the <TABLE>
tag are:
ALIGN,VALIGN,WIDTH,BORDER..
CELLPADDING & CELLSPACING
• ROWSPAN: It allows a cell to take up
more than one row space.
• COLSPAN: It allows a cell to take up
more than one column space.
<table border=3>
<tr>
<th rowspan=2> Name of the Train</th>
<th rowspan=2>Place</th>
<th rowspan=2>Destination</th>
<th colspan=2> Time</th>
<th rowspan=2>Fare</th>
<tr>
<th>Arrival</th>
<th>Departure</th>
</tr>
</tr>
<tr>
<th>Rajdhani Express</th>
<th>Bombay</th>
<th>Delhi</th>
<th>7.30</th>
<th>8.45</th>
<th>945</th>
</tr>
</table>
FORMS
1) The Text Element
<input type=“text” name=“yourName”>
Properties:
 name
 Value
PASSWORD ELEMENT
• It’s unique type of text field. All keystrokes for
this field are displayed as an asterisk(*)

• Properties:
default Value
Name
Value
<input type=“password” name=“mypass”>
CHECK BOX
• It behaves like a toggle switch.
• i.e it can be in either of the two states
checked or unchecked.
• It returns either T or F for the web server.
• Properties:
Name
Value
Checked
<input type=“checkbox” value=“Yes” CHECKED >

You might also like