Scribd
Upload
10 views32 pages

HTML Lect2

Uploaded by

zeldawarrior78
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
10 views32 pages

HTML Lect2

Uploaded by

zeldawarrior78
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/ 32

• Font Tag, Image tag, Anchor

tag
• Font tag : This tag is used to change font size, font color, font face for
specific text. It is a pair tag.
Eg . <font size=“20” color=“red” face=“Arial black”> TEXT </font>

• Image tag : This tag is used to insert image on the output page(webpage)
Eg . <Img src=“path of the image” height=“300” width=“300”
border= “ 10 “>
• Anchor tag : This tag is used to link one html page with the other.
Eg . <a href=“”
• Center tag, Em tag, Strong tag
• Center tag : This text enclosed between start <center> and close tag </center>
will be displayed at the center of the page. It is a pair tag.
Eg . <center> TEXT </center>

• EM tag : This is text emphasis tag. The text enclosed between the start tag
<em> and close tag </em> will be displayed in italic format.
Eg . <p> you <em> must </em> handover money to him.</p>

• Strong tag : This text enclosed between start tag <strong> and close tag
</strong> will be displayed in bold. It is a pair tag.
Eg . <p> if they don’t give me that raise <strong> TOMORROW
</strong> , I quite </p>
• List tags
Order list <ol> Unorder List <ul>
Used to make order list Used to make Unorder list

1. a. I. •.
2. b. II. •.
3. c. III. •.
A. i.
O
B. ii.
O
C. iii.
O
• Other list tags.
• <ol> : order list : This tag is used to create order list.
• <ul> : Unorder list : This tag is used to create Unorder List.
• <li> : List items : Used to assign list items.

• Attributes of <ol> tag


• Type (1,A,a,I,i)
• Start
• Attributes of <ul> tag
• Type (circle,disc,square)
Q )Write the HTML code to display
following list.
<html>
<body>
<ol>
1. Physics <li> Physics </li>
2. Chemistry <li> Chemistry </li>
<li> Maths </li>
3. Maths </ol>
<ul type=“disc”>
• Accounts <li> Accounts </li>
<li> Economics </li>
• Economics <li> OCM </li>
• OCM </ul>
</body>
</html>
Q )Write the HTML code to
display following list.
A. Science
1. Physics
2.Chemistry
3.Maths
B. Commerce
• Accounts
• Economics
• OCM
C. Arts
i. History
ii. Hindi
<html> <li> Arts
<body> <ol type=“i”>
<ol type=“A”> <li> History</li>
<li> Science <li> Hindi </li>
<ol> </ol>
<li> Physics </li>
</ol>
<li> Chemistry </li>
</body>
<li> Maths </li>
</ol> </html>
<li> Commerce
<ul type=“disc”>
<li> Accounts </li>
<li> Economics </li>
<li> OCM </li>
</ul>
Q )Write the HTML code to display
following list.
1. English Language
2. Secondary Languages
•Marathi
o Hindi
French
o Sanskrit
<html>
<body>
<ol>
<li> English Language</li>
<li> Secondary Languages </li>
<ul type=“disc”>
<li> Marathi
<ul type=“circle”>
<li> Hindi </li>
<ul type=“square”>
<li> French </li>
</ul>
<li> Sanskrit </li>
</ul>
</ul>
</ol>
</body>
</html>
Q )Write the HTML code to display
following list.
• Computer Science
I. Paper-I
a. OS
b. DS
c. C++
d. HTML
II. Paper II
i. Microprocessor
ii. Microcontroller
iii. X-86 family
iv.Networking
Q )Write the exact output for the following HTML
code with font specifications in brackets.
<html>
<body>
<ul type=“circle”>
<li> One
<li> Two
<li> Three
<ul type=“disc”>
<li> Monday
<li> Tuesday
<li> Wednsday
</ul>
</ul>
</body>
</html>
Output

Title bar

O One
O Two
Output screen
O Three
• Monday
• Tuesday
• Wednesday
Q )Write the exact output for the
following HTML code.
<html>
<title> Examination </title>
<body>
<h1><b> First Semester Exam</b></h1>
<hr>
<u> MATHEMATICS</u>
<hr>
<u> STATISTICS</u>
<hr>
<u> BIOLOGY</u>
<hr>
<h5> MSEC BOARD </h5>
</body>
</html>
Output

Examination

Text size=h1,font=bold First Semester Exam


MATHEMATICS
Output screen
STATISTICS
Text size and font
default BIOLOGY
MSEC BOARD EXAM (TEXT SIZE h5)
Q )Write the exact output for the
following
<html>
HTML code.
<body>
<h1 align=“center”> LIST OF TOPICS <h1>
<hr>
<ol>
<li> <p align=“Left”> Operating System </p>
<li> <p align=“Left”> Data structure </p>
<li> <p align=“Left”> C++ </p>
<li> <p align=“Left”> HTML </p>
</ol>
<hr>
<ol>
<li> <p align=“center”> COMPUTER SCIENCE </p>
</ol>
<hr>
</body>
Output

