4. Introdução ao HTML: estrutura básica, tags e atributos
Página 4 | Ouça em áudio
Introdução ao HTML
HTML, ou Hyper Text Markup Language, é a linguagem de marcação padrão para a criação de páginas e aplicações web. Ele descreve a estrutura de uma página web e consiste em uma série de elementos HTML, também conhecidos como tags, que o navegador usa para renderizar o conteúdo.
Estrutura básica
Um documento HTML básico segue uma estrutura específica. Ele começa com o tipo de documento que informa ao navegador que este é um documento HTML5. A seguir, temos a tag <html> que envolve todo o conteúdo da página. Dentro desta tag, temos duas partes principais: a <head> e a <body>.
A tag <head> contém metadados sobre o documento, como o título da página (exibido na guia do navegador), links para arquivos CSS, definições de caracteres e outras informações que não são visíveis para o usuário.
A tag <body> é onde colocamos todo o conteúdo que queremos que seja visível para os usuários quando eles visitam nossa página. Isso pode incluir texto, imagens, vídeos, links, listas, tabelas e muito mais.
Tags
As tags HTML são a base de qualquer página web. Elas indicam ao navegador como o conteúdo deve ser interpretado e exibido. As tags são colocadas entre colchetes angulares (< e >) e a maioria delas tem uma tag de abertura e uma de fechamento, com o conteúdo entre elas. Por exemplo, a tag <p> é usada para parágrafos de texto. Para criar um parágrafo, você colocaria seu texto entre a tag de abertura <p> e a tag de fechamento </p>.
Existem muitas tags HTML, cada uma com seu próprio propósito e uso. Algumas das mais comuns incluem <h1> a <h6> para cabeçalhos, <a> para links, <img> para imagens, <ul> e <li> para listas não ordenadas, e <table>, <tr> e <td> para tabelas.
Atributos
Os atributos HTML são usados para fornecer informações adicionais sobre um elemento. Eles são colocados na tag de abertura e consistem em um nome de atributo e um valor de atributo, separados por um sinal de igual. Por exemplo, a tag de imagem <img> usa o atributo 'src' para especificar a URL da imagem que deve ser exibida, e o atributo 'alt' para fornecer um texto alternativo que será exibido se a imagem não puder ser carregada.
Outros atributos comuns incluem 'id' e 'class' para estilização CSS, 'href' para especificar a URL de um link, e 'style' para adicionar CSS diretamente a um elemento.
Entender a estrutura básica, as tags e os atributos do HTML é o primeiro passo para se tornar um desenvolvedor front-end. Com essa base, você pode começar a explorar CSS e JavaScript para adicionar estilo e funcionalidade à sua página web.
Agora responda o exercício sobre o conteúdo:
Qual é a função da tag <head> em um documento HTML?
Você acertou! Parabéns, agora siga para a próxima página
Você errou! Tente novamente.
Próxima página do Ebook Gratuito:
5Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao HTML
3 minutos
Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!
