Scribd
Upload
19 views2 pages

HTML Webpage Example

This document provides an example HTML webpage code suitable for O/L ICT practical learning, featuring various HTML elements such as headings, paragraphs, lists, images, hyperlinks, and tables. It includes a personal introduction, favorite subjects, hobbies, and a study schedule. Additionally, it explains important HTML tags used in the code.

Uploaded by

mursithafawas
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
19 views2 pages

HTML Webpage Example

This document provides an example HTML webpage code suitable for O/L ICT practical learning, featuring various HTML elements such as headings, paragraphs, lists, images, hyperlinks, and tables. It includes a personal introduction, favorite subjects, hobbies, and a study schedule. Additionally, it explains important HTML tags used in the code.

Uploaded by

mursithafawas
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/ 2

■ Example HTML Webpage Code (O/L ICT)

This HTML code includes a heading, paragraph, ordered list, unordered list, image, hyperlink, table,
and more — suitable for O/L ICT practical learning.

<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body style="font-family: Arial; background-color: #f5f5f5; margin: 30px;">

<h1 style="color: #2E64FE;">Welcome to My Webpage</h1>


<hr>

<p>Hello! My name is <b>Fathima Samha</b>. I created this webpage to practice basic HTML tags.
It includes headings, lists, images, tables, links, and more.</p>

<h2>About Me</h2>
<p>I am a student who loves <i>technology</i>, <i>art</i>, and <i>design</i>.
I study ICT and enjoy creating simple web pages like this one.</p>

<h3>My Favourite Subjects (Ordered List)</h3>


<ol type="1">
<li>Information & Communication Technology</li>
<li>Science</li>
<li>English</li>
<li>Mathematics</li>
</ol>

<h3>My Hobbies (Unordered List)</h3>


<ul type="circle">
<li>Reading books</li>
<li>Drawing</li>
<li>Watching movies</li>
<li>Web designing</li>
</ul>

<h3>My Favourite Image</h3>


<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Computer-clipart.svg/800px-Computer-clipa
alt="Computer Image" width="250" height="200">
<p><i>(This image represents my interest in computers and ICT)</i></p>

<h3>My Favourite Website</h3>


<p>Visit <a href="https://www.wikipedia.org" target="_blank">Wikipedia</a> to learn new things every day!</p>

<h3>My Weekly Study Schedule</h3>


<table border="1" cellpadding="8" cellspacing="0" style="background-color: #ffffff;">
<tr style="background-color: #2E64FE; color: white;">
<th>Day</th>
<th>Subject</th>
<th>Study Time</th>
</tr>
<tr>
<td>Monday</td>
<td>Science</td>
<td>7:00 PM - 8:00 PM</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Mathematics</td>
<td>7:00 PM - 8:30 PM</td>
</tr>
<tr>
<td>Wednesday</td>
<td>ICT</td>
<td>6:30 PM - 8:00 PM</td>
</tr>
</table>

<hr>

<p style="text-align:center;">&copy; 2025 My First Webpage | Designed by Fathima Samha</p>

</body>
</html>

■ Explanation of Important Tags


<h1>–<h6> : Headings (different sizes)
<p> : Paragraph
<b>, <i> : Bold and Italic
<ol>, <ul> : Ordered and Unordered Lists
<img> : Insert Image
<a> : Add Hyperlink
<table>, <tr>, <th>, <td> : Create Table
<hr> : Horizontal Line
<br> : Line Break

You might also like