[go: up one dir, main page]
Scribd
Upload
60 views32 pages

Ict HTML Revision

Uploaded by

zahraabdulrazzaq11
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
60 views32 pages

Ict HTML Revision

Uploaded by

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

MIS ICT GRADE 7

WEB AUTHORING – HTML


Inserting tables
Name: ........................................... Sec: .........

1. Define an inserting table and write suitable tags in the given space.
………………………………………………………………………………………
Tables in html are used to display data in a tabular format
………………………………………………………………………………………
………………………………………………………………………………………
In a table data is represented in the form of rows and columns
………………………………………………………………………………………
To create tables in HTML, you use the following tags:
<table>...</table>
 To create the structure of a table: ……………………………………………
<caption>...</caption>
 To give the caption to a table: ………………………………………………..
<tr>..</tr>
 To create a table row: …………………………………………………………
<th>..</th>
 To give a column heading in a table: …………………………………………
<td>...</td>
 To create a cell (or column) that stores table data inside a row: ………………
2. Refer the shown example and complete the following table tag <TABLE>
attributes:
<HTML>
<BODY>
<TABLE height = “50%” width = “50%” align = “center” bgcolor = “blue”
border = “1” bordercolor = “grey” cellpadding = “10” cellspacing = “10”>
</TABLE> Caption Table
header
</BODY>
</HTML> Table 1
Adm. No. Name Marks
Table Table
V10120 Àmit 77
column rows
V08761 Sarah 87

TERM 2 1
MIS ICT GRADE 7

Alignment Bgcolor Border Bordercolor Cellpadding

Cellspacing Height Width


width
A. It specifies the ……………………..of a table by using either a percentage

value or pixel.
height
B. It specifies the …………………………of a table by using either a percentage

value or pixel.
cellspacing
C. It specifies ………………………….between the cells, that is, the width of the

cell border. It also given in pixels


cellpadding
D. It specifies the ………………………………………….between the edge of the

cell and the content of the cell. It is given in pixels.


bordercolor
E. It specifies …………………………..color of the border
border
F. In pixels and set the width of the …………………………..around the table. If
border
you do not specify a …………………... attribute, the table will be displayed
border
without any ……………….. border
also, ………………………=0 means
border
no ……………….
bgcolor
G. It sets the ………………………………..color of the table
alignment
H. It gives the …………………………….of the table to the surrounding text. It

can be left, right, or center.

TERM 2 2
MIS ICT GRADE 7

3. Write html code for the given table using <TR> and <TD> tags.

…………………………………………………………………………………………
<html>
…………………………………………………………………………………………
<table height="30%" width="30%" cellpadding="5" cellspacing="
…………………………………………………………………………………………
5" bgcolor="orange" bordercolor="green" border="2">
…………………………………………………………………………………………
<tr>
…………………………………………………………………………………………
<td>V10120</td>
…………………………………………………………………………………………
<td>Eshana Singh</td>
<td>77</td>
…………………………………………………………………………………………
</tr>
…………………………………………………………………………………………
<tr>
…………………………………………………………………………………………
<td>V0761</td>
…………………………………………………………………………………………
<td>Sarah Matthew</td.
…………………………………………………………………………………………
<td.87</td>
</tr>
…………………………………………………………………………………………
</table>
…………………………………………………………………………………………
</html>
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………….

TERM 2 3
MIS ICT GRADE 7

Web authoring – html


Name: …………………………………………… Sec: ……….
1. Write html tag for the given output
 table height is 15%
 Table width is 15%
 Border is 2
 Border color is red
 Bgcolor is blue
 Cellpadding is 8/Cellspacing is 6
………………………………………………………………………………………………………………………………………………………………………………………
<html>
………………………………………………………………………………………………………………………………………………………………………………………
<table height="15%" width="15%" border="2" bgcolor="blue"
………………………………………………………………………………………………………………………………………………………………………………………
bordercolor="red" cellpadding="8" cellspacing="6">
………………………………………………………………………………………………………………………………………………………………………………………
<tr>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Student no</th>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Student name</th>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Marks</th>
………………………………………………………………………………………………………………………………………………………………………………………
</tr>
………………………………………………………………………………………………………………………………………………………………………………………
<tr>
………………………………………………………………………………………………………………………………………………………………………………………
<td>120</td>
………………………………………………………………………………………………………………………………………………………………………………………
<td>Yogibabu</td>
………………………………………………………………………………………………………………………………………………………………………………………
<td>77</td>
………………………………………………………………………………………………………………………………………………………………………………………
</tr>
………………………………………………………………………………………………………………………………………………………………………………………
<tr>
………………………………………………………………………………………………………………………………………………………………………………………
<td>121</td>
………………………………………………………………………………………………………………………………………………………………………………………
<td>Joash</td>
………………………………………………………………………………………………………………………………………………………………………………………
<td>87</td>
………………………………………………………………………………………………………………………………………………………………………………………
</tr>
………………………………………………………………………………………………………………………………………………………………………………………
</table>
………………………………………………………………………………………………………………………………………………………………………………………
</html>
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………

