Tags Básicas do HTML5: Guia para Iniciantes

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

[{"selector":"#anim-ca6b3c99-53e2-47d9-805f-a9a0574069ab [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-fc67c5a6-31f1-48bc-9eee-b69cc1532110","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2561011e-b92c-4876-9551-1aae3e57c1eb","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-90d09509-5a13-4072-9f72-054061c93726 [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-27514ca2-451b-4956-97f6-f2187ae02e3f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c593921e-a12b-495a-a4bd-b723a61a5da9","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-d90a09be-cc46-4b36-b554-c05de78c0ac8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-40a1e8d2-a456-49e1-bfac-1c2cd9450d20","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-32d5097d-b401-4e7d-bab2-cb71a97c63a2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d299c1d8-8abc-45bd-93b3-a2b28c05aa26","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-27bc32a7-1f76-40df-9841-f64dbc1b20fd [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-bea63e15-66e1-49bc-837c-c5009f9d3f23","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b7c8e5c-45da-4209-b44b-c560de3e706b","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-8bdcaeaf-fbc9-4768-8a29-e0a0021ccb39","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b5bbc241-a237-468d-9d82-f89ddd6446b5","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-b6041dc0-716d-43e4-87de-3109ed9e4647 [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-079df53f-3b4b-4d43-bc94-008455ef9cdc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-712fd19d-9433-45e9-992f-40f4bef6b7d2","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-be2abb58-b7f2-431e-b45e-e7b9eddd3566","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5711e7db-fdbe-48b4-8ae3-6300c881b4dd","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-6da873a9-1c05-4507-8f14-a5eb8287c5cb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e42e7281-a85a-43a4-9765-f2733b822dfa","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-02e3ad7b-0bdf-483b-bdc2-7b6f5b1f2184 [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-d814a135-d956-45fe-ba66-0d84ccbeab5c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84839652-d599-4a79-a23c-0bdcfe1f177a","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-a4b00437-3473-4573-8785-14b028c99b3b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c01e2e73-9771-475e-9eec-acc85d5213b1","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-9d1b7077-12bd-429d-a00c-d46fa12ed595","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c91ef773-2829-44dd-8609-11e747014bc8","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-f1346d2b-f46a-40d2-a516-00e2539600b2 [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-99fdbd6f-4751-4812-8e3e-3968cb7ac5c8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a1836ef-b5ca-4235-90be-00a31cf1d8df","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-b49320c5-2574-4222-b7b6-ff8bfd6a7666","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e4347ac-0c34-4939-a4a9-d2be364f3b84","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-202c7471-11f6-494e-b366-ef13f7973598","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48afe36c-298c-42ea-b57a-24d9861a6058","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-358c27cd-d839-4b80-9008-ba18baeed1cf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2d7fa0d7-ae04-4302-8dcf-9bb5af67a879","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-3adb1e05-e0d1-497c-9dee-ec1e62610e80 [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-90c261d9-9810-47de-9133-15ae47cff15b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8137ee26-5b9b-47e7-8910-0f2638e44ce0","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-d17b73e8-4f57-413d-8593-9c3ff999e321","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ff431b5-e354-41c7-90c0-b0b7fd6fcd48","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-90cdf91b-befa-4140-abdd-56a590e8cbee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8ed8bc9e-e159-4764-98ba-67c88cd178b4","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-134c0d2b-4dc4-4af1-af0a-ca489d9f38b8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6db1d8c-b976-4f8c-b8ef-b43bc81dc1a4","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-0880eba9-2443-4993-afeb-49e7d9b9f092","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60b7808e-d898-468e-a584-058fb63699b1","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-39043c6b-886a-402c-9455-26605773abd6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-013692fa-154e-4acc-bac4-706025e3b313","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-9f17da1c-aee8-42b2-a8b1-be530c528997 [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-315be890-b9c1-4ec2-b7ed-797cde932538 [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-9a91bc68-e859-4af6-95b3-d96c3a2852e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0726f606-a527-49c1-851c-b1279306946e","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-7a83b644-98e0-4e48-82be-9d145cccecd8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-636379b0-c61d-4df6-adc3-1524abbcc716","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-c39fccf2-d259-4c7a-8c9e-f2f4b8cfa1fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f086ee7-62be-413a-90fd-8ebec2bbc7c6","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-bfaa6af5-ebb1-4040-8334-9543ba1030f5 [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-e65fff20-50fc-49f7-a1cf-3405940d3396","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84b9a958-8672-439b-9ecc-6523788e6593","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-4f3385fd-6977-4342-b4c3-a40ecc77ad75","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-665e31a7-84c1-4aa7-a416-dd1e7af8edad","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

Tags Básicas do HTML5: Guia para Iniciantes

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!