Cuestionario: Web Development Fundamentals — 10 preguntas

Preguntas y respuestas detalladas

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.

Explicación

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.

Explicación

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>

Explicación

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>`

Explicación

`<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

Explicación

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.

Explicación

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>`

Explicación

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.

Explicación

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.

Explicación

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>`.

Explicación

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

Repasa con tarjetas de memoria

Memoriza las respuestas con 10 tarjetas de memoria sobre 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.

Ver tarjetas de memoria →

Estudia la hoja de repaso

Lee la hoja de repaso completa sobre Web Development Fundamentals.

Ver hoja de repaso →

Similar courses

Crea tus propios cuestionarios

Importa tu curso y la IA genera cuestionarios con correcciones en 30 segundos.

Generador de cuestionarios