wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Teste HTML semântico

Total questions: 14

Worksheet time: 11mins

Name
Class
Date
1.

Qual tag HTML é usada para definir o cabeçalho de uma página ou de uma seção, geralmente contendo o logotipo e o menu de navegação?

a)

<footer>

b)

<main>

c)

<head>

d)

<header>

2.

A tag <article> é ideal para agrupar conteúdos que fazem sentido por si só, como um post de blog, uma notícia ou uma receita.

a)

Verdadeiro

b)

Falso

3.

Para criar a barra de navegação principal de um site, com links para 'Página Inicial', 'Sobre' e 'Contato', qual tag semântica é a mais apropriada para agrupar esses links?

a)

<div>

b)

<section>

c)

<header>

d)

<nav>

4.

A tag <footer> é comumente utilizada para qual propósito em uma página HTML?

a)

Para agrupar uma coleção de notícias sobre esportes.

b)

Para inserir informações de autoria, direitos autorais e links de contato no final da página.

c)

Para conter o conteúdo principal e de maior relevância da página.

d)

Para definir o título principal visível na página.

5.

É uma boa prática ter múltiplos elementos <main> em uma única página HTML.

a)

Verdadeiro

b)

Falso

6.

Qual das seguintes tags é considerada um 'contêiner genérico', usada para agrupar elementos principalmente para fins de estilização com CSS, sem carregar um significado semântico?

a)

<p>

b)

<section>

c)

<div>

d)

<main>

7.

Observe o código na imagem. Qual tag seria a mais semanticamente apropriada para substituir a div com a classe card, considerando que ela representa um bloco de conteúdo completo e independente?

a)

<nav>

b)

<article>

c)

<span>

d)

<header>

8.

Na tag <img>, qual a finalidade do atributo alt ?

a)

Para fornecer um texto alternativo que descreve a imagem.

b)

Para criar um link na imagem

c)

Para definir a largura da imagem.

d)

Para carregar a imagem a partir de uma URL

9.

As tags <strong> e <b> têm o mesmo resultado visual (negrito), mas <strong> indica que o texto tem grande importância semântica.

a)

Verdadeiro

b)

Falso

10.

Qual tag HTML é usada para agrupar conteúdo relacionado, como uma seção de artigos ou tópicos dentro de uma página?

a)

<footer>

b)

<aside>

c)

<span>

d)

<section>

11.

Qual das opções abaixo representa uma boa prática ao utilizar elementos semânticos em HTML?

a)

Evitar o uso de atributos alt em imagens.

b)

Usar <div> para todo o conteúdo da página.

c)

Colocar todo o texto dentro de <main>.

d)

Utilizar tags como <header>, <nav>, <main> e <footer> para estruturar a página.

12.

Qual tag é usada para criar uma lista de itens que não possui uma ordem de prioridade (geralmente exibida com marcadores)?

a)

<li>

b)

<ul>

c)

<ol>

d)

<list>

13.

Qual das seguintes tags de título tem a MAIOR importância hierárquica?

a)

<h1>

b)

<h6>

c)

<h4>

d)

<h2>

14.

Analisando a imagem do código, qual afirmativa descreve corretamente a estrutura e o propósito das tags utilizadas?

a)

As tags <main> e <section> não têm significado e funcionam como uma <div> para estilização.

b)

A tag <h1> deveria ser substituída por <p>, pois 'Portal de Noticias' é um parágrafo e não um título.

c)

As tags <section> são usadas de forma incorreta, pois deveriam estar fora da tag <main>

d)

A tag <main>define o conteúdo principal, e as tags <section> agrupam os diferentes temas (Esportes, Tecnologia) dentro dele.