logo

Etiquetas HTML

Tags HTML são como palavras-chave que definem como o navegador irá formatar e exibir o conteúdo. Com a ajuda de tags, um navegador da web pode distinguir entre um conteúdo HTML e um conteúdo simples. As tags HTML contêm três partes principais: tag de abertura, conteúdo e tag de fechamento. Mas algumas tags HTML são tags não fechadas.

Quando um navegador da web lê um documento HTML, o navegador o lê de cima para baixo e da esquerda para a direita. Tags HTML são usadas para criar documentos HTML e renderizar suas propriedades. Cada tag HTML possui propriedades diferentes.

Um arquivo HTML deve ter algumas tags essenciais para que o navegador possa diferenciar entre um texto simples e um texto HTML. Você pode usar quantas tags desejar de acordo com os requisitos do seu código.

  • Todas as tags HTML devem estar entre colchetes.
  • Cada tag em HTML executa tarefas diferentes.
  • Se você usou uma tag open, então você deve usar uma tag close (exceto algumas tags)

Sintaxe

contente


Exemplos de tags HTML

Nota: Tags HTML são sempre escritas em letras minúsculas. As tags HTML básicas são fornecidas abaixo:

Etiqueta de parágrafo

Etiqueta de título

Marca em negrito

Etiqueta em itálico

Tag de sublinhado

Teste agora

Tags HTML não fechadas

Algumas tags HTML não são fechadas, por exemplo br e hr.


Marcação
: br significa quebra de linha, quebra a linha do código.


Marcação: hr significa Regra Horizontal. Esta tag é usada para colocar uma linha na página da web.


Metatags HTML

DOCTYPE, título, link, meta e estilo


Tags de texto HTML

,

Título nível 2

Título nível 3

Título nível 4

Título nível 5
Título nível 6

Quatro cinco.
:

Com a ajuda desta tag, podemos dividir a página web. Significa regra horizontal ou quebra de tema.

Sintaxe:

<hr>

46. ​​​​:

Com a ajuda desta tag, todos os outros elementos estão contidos nela. Também é conhecido como raiz do elemento HTML.

Sintaxe:

 

47. :

Com a ajuda desta tag, podemos colocar qualquer conteúdo em itálico. Destaca um termo, frase ou termo técnico importante.

Sintaxe:

 <i>Italicized Text</i> 

48.

Com a ajuda desta tag, podemos incorporar outra página HTML na página atual.

Sintaxe:

 <iframe src="url"></iframe>

49. :

Com a ajuda desta tag, podemos incorporar uma imagem na página web atual. Ele vincula uma imagem à imagem sem inseri-la diretamente na página da web.

Sintaxe:

cinquenta.

Com a ajuda desta tag, podemos habilitar o controle interativo no formulário. Também depende dos vários campos do tipo de atributo.

Sintaxe:

51.:

Com a ajuda desta tag podemos especificar o bloco de texto inserido. Também significa que um determinado intervalo de texto foi adicionado ao documento.

Sintaxe:

Inserted Text

52.:

Com a ajuda desta tag, podemos nos referir à parte textual do texto embutido que representa o teclado, a voz ou qualquer outro dispositivo de entrada de texto do usuário.

Sintaxe:

Keyboard Input

53.:

Com a ajuda desta tag, podemos melhorar a usabilidade para usuários de mouse, ou seja, clicar no rótulo irá alternar o controle.

Sintaxe:

Label Text

54.:

Com a ajuda desta tag podemos definir o título do conteúdo infantil. As legendas são o elemento pai de todos os elementos filhos. Podemos definir esses elementos com a ajuda de.

Sintaxe:

 Fieldset Caption 