TERM – 3 1
MIS ICT GRADE 7

2. Refer the table and write html code in the given space.
 Table border is 1, Cellpadding is 5,
Cellspacing is 3
 Caption is CSS Browser Support (latest
browser versions)

………………………………………………………………………………………………………………………………………………………………………………………
<html>
<table border="1" cellpadding="5" cellspacing="3">
………………………………………………………………………………………………………………………………………………………………………………………
<caption>CSS Browser Support (latest btowser versions)</caption>
………………………………………………………………………………………………………………………………………………………………………………………
<tr>
<th>CSS property</th>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Internet Explorer</th>
<th>Firefox</th>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Chrome</th>
………………………………………………………………………………………………………………………………………………………………………………………
</tr>
<tr>
………………………………………………………………………………………………………………………………………………………………………………………
<th>Border Radius</th>
<td>YES</TD>
………………………………………………………………………………………………………………………………………………………………………………………
<TD> YES</TD>
<TD>YES</TD>
………………………………………………………………………………………………………………………………………………………………………………………
</TR>
………………………………………………………………………………………………………………………………………………………………………………………
<TR>
<TH> Box Shadow </TH>
………………………………………………………………………………………………………………………………………………………………………………………
<TD>YES</TD>
<TD>YES</TD>
………………………………………………………………………………………………………………………………………………………………………………………
<TD>YES</TD>
………………………………………………………………………………………………………………………………………………………………………………………
</TR>
<TR>
………………………………………………………………………………………………………………………………………………………………………………………
<TH> CSS Animation</TH>
<TD>NO</TD>
………………………………………………………………………………………………………………………………………………………………………………………
<TD>NO</TD>
<TD>Yes</TD>
………………………………………………………………………………………………………………………………………………………………………………………
</TR>
………………………………………………………………………………………………………………………………………………………………………………………
</TABLE>
</HTML>
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………

TERM – 3 2
MIS ICT GRADE 7

WEB AUTHORING – HTML


NAME: .......................................... SEC: ........
1. Write the description for the given tags used in html table.
Html tags Description

<table> The table tag used to define a table in a HTML


document.

The tag is used to add rows to the table


<tr>

The tag is used to define a table header. by


<th> default, the text in this row is bold and center
aligned.

The tag is used to add content to a cell.


<td>

This tag is used to give a caption to the table.


<caption>

Tag is useful for applying styles to entire


<col> columns, instead of repeating the styles for
each cell, for each row.

The tag specifies a group of one or more


<colgroup> columns in a table for formatting.

TERM 3 1
MIS ICT GRADE 7

2. Create an output for the shown html tags

Book Name Author Name Genre

The Book Thief Markus Zusak Historical Fiction

The Cruel Prince Holly Black Fantasy

The silent Patient Alex Michaelides Psychological Fiction

TERM 3 2
MIS ICT GRADE 7

3. Write html tags for the shown table

..........................................................................................................................................
..........................................................................................................................................
<table>
..........................................................................................................................................
<tr>
..........................................................................................................................................
<th> First Name</th>
..........................................................................................................................................
<th> Last name</th>
..........................................................................................................................................
..........................................................................................................................................
<th> Age</th>
..........................................................................................................................................
</tr>
..........................................................................................................................................
<tr>
..........................................................................................................................................
<td> Priya</td>
..........................................................................................................................................
..........................................................................................................................................
<td> Sharma </td>
..........................................................................................................................................
<td>24</td>
..........................................................................................................................................
</tr>
..........................................................................................................................................
..........................................................................................................................................
<tr>
..........................................................................................................................................
<td>Arun</td>
..........................................................................................................................................
<td>Singh</td>
..........................................................................................................................................
<td>32</td>
..........................................................................................................................................
..........................................................................................................................................
</tr>
..........................................................................................................................................
<tr>
..........................................................................................................................................
<td>
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................

