• 19:03

Você saber O que são tags HTML e pra que elas servem

O que são tags HTML?

Tags HTML são tags dentro de uma página da web cercadas por colchetes angulares que informa ao navegador como as páginas da web devem ser exibidas. Muitas tags vêm em pares como < p > e < / p > A primeira tag em pares é a tag inicial e a segunda tag de fechamento é a tag final. A tag final é igual à tag inicial, mas com uma barra, agora a pergunta é: todas as tags HTML vêm em pares?

Não, existem tantas tags que não precisam ser fechadas. Exemplos são dados abaixo:

< Img tag> e < br > tags.

A tag < html > é a raiz de um documento HTML que contém todos os HTMLelementos.

Tag Descrição
<! DOCTYPE>  Define o tipo de documento, o que significa que as páginas são escritas em HTML 5
<html> Define a raiz de um documento HTML
<title> Define um título para as páginas da web
<body> Define a área do corpo
<h1> a <h6> Define tags de títulos para texto
<p> Define um parágrafo
<br> Define uma única quebra de linha
<! –…–> Define um comentário que não será exibido no navegador

Tags que são usadas principalmente no formulário

Tag Descrição
<form> Define uma tag de abertura de formulário HTML para entrada do usuário
<input> Define um tag de entrada
<textarea> Define uma área de texto para controle de entrada de várias linhas
<botão> Define um botão para clicar ou enviar o formulário
<selecionar> Define as tags suspensas para mostrar a lista de elementos na caixa de seleção
<optgroup> Define um grupo de opções em uma caixa de seleção
<opção> Define uma opção em uma caixa de seleção
<rótulo> Define um rótulo para um elemento <input>
<fieldset> Agrupando elementos html em um formulário

Tags comuns / básicas

Tag Descrição
<img> Define uma imagem
<a> Crie um hiperlink para carregar o URL
<ul> Define uma lista que está em formato não ordenado
<ol> Define uma lista que está no formato ordenado
<li> Define um item para a lista
<table> Define uma tag para a tabela
<legenda> Define uma legenda para uma tabela
<th> Define um texto da coluna em formato negrito em uma tabela
<tr> Define uma linha para uma tabela
<td> Define uma coluna em uma tabela
<head> Define tags de cabeçalho sobre o documento
<style> Define uma marca para estilizar um documento
<script> Define uma tag para script do lado do cliente

As tags < marquee > são usadas para rolar texto ou imagens em muitos formatos, vertical ou horizontalmente, com várias configurações.

As tags < h1 > a < h6 > são usadas para títulos. < H1 > define o cabeçalho mais importante. < h6 > define o cabeçalho menos importante.

Exemplos das tags acima:

1º exemplo:

  1. <! DOCTYPE html >
  2. <html>
  3. <head>
  4. <title> Exemplo de tags de título </title>
  5. </head>
  6. <body>
  7. <h1> Este é um exemplo do cabeçalho 1 </h1>
  8. <h2> Este é um exemplo do cabeçalho 2 </h2>
  9. <h3> Este é um exemplo do cabeçalho 3 </h3>
  10. <h4> Este é um exemplo do cabeçalho 4 </h4>
  11. <h5> Este é um exemplo do cabeçalho 5 </h5>
  12. <h6> Este é um exemplo do cabeçalho 6 </h6>
  13. </body>
  14. </html>

Segundo exemplo:

  1. <! DOCTYPE html >
  2. <html>
  3. <head>
  4. <title> Exemplo para tag de parágrafo </title>
  5. </head>
  6. <body>
  7. <p> Este é um teste para o primeiro parágrafo. </p>
  8. <p> Este é um teste para o segundo parágrafo. </p>
  9. <p> Este é um teste para o terceiro parágrafo. </p>
  10. </body>
  11. </html>

3º Exemplo:

  1. <! DOCTYPE html >
  2. <html>
  3. <head>
  4. <title> Exemplo para lista não ordenada </title>
  5. </head>
  6. <body>
  7. <ul>
  8. <li> expertphp </li>
  9. <li> demo.expertphp </li>
  10. </ul>
  11. </body>
  12. </html>

Os atributos da lista não ordenada são:

  1. <ul type = “square” >
  2. <ul type = “disc” >
  3. <ul type = “circle” >

4º Exemplo:

  1. <! DOCTYPE html >
  2. <html>
  3. <head>
  4. <title> Exemplo para lista ordenada </title>
  5. </head>
  6. <body>
  7. <ol>
  8. <li> expertphp </li>
  9. <li> demo.expertphp </li>
  10. </ol>
  11. </body>
  12. </html>

Os atributos da lista Ordenada são:

  1. <ol type = “1” > – Padrão como Número.
  2. <ol type = “I” > – Numerais em maiúsculas.
  3. <ol type = “i” > – Numerais em minúsculas.
  4. <ol type = “a” > – Letras minúsculas.
  5. <ol type = “A” > – Letras maiúsculas.