Quiz: Web Development Fundamentals — 10 perguntas

Perguntas e respostas detalhadas

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.

Explicação

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.

Explicação

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>

Explicação

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

Explicação

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

Explicação

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.

Explicação

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

Explicação

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.

Explicação

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.

Explicação

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

Explicação

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

Revisar com flashcards

Memorize as respostas com 10 flashcards 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.

Veja os flashcards →

Estude a ficha de revisão

Leia a ficha de revisão completa sobre Web Development Fundamentals.

Veja a ficha de revisão →

Similar courses

Introduction aux documents et sécurité en construction

Bases de données

Introduction à l'Informatique et IA

Introduction aux marchés publics et réglementations du bâtiment

Bases de données

Gestion des imprimantes Windows et PDF

Introduction aux bases de données relationnelles

Bases de données

Maîtrise des Boucles en Programmation

Programmation

Crie seus próprios quizzes

Importe seu curso e a IA gera quizzes com correções em 30 segundos.

Gerador de quizzes