0% found this document useful (0 votes)
100 views5 pages

K D Ambani Vidyamandir, Reliance Greens Session 2019-2020

This document contains an HTML worksheet with 11 coding exercises. The exercises cover basic HTML tags like headings, paragraphs, horizontal rules, line breaks, text formatting, preformatted text, links, images, tables, and bi-directional text. Students are asked to write the code provided and describe the output for each exercise to practice common HTML elements and tags.

Uploaded by

Kashyap Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
100 views5 pages

K D Ambani Vidyamandir, Reliance Greens Session 2019-2020

This document contains an HTML worksheet with 11 coding exercises. The exercises cover basic HTML tags like headings, paragraphs, horizontal rules, line breaks, text formatting, preformatted text, links, images, tables, and bi-directional text. Students are asked to write the code provided and describe the output for each exercise to practice common HTML elements and tags.

Uploaded by

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

K D Ambani Vidyamandir, Reliance Greens

Session 2019-2020
Informatics Practices WorkSheet-7
Topic: HTML
Name: _______________________ Date: ____________
Class: ______ Sec: ________ Roll No.: __________

Write
1. or paste the output of the following code

1. <html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

2.
<html>
<body>
<p align =center>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p align =right>This is a paragraph.</p>
</body>
</html>

3.
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
</body>
</html>

4.
<html>
<body>
<p>This is<br />a para<br />graph with line breaks</p></body></html>

5.
<html><body>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><em>This text is emphasized</em></p>

Page 1 of 5
K D Ambani Vidyamandir, Reliance Greens
Session 2019-2020
Informatics Practices WorkSheet-7
Topic: HTML
Name: _______________________ Date: ____________
Class: ______ Sec: ________ Roll No.: __________

<p><i>This text is italic</i></p>


<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body></html>

6.
<html><body><pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>
<p>The pre tag is good for displaying computer code:</p>
<pre>
for i = 1 to 10
print i
next i
</pre></body></html>
7.
<html><body>
<p>
<a href="#C4">See also Chapter 4.</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains …..</p>
<h2>Chapter 2</h2>
<p>This chapter explains ……</p>
<h2>Chapter 3</h2>
<p>This chapter explains ….</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains …..</p>
<h2>Chapter 5</h2>
<p>This chapter explains …..</p>
<h2>Chapter 6</h2>
<p>This chapter explains …..</p>
<h2>Chapter 7</h2>
<p>This chapter explains ………</p>
<h2>Chapter 8</h2>
<p>This chapter explains ……</p>
<h2>Chapter 9</h2>
<p>This chapter explains …………</p>
<h2>Chapter 10</h2>
<p>This chapter explains …………..</p>
<h2>Chapter 11</h2>
<p>This chapter explains ………….</p>

Page 2 of 5
K D Ambani Vidyamandir, Reliance Greens
Session 2019-2020
Informatics Practices WorkSheet-7
Topic: HTML
Name: _______________________ Date: ____________
Class: ______ Sec: ________ Roll No.: __________

<h2>Chapter 12</h2>
<p>This chapter explains ………….</p>
<h2>Chapter 13</h2>
<p>This chapter explains ………….</p>
<h2>Chapter 14</h2>
<p>This chapter explains …..</p>
<h2>Chapter 15</h2>
<p>This chapter explains …….</p>
<h2>Chapter 16</h2>
<p>This chapter explains ………….</p>
<h2>Chapter 17</h2>
<p>This chapter explains ……………</p></body></html>

8.
<html>
<body>
<p>An image
<img src="smiley.gif" alt="Smiley face" align="bottom" width="32" height="32" />
with align="bottom".</p>
<p>An image
<img src="smiley.gif" alt="Smiley face" align="middle" width="32" height="32" />
with align="middle".</p>
<p>An image
<img src="smiley.gif" alt="Smiley face" align="top" width="32" height="32" />
with align="top".</p>
<p><b>Tip:</b> align="bottom" is default!</p>
<p><img src="smiley.gif" alt="Smiley face" width="32" height="32" />
An image before the text.</p>
<p>An image after the text.
<img src="smiley.gif" alt="Smiley face" width="32" height="32" /></p>
</body>
</html>

9.
<html>
<body>
<table border="1">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>

Page 3 of 5
K D Ambani Vidyamandir, Reliance Greens
Session 2019-2020
Informatics Practices WorkSheet-7
Topic: HTML
Name: _______________________ Date: ____________
Class: ______ Sec: ________ Roll No.: __________

</tr>
<tr>
<td>February</td>
<td>$50</td> </tr></table></body></html>

10.
<html>
<body>
<table border="1">
<tr>
<td>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</td>
<td>This cell contains a table:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>This cell contains a list
<ul>
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>
</body>
</html>

11.
<html>
<body>

Page 4 of 5
K D Ambani Vidyamandir, Reliance Greens
Session 2019-2020
Informatics Practices WorkSheet-7
Topic: HTML
Name: _______________________ Date: ____________
Class: ______ Sec: ________ Roll No.: __________

<p>
If your browser supports bi-directional override (bdo), the next line will be written from the right to
the left (rtl):
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>

If your browser supports bi-directional override (bdo), the next line will be written from the right to
the left (rtl):

Page 5 of 5

You might also like