TERM 3 3
MIS ICT Grade 7

WEB AUTHORING – HTML

Spanning Cells

________________________________________________________
________________________________________________________
One fundamental feature of table structure is cell spanning, which
is the stretching of a cell to cover several rows or columns.
________________________________________________________
________________________________________________________
________________________________________________________

Column spans

________________________________________________________
Column spans are created with the colspan attribute in the td or th
element, stretch a cell to the right to span over the subsequent
________________________________________________________
columns.
________________________________________________________
________________________________________________________
________________________________________________________

1|Page
MIS ICT Grade 7

Row spans

________________________________________________________
Row spans are created with the rowspan attribute, work just like
________________________________________________________
column spans, but they cause the cell to span downward over
________________________________________________________
several rows
________________________________________________________
________________________________________________________

2|Page
MIS ICT Grade 7

Write a html code for the following output

________________________________________________________
<Html>
<Head>
________________________________________________________
<Title> Table Spanning </Title>
________________________________________________________
</Head>
________________________________________________________
<Body>
________________________________________________________
<table border="1">
<caption> Poster Availability </caption>
________________________________________________________
<tr>
________________________________________________________
<th> Poster name</th>
________________________________________________________
<th> Color</th>
________________________________________________________
<th colspan="2" >Sizes Available</th>
</tr>
3|Page
MIS ICT Grade 7

________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
_______________________________________________________
4|Page
MIS ICT GRADE 7

WEB AUTHORING – HTML

1. Write an html tags for the given web pages.


`………………………………………………………………
<h2> My Favorite Songs By
…………………………………………………………………
my Favorite Bands </h2>
`………………………………………………………………
<p> Below are lists of my
…………………………………………………………………
favorite songs in order by
…………………………………………………………………
my favorite bands, in no
…………………………………………………………………
particular order</p>
…………………………………………………………………
…………………………………………………………………
<ul>
…………………………………………………………………
<li><h3>Metallica</h3></li>
…………………………………………………………………
<ol>
…………………………………………………………………
<li>One </li>
…………………………………………………………………
<li>For Whom The Bell
…………………………………………………………………
Tolls</li>
…………………………………………………………………
<li>Creeping Death</li>
…………………………………………………………………
</ol>
…………………………………………………………………
<li><h3>Led
…………………………………………………………………
Zeppelin</h3></li>
…………………………………………………………………
<ol>
…………………………………………………………………
<li>Stairway To Heaven </li>
…………………………………………………………………
…………………………………………………………………
<li>Communication
…………………………………………………………………
Breakdown</li>
…………………………………………………………………
</ol>
…………………………………………………………………
<li><h3>Iron
………………………………………………………………..
Maiden</h3></li>
………………………………………………………………………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………………………………………………………………………
<li>Flight of Icarus </li>
………………………………………………………………………………………………………………………………………………………………………………………
<li>Run To The Hills</li>
………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………
<li><h3>Pantera</h3></li>
………………………………………………………………………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………………………………………………………………………
<li>Cemetary Gates </li>
………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………
<li><h3>Slayer/h3></li>
………………………………………………………………………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………………………………………………………………………
<li>War Ensemble </li>
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………
</ul>
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
1|Page
MIS ICT GRADE 7

………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………………………………..

………………………………………………………………………………………………………………………
<h2>Nested ordered List</h2>
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………
<li>Progrmming Languages
………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
<li>C</li>
………………………………………………………………………………………………………………………
<li>C++</li>
………………………………………………………………………………………………………………………
<li>Java</li>
………………………………………………………………………………………………………………………
<li>Python</li>
………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………
</li>
………………………………………………………………………………………………………………………
<li>DSA
………………………………………………………………………………………………………………………
<ol>
……………………………………………………………………..…………………………………………………
<li>Array</li>
………………………………………………………………………………………………………………………
<li>Linked List</li>
………………………………………………………………………………………………………………………
<li>stack</li>
………………………………………………………………………………………………..………………………
<li>Queue</li>
……………………………………………………………………………………………………………………….
<li>Trees</li>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>Graphs</li>
………………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………………
</li>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>Web Technologies
………………………………………………………………………………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>HTML</li>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>CSS</li>
………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………………
<li>JavaScript
……………………..………………………………………………………………………………………………………………………………………………………………………
<ol>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>React</li>
…………………………..…………………………………………………………………………………………………………………………………………………………………
<li>Angular</li>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>Vue</li>
………………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………………
</li>
………………………………………………………………………………………………………………………………………………………………………………………………
<li>Bootstrap</li>
………………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………………
</li>
………………………………………………………………………………………………………………………………………………………………………………………………
</ol>
………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………………
2|Page
MIS ICT GRADE 7