55.
  • :
  • Com a ajuda desta tag, podemos representar a lista de itens da página web. Ele contém uma lista ordenada (uma lista não ordenada ou um menu) como elemento pai.

    Sintaxe:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56.:

    Com a ajuda desta tag, podemos vincular recursos externos à página atual.

    Sintaxe:

    57.:

    Com a ajuda desta tag, podemos transformar um elemento comum no elemento mais importante. Temos que escrever essa tag dentro da tag.

    Sintaxe:

     

    58.:

    Com a ajuda desta tag, podemos definir a imagem do mapa. O mapa de imagem também possui uma área clicável.

    Sintaxe:

     

    59.:

    Com a ajuda desta tag, podemos representar o texto em destaque, que será utilizado para fins de referência ou notação. Com base na importância do conteúdo, destacou o texto.

    Sintaxe:

    Highlighted Text

    60.:

    Com a ajuda desta tag podemos representar os metadados do documento. Os metadados contêm descrição da página, palavras-chave, direitos autorais, idioma usado e autor.

    Sintaxe:

    61.:

    Com a ajuda desta tag, podemos representar as Medidas dentro de um determinado intervalo ou valores fracionários. Também é conhecido como medidor.

    Sintaxe:

    Fallback Content

    62.:

    Com a ajuda desta tag, podemos representar a seção de links de navegação em um documento. Alguns exemplos de tags de navegação são menus, índices, índices, etc.

    Sintaxe:

     

    63.:

    Com a ajuda disso, podemos fornecer um script alternativo quando o navegador do usuário não suporta o script específico. Também funciona sempre que o navegador do usuário não oferece suporte a scripts do lado do cliente ou não oferece suporte a nenhuma linguagem de script.

    Sintaxe:

    travessia em ordem de árvore binária
     

    64.:

    Com a ajuda desta tag, podemos exibir multimídia como áudio, vídeos, imagens, PDFs e Flash em páginas da web.

    Sintaxe:

    65.
      :

    Esta tag é utilizada para a criação da lista ordenada. A lista ordenada pode ser numérica ou alfabética. Dentro de

      tag, podemos criar a lista usando a tag
    1. marcação. Em seguida, seguirá a ordem.

    Sintaxe:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66.:

    Esta tag é usada na criação da lista suspensa. Com a ajuda desta tag podemos definir o grupo de opções.

    Sintaxe:

     Option 1 Option 2 

    67.:

    Com a ajuda desta tag, podemos definir a opção na lista suspensa usando a tag.

    Sintaxe:

     Option Text 

    68.:

    Com a ajuda desta tag podemos criar o container para o elemento que injeta o resultado do cálculo.

    Sintaxe:

    69.:

    Com a ajuda desta tag, podemos definir a tag de parágrafo. Com a ajuda de uma tag de parágrafo, podemos representar a mídia visual como blocos de texto separados de blocos adjacentes por linhas em branco ou recuo de primeira linha.

    Sintaxe:

    Paragraph text goes here.

    70.:

    Com a ajuda desta tag, podemos definir o parâmetro de um objeto. Com a ajuda disso, podemos passar o parâmetro para outro objeto incorporado.

    Sintaxe:

     

    71.:

    Com a ajuda desta tag, podemos dar flexibilidade à página web especificando a imagem. Ele também contém tags como e .

    Sintaxe:

      

    72.
    :

    Com a ajuda desta tag, podemos declarar o bloco de texto pré-formatado na página web o caractere pré-formatado, como espaços, quebras de linha, tabulações, etc.

    Sintaxe:

    O texto pré-formatado vai aqui.

    73.:

    Com a ajuda desta tag, podemos exibir a progressão da tarefa. Com a ajuda disso, o desenvolvedor pode criar uma barra de progresso em sua página web.

    Sintaxe:

    74.:

    Com a ajuda desta tag, podemos criar uma cotação embutida na página web. O texto está entre aspas na maioria dos navegadores atuais.

    Sintaxe:

    Here is a short quotation within a sentence.

    75.:

    Com a ajuda desta tag, podemos usá-la entre parênteses substitutos quando um navegador não suporta anotações Ruby.

    Sintaxe:

     Base text (Ruby text) 

    76.:

    Com a ajuda desta tag, podemos definir a pronúncia do caractere dentro da anotação Ruby.

    Sintaxe:

     Base text Ruby text 

    77.:

    Com a ajuda disso, podemos definir a pronúncia dos caracteres do Leste Asiático e representar pequenas anotações acima, abaixo ou próximo ao texto base.

    Sintaxe:

     Base text Ruby text 

    78.:

    Com a ajuda desta tag, podemos renderizar o texto com um tachado ou uma linha através dele. Podemos usar essa tag quando as coisas não forem mais precisas ou relevantes.

    Sintaxe:

    Struck-through text

    79.:

    Com a ajuda desta tag, podemos definir a amostra de saída do programa de computador. O conteúdo desta tag é exibido usando uma fonte monoespaçada no navegador.

    Sintaxe:

    Sample text or code goes here

    80.:

    Com a ajuda desta tag, podemos inserir o script do lado do cliente. Também permite a inserção do script na página HTML.

    Sintaxe:

    81.:

    Com a ajuda desta tag, podemos criar o cabeçalho e rodapé ou qualquer outra seção da página web.

    Sintaxe:

     

    82.:

    Com a ajuda desta tag podemos definir a lista de opções dentro da lista.

    Sintaxe:

     Option Text 

    83.:

    Com a ajuda desta tag, podemos reduzir o tamanho da fonte em um tamanho menor que seu tamanho base, por exemplo, de grande para pequeno.

    Sintaxe:

    Small text goes here

    84.

    Com a ajuda desta tag, podemos vincular vários recursos de mídia como e,

    Sintaxe:

    85.

    Com a ajuda desta tag podemos definir o conteúdo como muito importante. O navegador exibirá esse elemento em negrito.

    cores java

    Sintaxe:

     <strong>Emphasized text</strong> 

    86.:

    É o elemento mais genérico do HTML. Podemos aplicar o estilo agrupando os elementos.

    Sintaxe:

    <span>Text or content goes here</span>

    87.:

    Podemos fornecer as informações de estilo do documento com a ajuda desta tag.

    Sintaxe:

     CSS rules go here 

    88.:

    Com a ajuda desta tag, podemos exibir o elemento subscrito apenas por motivos tipográficos.

    Sintaxe:

    <sub>Subscript text</sub>

    89.:

    Com a ajuda desta tag, podemos criar uma caixa com a ajuda de um elemento que contém o resumo, legenda ou legenda. Quando clicamos no botão de resumo, ele executa o estado aberto/fechado do elemento pai *details>.

    Sintaxe:

     Summary text 

    90.:

    Com a ajuda desta tag, podemos exibir qualquer texto como sobrescrito do elemento inline.

    Sintaxe:

    <sup>Superscript text</sup>

    91.:

    Com a ajuda desta tag, podemos incorporar os gráficos SVG na página web. Além disso, podemos definir os gráficos vetoriais em formato XML com a ajuda desta tag.

    Sintaxe:

     

    92.:

    Com a ajuda desta tag, podemos definir os dados em formato tabular em HTML. Ele criará uma tabela bidimensional que possui algumas linhas e colunas.

    Sintaxe:

    <table class="table"> </table>

    93.:

    Com a ajuda desta tag, podemos encapsular as linhas da tabela associadas ao corpo da tabela.

    Sintaxe:

    <table class="table"> <tbody> </tbody> </table>

    94.:

    Com a ajuda desta tag podemos definir a célula da tabela. Uma linha da tabela pode consistir em mais de umaelemento. O alinhamento padrão é deixado neste elemento.

    Sintaxe:

    <tr> <td>Table cell content</td> </tr>