Introdução ao HTML: estrutura básica, tags e atributos: Tags de link (a)

Capítulo 11

Tempo estimado de leitura: 3 minutos

+ Exercício
Audio Icon

Ouça em áudio

0:00 / 0:00
Capítulo 4.7: Introdução ao HTML: Estrutura básica, tags e atributos: Tags de link (a)

Capítulo 4.7: Introdução ao HTML: Estrutura básica, tags e atributos: Tags de link (a)

HTML, que significa HyperText Markup Language, é a linguagem de marcação padrão para criar páginas e aplicações web. Junto com CSS e JavaScript, HTML é um dos três principais pilares da World Wide Web.

Estrutura Básica do HTML

Um documento HTML tem uma estrutura específica que inclui as seguintes partes principais:

  • DOCTYPE: Indica ao navegador a versão do HTML que o documento está usando.
  • Elemento html: Este é o elemento raiz de uma página HTML.
  • Elemento head: Contém metainformações sobre o documento HTML, como seu título e links para seus scripts e folhas de estilo CSS.
  • Elemento body: Contém o conteúdo principal do documento HTML, como texto, imagens, vídeos, links, tabelas, listas e muito mais.

Tags HTML

As tags HTML são a fundação de qualquer página web. Elas definem e estruturam o conteúdo em uma página da web. Cada tag HTML começa com um sinal de menor (<) e termina com um sinal de maior (>). A maioria das tags HTML tem uma tag de abertura e uma tag de fechamento, com conteúdo entre elas.

Atributos HTML

Os atributos HTML são usados para fornecer informações adicionais sobre os elementos HTML. Eles são sempre especificados no início da tag e são seguidos por um sinal de igual e um valor entre aspas. Por exemplo, a tag de link (a) geralmente tem um atributo 'href' que indica o URL para o qual o link aponta.

Tag de link (a)

A tag de link (a) é usada para criar links em HTML. Ela é uma das tags mais usadas em HTML e é essencial para a navegação na web. A tag de link tem a seguinte sintaxe:

Continue em nosso aplicativo e ...
  • Ouça o áudio com a tela desligada
  • Ganhe Certificado após a conclusão
  • + de 5000 cursos para você explorar!
ou continue lendo abaixo...
Download App

Baixar o aplicativo

<a href="URL">Texto do link</a>

Onde 'URL' é o endereço da página web para a qual você deseja criar um link e 'Texto do link' é o texto que será exibido como o link na página web.

Atributos da tag de link (a)

A tag de link (a) tem vários atributos que você pode usar para controlar seu comportamento. Aqui estão alguns dos mais comuns:

  • href: Este é o atributo mais importante da tag de link. Ele especifica o URL da página para a qual o link deve apontar.
  • target: Este atributo especifica onde abrir o documento vinculado. O valor "_blank" abrirá o documento em uma nova janela ou guia.
  • download: Este atributo instrui o navegador a baixar o link em vez de navegar para ele.
  • rel: Este atributo especifica a relação entre a página atual e a página vinculada.

Em resumo, HTML é a base de qualquer página web. Ele fornece a estrutura e o conteúdo de uma página, enquanto CSS e JavaScript adicionam estilo e funcionalidade. A tag de link (a) é uma parte essencial do HTML, permitindo a navegação entre páginas e sites. Compreender a estrutura básica do HTML, suas tags e atributos é fundamental para se tornar um desenvolvedor front-end eficaz.

Agora responda o exercício sobre o conteúdo:

Qual é a função da tag de link (a) em HTML e quais são alguns dos seus atributos mais comuns?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

A tag de link (<a>) é usada para criar hiperlinks para outras páginas. Alguns dos atributos mais comuns são 'href', que especifica o destino do link; 'target', que define onde o link será aberto; 'download', que faz o navegador baixar o link em vez de acessá-lo; e 'rel', que especifica a relação entre a página atual e a linkada.

Próximo capitúlo

Introdução ao HTML: estrutura básica, tags e atributos: Tags de imagem (img)

Arrow Right Icon
Capa do Ebook gratuito Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End
9%

Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.7

(10)

125 páginas

Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.