3|Page
MIS ICT GRADE 7

WEB AUTHORING – HTML

Name: …………………………… Sec: ……

1. Write an html code for the shown output

________________________________________________________
________________________________________________________
<HTML>
________________________________________________________
<TABLE BORDER="1">
<TR>
________________________________________________________
<TD>row 1 col 1</TD>
________________________________________________________
<TD>row 1 col 2</TD>
________________________________________________________
<TD>row 1 col 3</TD>
</TR>
________________________________________________________
<TR>
________________________________________________________
<TD COLSPAN="3">This second row spans all three columns</TD>
________________________________________________________
</TR>
<TR>
________________________________________________________
<TD ROWSPAN="2">This cell spans two rows</TD>
________________________________________________________
<TD>row 3 col 2</TD>
________________________________________________________
<TD>row 3 col 3</TD>
</TR>
________________________________________________________
<TR>
________________________________________________________
<TD>row 4 col 2</TD>
________________________________________________________
<TD>row 4 col 3</TD>
</TR>
________________________________________________________
</TABLE>
________________________________________________________
</HTML>
________________________________________________________
________________________________________________________
________________________________________________________

1
MIS ICT GRADE 7

<HTML>
________________________________________________________
<TABLE BORDER="1">
________________________________________________________
<CAPTION>A test table with merged
________________________________________________________
cells</CAPTION>
________________________________________________________
<TR>
________________________________________________________
<TH ROWSPAN="2"></TH>
________________________________________________________
<TH COLSPAN="2">Average</TH>
________________________________________________________
<TH ROWSPAN="2">Red eyes</TH>
________________________________________________________
</TR>
________________________________________________________
<TR>
________________________________________________________
<TH>height</TH>
________________________________________________________
<TH>weight</TH>
________________________________________________________
</TR>
________________________________________________________
<TR>
________________________________________________________
<TH>Males</TH>
________________________________________________________
<TD>1.9</TD>
________________________________________________________
<TD>0.004</TD>
________________________________________________________
<TD>40%</TD>
________________________________________________________
</TR>
________________________________________________________
<TR>
________________________________________________________
<TH>Females</TH>
________________________________________________________
<TD>1.7</TD>
________________________________________________________
<TD>0.002</TD>
________________________________________________________
<TD>43%</TD>
________________________________________________________
</TR>
</TABLE>
2
</HTML>
MIS ICT GRADE 7

WEB AUTHORING – HTML


NAME: .......................................... SEC: ......
1. Write a html tag for the given font sizes output.

________________________________________________________
<font size=“1”>Hiii User</font><br>
<font size=“2”>Hiii User</font><br>
________________________________________________________
<font size=“3”>Hiii User</font><br>
________________________________________________________
<font size=“4”>Hiii User</font><br>
<font size=“5”>Hiii User</font><br>
________________________________________________________
<font size=“6”>Hiii User</font><br>
________________________________________________________
<font size=“7”>Hiii User</font><br>

________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________

1
MIS ICT GRADE 7

2. Write a html tag for the given font color output.

Text

________________________________________________________
<font color=“red”><h1>My Very First Webpage</font></h1>
________________________________________________________
<font color=“blue”><h2>My Very First Webpage</font></h2>
________________________________________________________
e</font></h3>
<font color=“yellow”><h3>My Very First Webpag
________________________________________________________
<font color=“purple”><h4>My Very First Webpage</font></h4>
________________________________________________________
<font color=“green”><h5>My Very First Webpage</font></h5>
<font color=“orange”><h6>My Very First Webpage</font></h6>
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________

2
MIS ICT GRADE 7

3. Write a html tag for the shown table.

________________________________________________________
<table>
________________________________________________________
<tr>
________________________________________________________
<td rowspan=“2”>Group 1</td>
________________________________________________________
<td>Data 1</td><td>Data 2</td></tr>
________________________________________________________
<tr><td>Data 3</td><td>Data 4</td></tr>
________________________________________________________
<tr><td rowspan=“3”>Group 2</td><td>Data 5</td><td>Data 6
________________________________________________________
</td></tr><tr><td>Data 7</td><td>Data 8</td></tr>
________________________________________________________
<tr><td>Data 9</td><td>Data 10</td></tr>
________________________________________________________
</table>
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________
________________________________________________________

3
MIS ICT GRADE 7

4
MIS ICT GRADE 7

WEB AUTHORING – HTML

1. Name the formatting tags in html


………………………………………………………………………………………………………………………
<b>, <i>, <u>, <sup>, <sub>, <strike>
………………………………………………………………………………………………………………………
2. Write a html tag for the given item

X<sup>2</sup>+Y <sup>2</sup>

<strike>text</strike>
3. Name the types of spanning cells in html
rowspan
1 …………………………………………… colspan
2…………………………………..
4. identify and label the given table whether rowspan or colspan

rowspan
colspan

5. Write how many colspan and rowspan from the above table.
2
a. Rowspan ……………………………………….
3
b. Colspan …………………………………………
6. Expand the following html tags
table heading
a. <th>………………………………………………….
table data
b. <td>………………………………………………….
table row
c. <tr> ………………………………………………….

1
MIS ICT GRADE 7

7. Write a html code for the given output.


<b>bold text</b><br>
___________________________________________________
<i>italic text</i><br>
___________________________________________________
___________________________________________________
<u>underlined text </u><br>
___________________________________________________
<p><font color=“green”> example </font></p>
___________________________________________________
<ul>
___________________________________________________
<li>one</li>
___________________________________________________
<li>two</li>
___________________________________________________
</ul>
___________________________________________________
___________________________________________________
__

<ol>
___________________________________________________
<li>Html</li>
___________________________________________________
<li>Css</li>
___________________________________________________
<li>Javascript</li>
___________________________________________________
<ul type=“circle>
___________________________________________________
___________________________________________________
<li>VueJS</li>
___________________________________________________
<li>ReactJS</li>
___________________________________________________
<li>AngularJS</li>
___________________________________________________
</ul>
___________________________________________________
__ <li>Git</li>
______________________________________________________________________________________
</ol>
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
_

2
MIS ICT GRADE 7

Web Authoring – html


1. Write an image tag for the following pictures
a. Image name: forest || align center || file format: jpg

<img src=“forest.jpg” align=“center”>


...................................................................
...................................................................
...................................................................
...................................................................

b. Image name: robot || align right || file format: jpg || file path:

D:\\Picture\Downloads
<img src=“D:\\Picture\Downloads\robot.jpg” align=“center”>
...................................................................
...................................................................
...................................................................
...................................................................

2. Write a formatting tag for the shown output

1
MIS ICT GRADE 7
<i>Simplilearn</i>
<b> HTML</b>
..........................................................................................................
<u>article</u>
..........................................................................................................
..........................................................................................................
3. Write only the title and table heading using suitable tags for the
output below.

........................................................................
<title>My First Page</title>
........................................................................
<table>
<tr><th>Month</th>
........................................................................
<th>Saving</th></tr></table>
........................................................................
.......................................................................

4. Write a html code for the first row and third row of the shown table
<table>
.............................................................................................
<tr> <th colspan=“2”>Expense</th>
.............................................................................................
</tr>
.............................................................................................
<tr><td>Priya</td><td>$8</td></tr>
.............................................................................................
14b write a html code
. for the shown table.

<table>
..........................................................................................................................
<tr><th colspan=“2” rowspan=“2”>Header (spans 2 columns and 2 rows)</th>
..........................................................................................................................
<td> data</td></tr>
..........................................................................................................................
<tr><td>data</td></tr>
..........................................................................................................................
<tr><td>data</td>
<td>data</td>
..........................................................................................................................
<td>data</td></tr>
..........................................................................................................................
</table>
..........................................................................................................................
. 2
MIS ICT GRADE 7

WEB AUTHORING HTML

NAME: ………………………………….. SEC: …..

1. Write font tag for the shown output

