NEW
Font size
WorksheetsHTML -SHS2025
Total questions: 25
Worksheet time: 13mins
What is the first logical step you should take to start writing an HMTL document in your development environment? Select the best answer.
Create a file with the .html extension.
Write the <html> tag and define the html version used in your document
set up a server and load a .css file to it.
Declare the document's character encoding.
Which section of an HTML document typically contains metadata like keywords and descriptions?
<head>
<body>
<footer>
<header>
Which HTML element is used to define the document's character encoding?
<meta>
<charset>
<doctype>
<html>
Which of the following is considered block-level elements in HTML5?
<div>
<span>
<img>
<br>
Which HTML code correctly creates a nested list with ordered and unordered lists?
<ol>
<li> Item One <ul>
<li> Subitem A </li>
</ul>
</li>
<li> Item Two </li>
</ol>
<ol> <li>Item One
<li> Subitem A </li>
</li>
<li> Item Two</li>
</ol>
<ul> <li> Item One <ol>
<li> Subitem 1 </li> </ol>
</li><li> Item Twi </li>
</ul>
<ul> <li> Item One </li>
<ul><li> SubItem A </li>
</ul><li> Item Two </li>
</ul>
What is the purpose of the srcset attribute in this <img> tag?
to define multiple image sources for different viewport widths.
to set multiple sources for the same image to load faster.
to specify different images to be displayed on hover.
to provide a fallback image if the original fails to load.
which of the following correctly applies a red color to the text of a paragraph using inline styling?
<p style = "color: red;"> this text is red. </p>
<p style = "text-color:red;"> this text is red. </p>
<p color="red"> this text is red. </p>
<p font="red"> this text is red. </p>
Which snippet correctly changes the background color of all <div> elements to blue using internal stylesheet?
div {background-color:blue;}
div {color:blue;}
div {background:blue;}
#div {background-color:blue;}
how do you correctly set the font size to 16 pixels and the font family to Arial in a CSS rule?
font-size: 16px;
font-family: Arial;
font-size: 16rem;
font-family: 'Arial';
font-size: 16px;
font: Arial;
font-size: 16px;
font-family: 'Arial';
Which statement is true regarding the use of <span> and <div>?
<div> can contain block-level elements, whereas <span> is used for inline styling.
<span> is used for block-level contend, while <div> is for inline content.
<span> and <div> are interchangeable and have no difference in styling.
<div> is used to style text, while <span> is for larger section of HTML.
How do you select elements with custom-made class
highlight-this
in a CSS stylesheet?
.highlight-this { color:yellow; }
highlight-this { color:yellow; }
#highlight-this { color:yellow; }
highlight-this { color: yellow; }
What is the main difference between using class and id attributes in HTML?
The class attribute can be applied to multiple elements, while the id attribute must be unique to a single element.
the class attribute is used exclusively for styling, while the id attribute is used for both styling and Javascript
the id attribute is used to style elements when classes are not available.
the class attribute cannot be used with the <div> element, while the id attribute can.
Which syntax correctly applies two separate classes to a single HTML element?
<div class="class1 class2"> Content </div>
<div class="class1, class2"> Content </div>
<div class="class1" class="class2"> Content </div>
<div classes="class1 class2"> Content </div>
What does the title attribute provide when used within an HTML element?
A tooltip when the mouse hovers over the elements
a unique identifier for CSS and JavaScript.
A structural division for the document.
An inline style declaration.
Which HTML5 element is used to represent a generic container without any additional semantic meaning?
<div>
<article>
<mai>
<aside>
How should the following snippet be corrected to display a less than symbol?
<p> Our prices are < than ever! </p>
Replace < with <
Add quotes around <
Replace < with \<
Wrap < in <!-- and -->
What is the correct way to create a hyperlink in HTML?
<a href="https://www.example.com">Visit Example</a>
<url href="https://www.example.com">Visit Example</url>
<link href="https://www.example.com">Visit Example</link>
<hyperlink href="https://www.example.com">Visit Example</hyperlink>
Which HTML element is used to define a navigation section?
<link>
<menu>
<navigation>
<nav>
How do you correctly include an external CSS file in an HTML document?
<css href="styles.css">
<script src="styles.css">
<style src="styles.css">
<link rel="stylesheet" href="styles.css">
Which HTML element is used to create a footer for a document?
<footer>
<bottom>
<end>
<section>
What is the purpose of the alt attribute in an <img> tag?
To define the image's dimensions.
To specify the image's source URL.
To add a caption below the image.
To provide alternative text for the image if it cannot be displayed.
Which HTML tag is used to define a section that is independent and self-contained?
<div>
<section>
<group>
<article>
Which HTML element is used to create a section that can be reused across multiple pages?
<include>
<template>
<component>
<section>
What is the correct way to add a comment in an HTML document?
<!-- This is a comment -->
<comment> This is a comment </comment>
<# This is a comment #>
<-- This is a comment <!--
Which attribute is used to specify the character encoding for an HTML document?
http-equiv
charset
encoding
meta