LIST OF TOPICS
1.Operating system
2. Data structure Output screen
3. C++
4. HTML
1.COMPUTER SCIENCE
Table tags
<table> - table tag
<tr> - table row
<th> - table head
<td> - table data
Q )Write the HTML code for the
following Table.

Country Played Won Lose


IND 10 10 00
AUS 10 05 05
PAK 10 00 10
<html> <tr>
<body>
<td> AUS </td>
<table border=“2”>
<td> 10 </td>
<tr>
<th> Country </th> <td> 05 </td>
<th> Played </th> <td> 05 </td>
<th> Won </th> </tr>
<th> Lose </th> <tr>
</tr> <td> PAK </td>
<tr>
<td> 10 </td>
<td> IND </td>
<td> 10 </td> <td> 00 </td>
<td> 10 </td> <td> 10 </td>
<td> 00 </td> </tr>
</tr> </table> </body></html>
Q )Write the HTML code for the
following table.
Students
Year
Boys Girls Total

2007 519 710 1229

2008 800 925 1725


<html>
<tr>
<body> <td> 2007 </td>
<table border=“2”> <td> 519 </td>
<tr> <td> 710 </td>
<th rowspan=“2”> year <td> 1229 </td>
<th colspan=“3”>students </tr>
</tr> <tr>
<tr> <td> 2008 </td>
<td> 800 </td>
<td> boys </td>
<td> 925 </td>
<td> girls </td>
<td> 1725 </td>
<td> total</td>
</tr>
</tr> </table></body></html>
Q )Write the HTML code for the following
table.

PAPER-1 PAPER-2 TOTAL


COMPUTER
SCIENCE
100 100 200
CODE:
<html>
<body>
<table border=“2”>
<tr>
<th rowspan=“2”> COMPUTER <br>SCIENCE </th>
<th> PAPER-I</th>
<th> PAPER-2
<th> TOTAL
</tr>
<tr>
<td> 100
<td> 100
<td> 200
</tr>
Q )Write the HTML code for the
following table.

Yuvraj 151
IND 387
Dhoni 122

Smith 100
AUS 238
Warner 69

IND win 1st ODI by 149


<html>
<body> <tr>
<table border=“2”> <td> Warner 69
<tr> </tr>
<th rowspan=“2”> IND 387 <tr>
<td> Yuvraj 151 <th colspan=“2”> IND win
</tr>
1st ODI by 149
<tr>
</th>
<td> Dhoni 122
</tr>
</tr>
<tr> </table>
<th rowspan=“2”> AUS 238 </body>
<td> Smith 100 </html>
</tr>
Q )Write the HTML code for the following table.

HSC Board Exam

Paper-I Paper-II

50 Marks 50 Marks
<html>
<body>
<table border=“2”>
<tr>
<th colspan=“2”> HSC Board Exam</th>
</tr>
<tr>
<th><u> Paper-I</u></th>
<th><u> Paper-II</u></th>
</tr>
<tr>
<td> 50 Marks</td>
<td> 50 Marks</td>
</tr> </table></body>
Q )Write the HTML code for the
following table.

Year

2000 2001 2002

Sales Units 500 1000 1500

Income 5000 10000 15000


<html> <tr>
<body> <th rowspan=“2”> Sales
<table border=“2”> <td> Units
<tr> <td> 500
<th rowspan=“2” colspan=“2”> <td> 1000
<th colspan=“3”> Year <td> 1500
</tr> </tr>
<tr> <tr>
<td> 2000 <td> Income
<td> 2001 <td> 5000
<td> 2002 <td> 10000
</tr> <td> 15000
</tr> </table></body></html>
Q )Write the HTML code for the
following table.

Marks
Sr no Name Total
Paper 1 Paper 2

1 Mahesh 50 50 100
2 Manish 100 100 200
3 Milan 75 75 150
<html> <tr> <tr>
<body> <td> 1 <td> 3
<table border=“2”> <td> Mahesh
<td> Milan
<td> 50
<tr> <td> 75
<td> 50
<th rowspan=“2”> Sr No <td> 75
<td> 100
<th rowspan=“2”> Name <td> 150
</tr>
<th colspan=“2”> Marks <tr> </tr>
<th rowspan=“2”> Total <td> 2 </table>
</tr> <td> Manish
</body>
<tr> <td> 100
</html>
<td> Paper 1 <td> 100
<td> Paper 2 <td> 200
<tr> </tr>
Attributes of Tables
Attributes of <table> tag : Attributes of <tr> tag :
• border • Bgcolor
• bgcolor • Align
• valign
• bordercolor
• Height
Attributes of <th>/<td> tag :
• Width
• Bgcolor
• Align • Align
• Cellspacing • Valign
• cellpadding • Rowspan
• colspan

You might also like