0% found this document useful (0 votes)
7 views4 pages

9th HTML Important Program by Zia Ur Rehman Concepts College

The document provides practical HTML programming exercises, including creating a basic webpage, formatting text, adding hyperlinks, images, lists, tables, forms, and embedding audio and video. Each section includes example code snippets to demonstrate the concepts. The exercises cover fundamental HTML elements and their usage in web development.

Uploaded by

Zia Ur Rehman
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)
7 views4 pages

9th HTML Important Program by Zia Ur Rehman Concepts College

The document provides practical HTML programming exercises, including creating a basic webpage, formatting text, adding hyperlinks, images, lists, tables, forms, and embedding audio and video. Each section includes example code snippets to demonstrate the concepts. The exercises cover fundamental HTML elements and their usage in web development.

Uploaded by

Zia Ur Rehman
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/ 4

Practical-Based Questions (HTML Programs)

1. Basic HTML Structure

Write an HTML program to display "Hello, World!" on a webpage.

<!DOCTYPE html>

<html>

<head>

<title>My First Webpage</title>

</head>

<body>

<h1>Hello, World!</h1>

</body>

</html>

2. Formatting Text

Write an HTML page using <b>, <i>, and <u> tags.

<!DOCTYPE html>

<html>

<head><title>Text Formatting</title></head>

<body>

<p><b>Bold Text</b></p>

<p><i>Italic Text</i></p>

<p><u>Underlined Text</u></p>

</body>

</html>

3. Creating a Hyperlink

Create a webpage that links to Google.

<a href="https://www.google.com" target="_blank">Visit Google</a>


4. Adding an Image

Insert an image into an HTML page.

<img src="image.jpg" alt="Sample Image" width="300" height="200">

5. Ordered and Unordered Lists

Write an HTML program to display ordered and unordered lists.

<ul>

<li>Apple</li>

<li>Banana</li>

<li>Cherry</li>

</ul>

<ol>

<li>First Step</li>

<li>Second Step</li>

<li>Third Step</li>

</ol>

6. Creating a Simple Table

Write an HTML program to display a table with student names and marks.

<table border="1">

<tr>

<th>Name</th>

<th>Marks</th>

</tr>

<tr>

<td>Ali</td>

<td>85</td>

</tr>
<tr>

<td>Ayesha</td>

<td>90</td>

</tr>

</table>

7. HTML Form with Input Fields

Create a form with name, email, and submit button.

<form>

Name: <input type="text" name="name"><br><br>

Email: <input type="email" name="email"><br><br>

<input type="submit" value="Submit">

</form>

8. Embedding Audio

Write an HTML program to play an audio file.

<audio controls>

<source src="music.mp3" type="audio/mpeg">

Your browser does not support the audio tag.

</audio>

9. Embedding Video

Write an HTML program to play a video file.

<video width="400" controls>

<source src="video.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

10. Embedding a YouTube Video

Write an HTML program to embed a YouTube video.


<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ"
frameborder="0" allowfullscreen></iframe>

You might also like