Scribd
Upload
4 views

Worksheet_1_

Uploaded by

4gcommercialenterprises
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Worksheet_1_

Uploaded by

4gcommercialenterprises
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Part 1: General Reflection

1. Describe your overall experience completing Classwork 2 and Classwork 3.


○ What did you enjoy the most about these activities?

Copy pasting

○ What challenges did you encounter?

Where to put the codes

2. Which concepts from Classwork 2 helped you the most while working on
Classwork 3?
○ Provide specific examples of how you used the knowledge or code from
Classwork 2.

Copy and paste


Part 2: Factual Questions (Classwork 2)

1. What is the basic structure of an HTML5 document called? Write its opening and closing
tags.

<html>
<head>
</head>
<body>
</body>
</html>

2. In Classwork 2, you created a <header> section.


○ What is the purpose of a <header> in a webpage?

To define the heading section of a webpage

○ Write an example of a <header> tag that includes a title and a short description.

<header>
<title>Html5</title>
<p>This is an example</p>
</header>
3. Navigation Bar:
○ What tag is used to create a navigation bar?

<nav>

○ Write the HTML code for a navigation bar with links to "Home," "About," and
"Contact."

<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav

4. Content Sections:
○ What is the purpose of the <article> and <section> tags?

The article holds the main content or a self-contained piece of


information.
A section groups related content within the article.
Write an example of a <section> inside an <article>.

<article>
<h2>Article Title</h2>
<p>This is the main content of the article. Here you can write
something meaningful or informative for your audience.</p>
<section>
<h3>Section 1: Introduction</h3>
<p>This section introduces the main topic of the article.</p>
</section>
<section>
<h3>Section 2: Details</h3>
<p>This section provides detailed information or examples.</p>
</section>
</article>

Part 3: Factual Questions (Classwork 3)

1. Tables:
○ Which HTML tag is used to create a table?

<table>

○ Write the code for a table with 2 columns ("Name" and "Age") and 3 rows of data.
<table border="1">
<tr>
<th>Namet</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>13</td>
</tr>
<tr>
<td>Jacky</td>
<td>13</td>
</tr>
<tr>
<td>William</td>
<td>12</td>
</tr>
</table>
2. Images:
○ How do you add an image in HTML?

<img>

○ Write an example of an <img> tag with a source, width, height, and alt text.

<img src="https://via.placeholder.com/300" alt="A placeholder


image" width="300" height="200">

3. YouTube Videos:
○ Which tag is used to embed a YouTube video?

<src>
○ Write an example of an <iframe> tag to embed a YouTube video with a width of
500 and a height of 400.

<iframe
src="https://www.youtube.com/watch?v=qz0aGYrrlhU"
width="500"
height="400">
</iframe>

Part 4: Creativity and Improvement

1. If you had more time to work on these tasks, what additional features would you
add to your HTML5 webpage?
○ Explain why these features would be valuable.

I would add background color to make the webpage look nicer.

You might also like