___________________________________________________________________________
<font size=“1”> GeeksforGeeks</font><br>
___________________________________________________________________________
___________________________________________________________________________
<font size=“2”> GeeksforGeeks</font><br>
___________________________________________________________________________
<font size=“3”> GeeksforGeeks</font><br>
___________________________________________________________________________
<font size=“4”> GeeksforGeeks</font><br>
___________________________________________________________________________
<font size=“5”> GeeksforGeeks</font><br>
___________________________________________________________________________
<font size=“6”> GeeksforGeeks</font><br>
___________________________________________________________________________
<font size=“7”> GeeksforGeeks</font><br>
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

2. Write <colspan> tag and <rowspan> tag for the given table

1|Page

<table>
MIS ICT GRADE 7

<table>
___________________________________________________________________________
<tr><td rowspan=“5”>span rows</td><td colspan=“3”>span column</td>
___________________________________________________________________________
</tr><tr><td colspan=“2”>span columns</td><td rowspan=“4”>span both</td></tr>
___________________________________________________________________________
<tr><td rowspan=“3”>span rows</td></tr>
___________________________________________________________________________
<tr><td rowspan=“2”>span both</td></tr>
___________________________________________________________________________
</table>
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

3. Define the following terms


a. Cellpadding
specifies the space between the edge of the cell and the
________________________________________________________________________
content of the cell. it is given in pixels
________________________________________________________________________
________________________________________________________________________
b. Cellspacing
specifies the space between the cells, that is, the width
________________________________________________________________________
of the cell border. it is also given in pixels
________________________________________________________________________
________________________________________________________________________
4. Using <unordered list> tag to create a html code for the given list.

<h2>Fruits Name List</h2>


<ul type=“circle”>
<li>Avacado</li>
<li>Orange</li>
<li>Pears</li>
<li>Banana</li></ul>

2|Page
MIS ICT GRADE 7

<h2>Unordered Disc</h2>
___________________________________________________________________________
<ul type=“disc”>
___________________________________________________________________________
<li>Lion</li>
___________________________________________________________________________
<li>Tiger</li>
___________________________________________________________________________
<li>Giraffe</li>
___________________________________________________________________________
<li>Camel</li></ul>
___________________________________________________________________________
<h2>Top Rhymes</h2>
<ul type=“square”>
___________________________________________________________________________
<li>Johnny Johny Yes papa</li>
___________________________________________________________________________
<li>Wheels on the Bus</li>
___________________________________________________________________________
<li>Baa Baa Black Sheep</li>
___________________________________________________________________________
</ul>
___________________________________________________________________________
<h2>Fruits Name List</h2>
___________________________________________________________________________
<ul type=“circle”>
___________________________________________________________________________
<li>Avacado</li>
___________________________________________________________________________
<li>Orange</li>
___________________________________________________________________________
<li>Pears</li>
<li>Banana</li></ul>
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

3|Page
MIS ICT GRADE 7

Term 3
Revision sheet – 1
Name: ………………………………….. Sec: ……..
1. Write an image tag for the given picture
Image name: laptop || format: jpg || alignment: left

<img src=“laptop.jpg” align=“left”>


…………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………

2. Expand the following terms


table row
a. TR …………………………………………………..
breakline
b. BR ………………………………………………….
table heading
c. TH …………………………………………………..
table data
d. TD ………………………………………………….
horizontal rule tag
e. HR ………………………………………………….
f. image source
IMG SRC …………………………………………..
3. Define the terms
Specifies the space between the edge of the cell and
a. Cellpadding ………………………………………………………………………………………………………..
the content of the cell. It is given in pixels
……………………………………………………………………………………………………………………….
Specifies the space between the cells, that is, the width of the cell
b. Cellspacing ……………………………………………………………………………………………………......
border.It is also given in pixels
..................................................................................................................................................................
4. Refer an output and complete the missing tag for the given code.
<html>
……………………..
<b>
<p>….......This </b>
text is bold…………….</p>
</p>
<p><i>This text is italic</i>……………………
<sub>
<p>This is………………….. subscript…………………. and
</sub>
<sup> </sup>
……………….superscript……………..</p>

</html>

5. Ring two table attributes in html

Html paragraph border

background Bgcolor color

1|Page
MIS ICT GRADE 7

