Scribd
Upload
8 views6 pages

Ict Indivudual

The document contains code examples and activities from an ICT individual assignment. There are examples of HTML code using different tags like <DOCTYPE>, <head>, <body>, <h1>, <p>, <img>, <table>, <ol>, <ul>, and <li>. The activities cover topics like horizontal lines, image alignment, tables, ordered and unordered lists.

Uploaded by

Jonathan Tariku
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views6 pages

Ict Indivudual

The document contains code examples and activities from an ICT individual assignment. There are examples of HTML code using different tags like <DOCTYPE>, <head>, <body>, <h1>, <p>, <img>, <table>, <ol>, <ul>, and <li>. The activities cover topics like horizontal lines, image alignment, tables, ordered and unordered lists.

Uploaded by

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

ICT INDIVUDUAL

ASSIGNMENT
NAME: ANDRIAS TARIKU
TH
GRADE: 11 A
ROLL NO: 4

HTML CODES
ACTIVITY 4.4

<!DOCTYPE html>
<html>
<head><title>Horizontal Lines Example</title></head>
<body> <hr >
<h1>My Webpage</h1>
<hr > <p>This is the first paragraph.</p>
<hr ><p>This is the second paragraph.</p>
<hr ><p>This is the third paragraph.</p><hr >
</body>
</html>
ACTIVITY 4.6

1) <!DOCTYPE html>
<html>
<head><title>right aligned</title>
</head>
<body>
<h1>Heading Text</h1>
<p align=”right”>ICT ASSIGNMET </p>
</body>
</html>
2) <!DOCTYPE html>
<html>
<head>
<title>Three Images</title>
</head>
<body>
<img src="image1.jpg" alt="Image 1" style="display:block;">
<img src="image2.jpg" alt="Image 2" style="display:block;">
<img src="image3.jpg" alt="Image 3" style="display:block;">
</body> </html>
ACTIVITY 4.11
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
<td>6</td>
<td>8</td>
</tr>
<tr>
<td>3</td>
<td>6</td>
<td>9</td>
<td>12</td>
</tr>
<tr>
<td>4</td>
<td>8</td>
<td>12</td>
<td>16</td>
</tr>
</table>
</body>
</html>
2)<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}

table, th, td {
border: 1px solid black;
padding: 8px;
}

th {
text-align: left;
}
</style>
</head>
<body>

<table>
<tr>
<th>column 1</th>
<th>column 2</th>
<th>column 3</th>
<th>column 4</th>
</tr>
<tr>
<td>row 1</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>row 2</td>
<td>2</td>
<td>4</td>
<td>6</td>
<td>8</td>
</tr>
<tr>
<td>row 3</td>
<td>3</td>
<td>6</td>
<td>9</td>
<td>12</td>
</tr>
<tr>
<td>row 4</td>
<td>4</td>
<td>8</td>
<td>12</td>
<td>16</td>
</tr>
</table>

</body>
</html>
ACTIVITY 4.13
<!DOCTYPE html>
<html>
<head>
<title>My Friends</title>
</head>
<body>
<h1>List of Friends</h1>
<ol>
<li>MESSI</li>
<li>RONALDO</li>
<li>NEYMAR</li>
<li>ZLATAN</li>
<li>SALAH</li>
<li>VANDIJK</li>
<li>ARNOLD</li>
<li>PELE</li>
<li>MARADONA</li>
<li>BERKGAMP</li>
</ol>
</body>
</html>
ACTIVITY 4.15
<html><head></head>
<body>
<ul>
<li>Fruits:
<ul>
<li>Orange</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>
</li>
<li>Vegetables:
<ul>
<li>Carrot</li>
<li>Cabbage</li>
<li>Onion</li>
</ul>
</li></ul> </body> </html>

OUTPUTS

1 2
3 4

5 6

You might also like