4.2. Introdução ao HTML: estrutura básica, tags e atributos: Estrutura básica do HTML

Página 6

HTML, que significa Hyper Text Markup Language, é a linguagem de marcação padrão para a criação de páginas e aplicativos web. É uma das principais ferramentas que qualquer desenvolvedor front-end deve dominar. Este módulo do nosso e-book curso irá apresentar a estrutura básica do HTML, suas tags e atributos.

Estrutura básica do HTML

Um documento HTML é composto por uma série de elementos, cada um representado por uma tag. A estrutura básica de um documento HTML se parece com isto:

<!DOCTYPE html>
<html>
<head>
  <title>Titulo da página</title>
</head>
<body>
  Conteúdo da página vai aqui.
</body>
</html>

O <!DOCTYPE html> no início do documento é uma declaração que informa ao navegador que este é um documento HTML5. A tag <html> envolve todo o conteúdo da página. Dentro dessa tag, temos duas outras tags importantes: <head> e <body>.

A tag <head> contém informações sobre a página que não são visíveis para o usuário, como o título da página (que aparece na barra de título do navegador) e links para arquivos CSS e JavaScript externos. A tag <body> contém todo o conteúdo que o usuário vê, como texto, imagens, links, etc.

Tags HTML

As tags HTML são a base de qualquer página web. Elas definem a estrutura e o layout da página, e podem ser usadas para adicionar texto, imagens, links e outros elementos. Aqui estão algumas das tags mais comuns:

  • <h1> a <h6>: Estas tags são usadas para adicionar títulos e subtítulos. <h1> é o título de maior importância (e geralmente o maior em tamanho), enquanto <h6> é o de menor importância.
  • <p>: Esta tag é usada para adicionar parágrafos de texto.
  • <a>: Esta tag é usada para adicionar links.
  • <img>: Esta tag é usada para adicionar imagens.
  • <div>: Esta tag é usada para agrupar outros elementos.

Atributos HTML

Os atributos HTML são usados para fornecer informações adicionais sobre um elemento. Eles são sempre especificados no início da tag e têm a seguinte estrutura: nome_do_atributo="valor_do_atributo". Aqui estão alguns dos atributos mais comuns:

  • class: Este atributo é usado para especificar uma ou mais classes para um elemento. As classes são usadas para selecionar elementos com CSS e JavaScript.
  • id: Este atributo é usado para especificar um identificador único para um elemento. O id deve ser único dentro do documento.
  • src: Este atributo é usado para especificar a fonte de um elemento de mídia, como uma imagem ou um vídeo.
  • href: Este atributo é usado para especificar o URL de um link.
  • alt: Este atributo é usado para especificar um texto alternativo para uma imagem, que será exibido se a imagem não puder ser carregada.

Em resumo, o HTML é a espinha dorsal de qualquer página web. Dominar a estrutura básica do HTML, suas tags e atributos é essencial para qualquer desenvolvedor front-end. No próximo módulo do nosso e-book curso, iremos explorar o CSS, a linguagem usada para estilizar as páginas HTML e criar layouts atraentes e responsivos.

Ahora responde el ejercicio sobre el contenido:

O que a tag <head> em HTML contém?

¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.

¡Tú error! Inténtalo de nuevo.

Siguiente página del libro electrónico gratuito:

74.3. Introdução ao HTML: estrutura básica, tags e atributos: Entendendo as tags HTML

¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!

Disponible en Google Play Disponible en App Store

+ 6,5 millones
estudiantes

Certificado gratuito y
válido con código QR

48 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo, audio y texto.