6. Refer the given output and write a html tag in the shown space.
<h1>This is a heading level 1</h1>
…………………………………………………………………………………………
<h2> This is a heading level 2</h2>
………………………………………………………………….………………………
<p> This text is <b>bold</b></p>
…………………………………………………………………………………………
…………………………………………………………………………………………
<p> This text is <i>italic</i></p>
…………………………………………………………………………………………
<p> This text is <u>underlined</u></p>
………………….………………………………………………………………………
<p> This text…………………………………………………………………………………………
is <font size=“1”>smaller </font></p>
…………………………………………………………………………………………
<p> This text…………………………………………………………….……………………………
is <b>This text is important</b></p>
…………………………………………………………………………………………
…………………………………….……………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………….

…………………………………………………………………………………………………………………………………………………………….……………………………
…………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………….………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………
……………………………………….…………………………………………………………………………………………………………………………………………………
………….………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………….

size 1 – red size – blue size 3 – green size 4 - yellow size 5 - pink size 6- red size 7 – blue
<font size=“1” color=“red”>Font size 1</font><br>
………………………………………………………………………………………………………………………………
<font size=“2” color=“blue”>Font size 2</font><br>
…………………………….…………………………………………………………………………………………………
<font size=“3” color=“green”>Font size 3</font><br>
………………………………………………………………………………………………………………………………
……………………………………………………………………………………….………………………………………
<font size=“4” color=“yellow”>Font size 4</font><br>
………………………………………………………………………………………………………………………………
<font ………………………………………………………………………………………………………………………………
size=“5” color=“pink”>Font size 5</font><br>
………………….……………………………………………………………………………………………………………
<font……………………………………………….………………………………………………………………………………
size=“6” color=“red”>Font size 6</font><br>
………………………………………………………………………………………………………………………………
<font size=“7” color=“blue”>Font size 7</font><br>
……………………………………………………………………………………………………………………………..

…………………………………………………………………………………………………………………………………………………………….………………………………
……………………………………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………….………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………………………………………
…………………………….…………………………………………………………………………………………………………………………………………………………….
……………………………………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………..

2|Page
MIS ICT GRADE 7

Name: ……………………….
REVISION SHEET – 3
Sec: ……
1. Name the types of spanning cells in html
rowspan and colspan
………………………………………………………………………………………………
2. Name the tags for the following outputs

Outputs Tag

<p> tag

<u> <strike>

<ul> or <ul type=“disc”>

<rowspan>

<colspan>

<sub>

<sup>

<h1>
<hr>
<p>

1
MIS ICT GRADE 7

3. Write the code for shown ordered list


<h1> The ol element</h1>
……………………………………………………………………………
<ol>
……………………………………………………………………………
……………………………………………………………………………
<li>Coffee</li>
……………………………………………………………………………
<li>Tea</li>
……………………………………………………………………………
<li>Milk</li></ol>
……………………………………………………………………………
<ol type=“1” start=“50”>
……………………………………………………………………………
<li>Coffee</li>
……………………………………………………………………………
……………………………………………………………………………
<li>Tea</li>
……………………………………………………………………………
<li>Milk</li>
……………………………………………………………………………
</ol>

………………………………………………………………………………………
<h1>The p element</p>
………………………………………………………………………………………
<p> This is a paragraph</p>
………………………………………………………………………………………
………………………………………………………………………………………
<p> This is a paragraph</p>
………………………………………………………………………………………
<p> This is a paragraph</p>
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………

<table>
……………………………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………………………
<tr> <table>
……………………………………………………………………………………………………………………………………………………………………………
<th rowspan=“3”>APRIL</th> <tr>
……………………………………………………………………………………………………………………………………………………………………………
<td></td> <th colspan=“3”>2022</th>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr>
………………………………………………………………………………………………………………………………………………….…………………………
<tr><td></td>
……………………………………………………………………………………………………………………………………………………………………………
<tr><td></td> <td></td><td></td></tr>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr> <tr><th rowspan=“2”
……………………………………………………………………………………………………………………………………………………………………………
<tr><td></td> colspan=“2”>FIESTA</th>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr>
……………………………………………………………………………………………………………………….……………………………………………………
<tr><td></td> <tr><td></td></tr>
……………………………………………………………………………………………………………………………………………………………………………
<td></td> <tr><td></td>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr> <td></td>
……………………………………………………………………………………………………………………………………………………………………………
<tr><td></td>
……………………………………………………………………………………………………………………………………………………………………………
<td></td></tr>
……………………………………………………………………………………………………………………………………………………………………………
<td></td> </table>
…………………………………………………………………………………………………………………………………………………………………………..
<td></td></tr></table>
2

You might also like