As Principais Tags do HTML5

O HTML5 é a versão mais recente do HTML e oferece várias tags novas e aprimoradas.

[{"selector":"#anim-7b9449f9-d391-4ada-8133-a7c6224f0ed1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-30.534653100496143%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cfdaecb0-586a-4da4-9209-b5779a0d4e26","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa61c0f5-a8ca-4e36-8e35-af2bbcf8d365","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Introdução ao HTML5

[{"selector":"#anim-919388a8-b767-404d-9304-7b09596f0ca1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-3.2696960589483695%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-56628eda-5c5d-43ea-a58c-d9291dbe2353","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de53e90e-ca9b-44d2-8310-d4330ecc862b","keyframes":{"transform":["translate3d(0px, -201.82045%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74a5c1ca-9060-4944-bed0-2691e12f7667","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-822a1aa9-c3c4-4f82-87c0-7e45f4d4d34d","keyframes":{"transform":["translate3d(0px, 237.57421%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c793414a-bdfc-4cc4-bd24-50a47676c1d7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f7b31a1-da5b-436f-8b15-3ac0d0c8c1da","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Estrutura básica de um documento HTML

[{"selector":"#anim-9fd47074-1218-44ad-83ce-53cf9ef6fa33 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(29.447115281675757%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fa6a6eec-8b65-482c-842e-3c94449fc697","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-574e7f81-0744-4919-8860-2679c2ce0ee2","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a4192d7-74dd-4466-9cef-5dee95434d77","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7fcd5559-ea77-4bbe-b4aa-c42f5ccfbc8d","keyframes":{"transform":["translate3d(0px, 171.56741%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Tags de texto

[{"selector":"#anim-09206039-c2c2-498e-b8eb-89659d85f3e7 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-18.26923072595391%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c819981b-84e0-4442-b632-1a74fde7156c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12ff14e9-b025-4656-8368-ef2443f99ee2","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61ff40db-af09-4319-9676-fd912aea98af","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e5ca6e3-fd64-4e38-a1eb-0a88766c6062","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b4fadf9-6f38-4fbf-8717-826d7ceb8771","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e870cce8-9309-4949-ac36-ad4ffe4d9578","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Tags de links

[{"selector":"#anim-534fc691-1986-4c62-8702-b572ab1dbb5c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-41.8429642677905%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-861afdcd-3955-4312-a1da-b676ec7ddd9c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d9d82b52-e746-4b32-af40-70127d997567","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19ced89f-bafa-4798-8a88-488d0660bb53","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cf4a0e27-6b66-45f3-a436-73c0e6668915","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d651ad04-8916-494b-ad88-1058a47b80c4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-26fd0976-f2e7-479f-9466-8360e6738a17","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <a>: cria um link para outra página. O atributo href é usado para especificar o URL da página. <img>: adiciona uma imagem à sua página. O atributo src é usado para especificar o URL da imagem. <audio> e <video>: adicionam conteúdo de áudio e vídeo à sua página. <iframe>: permite que você incorpore outro site dentro de sua página.

Tags de imagem

[{"selector":"#anim-7984373e-bec2-4ffa-a4f6-8b87f660d326 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0.036149388486879985%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-27f7106c-a37d-42f5-9fb1-9754f4fddada","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b768ab0a-30a5-45bf-a80e-84d3f45a9ca7","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a1ae16e-be75-418d-9901-d9def63e3c51","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24c55ff7-49ac-406b-9e67-dee540a27273","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b1256f5f-e4c2-4734-bb0d-9161cf1bc29a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-872870bc-f989-4eff-a213-0014c1ac321f","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f49e8108-b2b9-497b-bf9b-b8e50a0eec98","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db82d64b-eda7-4d2c-96d8-5acaacff3536","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <img>: adiciona uma imagem à sua página. O atributo src é usado para especificar o URL da imagem. <figure> e <figcaption>: permitem que você adicione legendas e descrições às suas imagens.

Aprenda mais sobre o HTML5

[{"selector":"#anim-eeb0fb50-e854-47fa-8517-0383ebdd4787 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3c230f51-2c35-4361-b2f0-68befe3e477f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81b2875d-7492-4beb-8916-8fc811a5ec61","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb497f5f-151c-4f28-920f-ccf2ea32bb65","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fac91c6e-3c73-443e-9932-cc2de40541f9","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Artigo Completo

Tags de lista

[{"selector":"#anim-6f530e45-037e-4032-a7cb-eff10b6f2a30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d02b193-d101-4f78-823f-1069c3a89c84","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af1ebdae-930e-42d8-bf5b-0ca3091c5c88","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0d90d9b-184a-4edd-98e5-1972c1667579","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-42c335e6-bb5c-4870-9a92-c133d1f03261","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-319e19f9-821f-42f0-807a-ce55fa2d5896","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-306e6afd-59f7-473c-9471-9d9561e1fde9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3df4dd5-27e8-4d9a-8e12-eec982b7dd90","keyframes":{"transform":["translate3d(114.87342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fab62059-1ded-4ed3-9564-dce9d20ecaa8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-0.19183256475505317%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Tags de tabela

[{"selector":"#anim-813160f9-bf10-4fcc-bb08-5401f57a07be [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-3.5565364068674583%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1ac55754-d339-4e28-a8de-e488c42722a2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f4d63da-d5f8-440c-8815-90efd8bc797d","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70eee828-7f21-45f4-b8f8-385751dbc92c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9c0142b-0e45-47b6-860b-1876cba7c5d8","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d50516e8-0c37-4df8-b682-96b99a622973","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ca23c72-e161-4306-8b5a-ca17cbbae5a6","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Continue praticando!

[{"selector":"#anim-6516391b-6951-44c0-9627-ed7d18df649c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-cacfa1e2-7afa-479c-b4d5-caecf9d055ae","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15de35a8-de83-4795-bbee-941aadffdad3","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b5f1c6df-96ad-4c71-b339-09db1de5aa93","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ae8ba95-2bab-4fe5-92d4-fe671292379e","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Leia mais

As Principais Tags do HTML5

O HTML5 é a versão mais recente do HTML e oferece várias tags novas e aprimoradas.

Introdução ao HTML5

HTML significa Hypertext Markup Language (Linguagem de Marcação de Hipertexto) e é a linguagem padrão para a criação de páginas web.

Estrutura básica de um documento HTML

<!DOCTYPE html> <html> <head> <title>Meu Título</title> </head> <body> <h1>Meu Cabeçalho</h1> <p>Meu parágrafo.</p> </body> </html>

Tags de texto

<h1> a <h6>: cabeçalhos de diferentes tamanhos e níveis de importância. <p>: parágrafos. <strong>: texto em negrito. <em>: texto em itálico. <u>: sublinhado de texto. <br>: quebra de linha.

Tags de links

Os links permitem que você conecte diferentes páginas em seu site e para outras páginas na web. Aqui estão algumas tags de link comuns:

Tags de imagem

As tags de imagem permitem que você adicione imagens ao seu site. Sendo assim, aqui estão algumas das tags de imagem mais comuns:

Aprenda mais sobre o HTML5

Fizemos um artigo completo sobre as principais tags do HTML5, você pode lê-lo clicando abaixo!

Tags de lista

As tags de lista são usadas para criar listas de itens. Portanto, aqui estão algumas das tags de lista mais comuns:

<ul>: cria uma lista não ordenada. <ol>: cria uma lista ordenada. <li>: define um item de lista.

Tags de tabela

As tabelas são usadas para organizar dados em linhas e colunas. Aqui estão algumas das tags de tabela mais comuns, por exemplo:

<table>: define uma tabela. <tr>: define uma linha da tabela. <td>: define uma célula de dados.

Continue praticando!

A prática é sua grande aliada na construção de páginas com HTML5. Confira nosso artigo completo sobre o assunto clicando abaixo!