Quiz: Web Development Fundamentals — 10 domande

Domande e risposte dettagliate

1. What does 'HTML Structure' refer to in web development?

The way HTML elements are organized and arranged within a webpage, forming its foundation.
The process of writing HTML code using a text editor.
The style and visual appearance of a webpage created using HTML.
The way CSS styles are applied to HTML elements.

The way HTML elements are organized and arranged within a webpage, forming its foundation.

Spiegazione

HTML Structure refers to the organization and arrangement of elements and tags within an HTML document, forming the foundation of a webpage. It includes the use of elements like `<html>`, `<head>`, `<body>`, and semantic tags to create a meaningful and well-organized webpage layout.

2. What is the purpose of the `<!DOCTYPE html>` declaration in an HTML document?

To specify the character encoding used in the document.
To declare the version of HTML and ensure the browser renders the page in standards mode.
To link external stylesheets to the document.
To start and end all HTML elements in the document.

To declare the version of HTML and ensure the browser renders the page in standards mode.

Spiegazione

The `<!DOCTYPE html>` declaration tells browsers to render the page in standards mode and specifies that the document is HTML5, ensuring consistent rendering across browsers.

3. What is the correct doctype declaration used at the beginning of an HTML5 document?

<title>
<!DOCTYPE html>
<head>
<html>

<!DOCTYPE html>

Spiegazione

The correct doctype declaration for HTML5 is `<!DOCTYPE html>`. This declaration ensures that the browser renders the page in standards mode. The other options are either part of the HTML structure (`<html>`, `<head>`, `<title>`) or incorrect as doctype declarations.

4. Which of the following is an example of a semantic HTML element?

`<div>`
`<span>`
`<article>`
`<section>`

`<article>`

Spiegazione

`<article>` and `<section>` are semantic HTML elements that convey meaningful content structure, unlike `<div>` and `<span>`, which are non-semantic generic containers.

5. What is the primary role of semantic HTML in web development?

To add interactivity with JavaScript
To improve the structure and meaning of content for accessibility and SEO
To style web pages with CSS
To optimize images for faster loading

To improve the structure and meaning of content for accessibility and SEO

Spiegazione

Semantic HTML is used to convey the meaning and structure of web content through the use of meaningful tags like <header>, <article>, and <footer>. This improves accessibility for users with disabilities and enhances search engine optimization by providing clear content hierarchy. It is not primarily about styling, interactivity, or image optimization.

6. In HTML, what does an attribute like `href` inside an `<a>` element specify?

The style of the link.
The destination URL the link points to.
The tooltip that appears on hover.
The target window for the link.

The destination URL the link points to.

Spiegazione

The `href` attribute specifies the URL that an anchor `<a>` tag links to, directing where the user will be taken upon clicking.

7. Which HTML elements are considered void elements?

`<img>`, `<br>`, `<input>`
`<div>`, `<p>`, `<h1>`
`<section>`, `<article>`, `<footer>`
`<span>`, `<a>`, `<ul>`

`<img>`, `<br>`, `<input>`

Spiegazione

Void elements in HTML, such as `<img>`, `<br>`, and `<input>`, do not have closing tags and cannot contain content, making them self-closing.

8. What is the primary benefit of using semantic HTML tags like `<header>` and `<footer>`?

They improve page load speed.
They make the code easier to style with CSS.
They convey meaningful structure, enhancing accessibility and SEO.
They automatically add style and layout to the page.

They convey meaningful structure, enhancing accessibility and SEO.

Spiegazione

Semantic HTML tags clearly define the structure and meaning of content, which aids assistive technologies and improves search engine optimization.

9. Which of the following best describes the role of HTML attributes?

They define the style of an element.
They are used to insert JavaScript code.
They provide additional information to modify or describe an element.
They create new HTML elements.

They provide additional information to modify or describe an element.

Spiegazione

Attributes add extra information to HTML elements, such as `id`, `class`, `href`, or `alt`, which can influence their behavior or appearance.

10. Which statement accurately reflects the basic structure of an HTML document?

It starts with `<html>`, then `<head>`, and `<body>` in any order.
It begins with `<!DOCTYPE html>`, followed by `<html>`, then `<head>` and `<body>` inside `<html>`.
It begins with `<DOCTYPE>`, then `<body>`, then `<head>`.
It only contains a `<body>` tag, without `<html>` or `<head>`.

It begins with `<!DOCTYPE html>`, followed by `<html>`, then `<head>` and `<body>` inside `<html>`.

Spiegazione

A standard HTML document starts with `<!DOCTYPE html>` to specify HTML5, followed by `<html>`, then `<head>` and `<body>` inside the `<html>` element.

Ripassa con le flashcard

Memorizza le risposte con 10 flashcard su Web Development Fundamentals.

HTML structure — key parts?

`<html>`, `<head>`, `<body>` sections.

HTML — definition?

Standard language to structure web content.

HTML elements — purpose?

Build webpage content with tags and attributes.

Vedi le flashcard →

Studia la scheda di revisione

Leggi la scheda di revisione completa su Web Development Fundamentals.

Vedi la scheda di revisione →

Similar courses

Crea i tuoi quiz

Importa il tuo corso e l'AI genera quiz con correzioni in 30 secondi.

Generatore di quiz