HTML Structure
Tags & Elements
Tags
PROGRAMMING PA-PD
EMERGING TECHNOLOGIES
100

What is the purpose of <!DOCTYPE html>?

It tells the browser that the document is written in HTML5 and ensures the page is rendered in standards mode.

100

What is the difference between an opening tag and a closing tag?

An opening tag starts an element (e.g., <p>), and a closing tag ends it (e.g., </p>).

100

Defines a main heading and represents the most important title on the page.

<h1>

100

What do we call a stored value that can change during program execution?

Variable

100

Is the delivery of computing services (storage, servers, databases, software) over the internet instead of using local hardware.

Cloud Computing

200

What is the difference between <head> and <body>?

  • <head> contains metadata (title, links to CSS, charset, scripts).

  • <body> contains the visible content shown to users.

200

It creates a hyperlink. The required attribute is href.

<A>

200

Why is it incorrect to use heading tags (<h1>–<h6>) only to make text bigger instead of structuring content properly?

Because heading tags define the structure and hierarchy of the page.
Using them only for visual size breaks semantic meaning, affects accessibility, and confuses search engines and screen readers.

200

What programming structure allows code to run only if a condition is true?

Conditional statement (if statement)

200

is the ability of machines to simulate human intelligence, including learning, reasoning, and decision-making

IA

300

Why is semantic structure important in HTML?

Semantic structure makes content meaningful and organized, improves readability, accessibility, and helps search engines understand the conten

300

creates an ordered (numbered) list.

<OL>

300

You want to display an image on your webpage.
Which tag should you use?

<img>


300

What structure allows code to repeat multiple times automatically?

Loop

300

is a cyberattack where attackers trick users into revealing sensitive information through fake emails or websites

phishing

400

What is the difference between <div> and <section>?

  • <div> is a generic container with no semantic meaning.

  • <section> represents a meaningful thematic group of content.

400

creates an unordered (bulleted) list.

<UL>

400

You want to group several sections of content without adding semantic meaning.
Which tag should you use?

<div>

400

What do we call a reusable block of code designed to perform a specific task?

Function

400

Which cloud service model gives users access to virtual machines and infrastructure?

IaaS (Infrastructure as a Service)

500

What problems can occur if you place content outside the <body> tag?

The browser may render the page incorrectly, ignore content, or cause validation errors because visible content must be inside <body>.

500


GIVE SOME SPACE

<Br>

500

You are creating a navigation menu that contains links to different sections of the website.
Which semantic tag should you use?

<nav>

500

What is it called when a loop never stops running?  

Infinite loop

500

Which cloud service model provides ready-to-use software through the browser?

SaaS (Software as a Service)