Estrutura HTML: Head e Body

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

Qual atributo HTML é usado para definir o caminho de um recurso externo, como uma imagem ou folha de estilo?

  • alt
  • href (correct)
  • link
  • src

Qual elemento HTML é semanticamente mais apropriado para envolver a barra de navegação principal de um site?

  • nav (correct)
  • div
  • ul
  • header

Qual elemento HTML é usado para estruturar uma lista não ordenada de itens?

  • li
  • ol
  • ul (correct)
  • dl

Em HTML, qual elemento é usado para definir o rodapé de um documento ou seção?

<p>footer (A)</p> Signup and view all the answers

Qual atributo HTML é usado para fornecer um texto alternativo para uma imagem, exibido caso a imagem não possa ser carregada?

<p>alt (C)</p> Signup and view all the answers

Qual elemento HTML é usado para definir o conteúdo principal de uma página web?

<p>main (B)</p> Signup and view all the answers

Qual elemento HTML deve ser usado para definir títulos e subtítulos, indicando a hierarquia do conteúdo?

<p>h1-h6 (C)</p> Signup and view all the answers

Qual atributo HTML é usado para abrir um link em uma nova aba ou janela do navegador?

<p>target (A)</p> Signup and view all the answers

Qual elemento HTML é mais apropriado para agrupar um conjunto de campos relacionados em um formulário?

<p>fieldset (B)</p> Signup and view all the answers

Qual atributo HTML é usado para fornecer um texto de dica que aparece dentro de um campo de entrada antes que o usuário digite algo?

<p>placeholder (C)</p> Signup and view all the answers

Qual elemento HTML é usado para criar uma quebra de linha dentro de um texto?

<p>br (D)</p> Signup and view all the answers

Qual dos seguintes elementos HTML é usado para definir uma célula de dados em uma tabela?

<p>td (C)</p> Signup and view all the answers

Qual elemento HTML é usado para vincular arquivos CSS externos a um documento HTML?

<p>link (A)</p> Signup and view all the answers

Qual dos seguintes atributos é usado para identificar um elemento de forma única em um documento HTML?

<p>id (A)</p> Signup and view all the answers

Qual elemento HTML é usado para criar uma lista ordenada?

<p>ol (C)</p> Signup and view all the answers

Qual elemento HTML é usado para agrupar um conjunto de elementos em um bloco, sem impor nenhum significado semântico específico?

<p>div (D)</p> Signup and view all the answers

Qual elemento HTML é usado para definir metadados sobre o documento HTML, como o conjunto de caracteres e a viewport?

<p>meta (A)</p> Signup and view all the answers

Qual elemento HTML é usado para definir o título da página que aparece na aba do navegador?

<p>title (C)</p> Signup and view all the answers

Ao criar uma tabela HTML, qual elemento é usado para definir o cabeçalho de uma coluna?

<p>th (A)</p> Signup and view all the answers

Qual atributo HTML é usado para associar um arquivo de folha de estilo externo a um documento HTML, especificando sua relação como uma folha de estilo?

<p>rel (D)</p> Signup and view all the answers

Flashcards

HTML

Linguagem padrão para criar a estrutura de páginas web.

head

Contém metadados e links do documento HTML.

title

Define o título que aparece na aba do navegador.

style

Inclui estilos CSS para formatar a página.

Signup and view all the flashcards

link

Vincula arquivos externos ao documento HTML.

Signup and view all the flashcards

rel

Indica o tipo de arquivo vinculado.

Signup and view all the flashcards

href

Indica o caminho para o arquivo vinculado.

Signup and view all the flashcards

body

Contém todo o conteúdo visível da página web.

Signup and view all the flashcards

p

Cria parágrafos de texto.

Signup and view all the flashcards

span

Aplica estilos a palavras ou frases específicas.

Signup and view all the flashcards

br

Insere uma quebra de linha.

Signup and view all the flashcards

class

Usado para aplicar estilos a múltiplos elementos.

Signup and view all the flashcards

id

Identifica um único elemento de forma única.

Signup and view all the flashcards

button

Cria botões na página.

Signup and view all the flashcards

a

Cria links para outras páginas ou seções.

Signup and view all the flashcards

div

Cria contêineres para organizar o layout da página.

Signup and view all the flashcards

img

Insere imagens na página.

Signup and view all the flashcards

src

Caminho para o arquivo de imagem.

Signup and view all the flashcards

alt

Texto alternativo se a imagem não carregar.

Signup and view all the flashcards

input

Cria uma caixa de texto para entrada de dados.

Signup and view all the flashcards

Study Notes

  • HTML (HyperText Markup Language) é a linguagem padrão para estruturar o conteúdo de páginas web.
  • A tag <head> contém metadados e links relacionados ao documento HTML.
  • A tag <title> define o título que aparece na aba do navegador.
  • A tag <style> é usada para incluir estilos CSS diretamente no documento HTML.
  • A tag <link> vincula arquivos externos ao documento HTML.
  • O atributo rel dentro da tag <link> especifica o tipo de relação entre o documento HTML e o arquivo vinculado (ex: rel="stylesheet" indica uma folha de estilo).
  • O atributo href dentro da tag <link> indica o caminho para o arquivo externo.

Body

  • A tag <body> contém todo o conteúdo visível de uma página web.
  • A tag <p> é usada para criar parágrafos.
  • A tag <span> permite aplicar estilos específicos a palavras ou frases dentro de um texto.
  • A tag <br> insere uma quebra de linha.
  • O atributo class permite aplicar estilos ou comportamentos a múltiplos elementos, podendo ser reutilizado várias vezes.
  • O atributo id é usado para identificar um único elemento de forma única dentro de um documento HTML.

Elementos de Interação e Layout

  • A tag <button> cria botões interativos.
  • A tag <a> cria links (âncoras) para outras páginas ou seções da mesma página.
  • A tag <div> cria contêineres ou blocos para organizar o layout de uma página.
  • A tag <img> exibe imagens; o atributo src especifica o caminho do arquivo de imagem, e o atributo alt fornece um texto alternativo caso a imagem não carregue.
  • A tag <input> cria campos de texto para entrada de dados; o atributo placeholder exibe um texto sugestivo dentro do campo antes que o usuário digite algo.
  • A tag <header> representa o cabeçalho de um site.
  • A tag <footer> representa o rodapé de um site.
  • A tag <nav> define a área de navegação, geralmente contendo links para diferentes seções do site.
  • A tag <ul> cria uma lista não ordenada, geralmente exibida com marcadores como pontos ou quadrados.
  • A tag <ol> cria uma lista ordenada, numerada sequencialmente.
  • O atributo target="_blank" faz com que um link seja aberto em uma nova aba ou janela do navegador.
  • A tag <main> delimita o conteúdo principal de uma página.
  • A tag <section> divide o conteúdo em seções temáticas ou funcionais.
  • As tags <h1> a <h6> definem títulos e subtítulos por hierarquia, sendo <h1> o título de maior importância.

Table

  • A tag <table> cria tabelas com linhas e colunas.
  • A tag <th> define o cabeçalho de uma coluna em uma tabela.
  • A tag <tr> cria uma linha na tabela.
  • A tag <td> define uma célula de dados dentro de uma linha da tabela.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser