4. Introdução ao HTML: estrutura básica, tags e atributos
Página 4
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.
Now answer the exercise about the content:
Qual é a função da tag <head> em um documento HTML?
You are right! Congratulations, now go to the next page
You missed! Try again.
Next page of the Free Ebook:
54.1. Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao HTML
Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!
