Scribd
Upload
10 views5 pages

Use The Tag Inside The Head Element To Link To The External Css File The SRC Attribute Tells The Browser Where To Find The Image

The document outlines a CAT (Continuous Assessment Test) for HTML and CSS due before January 28, 2025. It includes questions on CSS definitions, HTML tags, code generation for lists, tables, and forms, along with submission instructions. Students are required to submit their work via Google platform or email, ensuring the document is named with their full names.

Uploaded by

vqj7khvqmb
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
10 views5 pages

Use The Tag Inside The Head Element To Link To The External Css File The SRC Attribute Tells The Browser Where To Find The Image

The document outlines a CAT (Continuous Assessment Test) for HTML and CSS due before January 28, 2025. It includes questions on CSS definitions, HTML tags, code generation for lists, tables, and forms, along with submission instructions. Students are required to submit their work via Google platform or email, ensuring the document is named with their full names.

Uploaded by

vqj7khvqmb
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/ 5

HTML CAT 2025 Before Tue 28/01/2025

1. a)What does CSS stand for? Cascading Style Sheets

What does CSS do?CSS is a standard style sheet language used for describing the
presentation (i.e. the layout and formatting) of the web pages. 2Mks

2. What do the followings tags do:


i. <sup> Superscript tag, text appears half a character above the normal line and is
rendered in smaller font

ii. <body>Body tag defines the doicuments body which contains all the contents of a html
document

iii. <script> It is used to embed a client-side script

iv. <section> The <section> element is a structural HTML element used to group together
related elements.
4mks
3. How do you link to an external CSS 2Mks
Use the <link> tag inside the head element to link to the external css file
4. What does src attribute do? The src attribute tells the browser where to find the
image.

5. Create an ordered list of foods with alphabetical order. 4Mks


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Ordered List</h1>
<ol type="a">
<li>Maize</li>
<li>Beans</li>
<li>Peas</li>
<li>Apples</li>
<li>Oranges</li>
<li>Tomatoes</li>
<li>Onions</li>
<li>Carrots</li>
<li>Spinach</li>
<li>Broccoli</li>
</ol>
</body>
</html>

6. Write code that generates the table below:


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table, th, td {
border-collapse: collapse;
border: 1px solid black;
}
</style>
</head>
<body>
<table style="width: 100%">
<tr>
<th>Name</th>
<th>Course</th>
<th>Cost</th>
<th>Level</th>
</tr>
<tr>
<td>Glen</td>
<td>Business</td>
<td>40000</td>
<td>A</td>
</tr>
<tr>
<td>Sheila</td>
<td>IT</td>
<td>20000</td>
<td>B</td>
</tr>
<tr>
<td>Jamila</td>
<td>CS</td>
<td>60000</td>
<td>C</td>
</tr>
<tr>
<td>Ali</td>
<td>Tourism</td>
<td>50000</td>
<td>D</td>
</tr>
</table>
</body>
</html>

Name Course Cost Level

Glen Business 40000 A

Sheila IT 20000 B

Jamila CS 60000 C

Ali Tourism 50000 D

5Mks

7. Name 3 tags are used for creating definition lists? 2MksThe tags <dl>,<dd> and <dt> are
used to define description lists.
8. Write the code that generated the form below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form</title>
</head>
<style>
body {
background-color: orange;
}
label {
font-weight: bold;
}

</style>
<body>
<h1>Student Registration Form</h1>
<p>Fill in this form to register</p>
<form>
<fieldset>
<label for="firstName">First Name:</label><input type="text" id="firstName"
placeholder="Enter your first name"> <br> <br>
<label for="lastName">Last Name</label> <input type="text"
placeholder="Enter your last name"> <br> <br>
<label for="email">E-mail</label> <input type="email" placeholder="Enter e-
mail address"> <br> <br>
<label for="dateofbirth">Date of Birth</label> <input type="date"> <br>
<br>
<label for="username">Set Username</label> <input type="text"
placeholder="Enter username"> <br> <br>
<label for="password">Set Password</label> <input type="password"
placeholder="Enter password"> <br> <br>

<label for="Gender">Gender</label><br>
<input type="radio" name="sex">Male <br>
<input type="radio" name="sex">Female <br>
<input type="radio" name="sex">Others <br> <br>

<label>Course</label> :<select>
<option value="1">Course</option>
</select><br><br>

<button>Register</button>
</fieldset>
</form>
</body>
</html>
10Mks

Submission Instructions
The CAT should be submitted before the close of business on Tuesday 28 /January/2025. The submitted word
th

document file should be saved using your full names. Also, where you are to write the code, just have a screenshot
of the code or write the code on the word document.
You can submit the CAT either through the google platform or send the word document to this email address:

[email protected]

You might also like