Tags de formato HTML - Formatação de texto e diferentes tipos de tags em HTML

Índice:

Anonim

Tags de formato HTML

Em HTML, as tags são a primeira e mais importante coisa. Depois de inserir o HTML, conhecer e entender as tags é a necessidade básica, pois esse é o separador que diferencia o código HTML do texto normal. Essas são as tags usadas para exibir um documento em texto comum ou transformado como uma instrução. Qual é o texto transformado? Para exibir uma série de objetos, o texto transformado é o código. Os objetos podem ser mídia, hiperlinks, imagens ou outros métodos de formatação.

Por exemplo, diga em uma frase: "É uma maçã", o formato de texto comum é "É uma maçã", enquanto o formato em negrito é " É uma maçã ". Esse formato é alcançado usando a tag

Como as Tags de formato HTML ajudam?

O HTML fornece várias opções de formatação, que podem ser ativadas por meio de tags. Você pode fazer seu texto aparecer em negrito, sublinhado, em itálico e muito mais com ele. Isso pode ajudar a melhorar a aparência da página da web, facilitando a navegação. No entanto, se muita variedade for usada para formatação, pode ser o contrário.

Tags HTML úteis

Vamos examinar algumas das tags mais úteis que podem ajudá-lo a criar os textos.

  • Tags de cabeçalho

Os títulos são o início de qualquer documento. Vários títulos de tamanho podem ser usados ​​em HTML. Oferece 6 níveis de cabeçalho

para

, com h6 sendo o menor cabeçalho e h1 sendo o maior cabeçalho. Assim como antes do cabeçalho, uma linha em branco é deixada por padrão.

  • Etiqueta de parágrafo

Isso permite definir a estrutura do documento em parágrafos. Você usa

e

, respectivamente, quando você inicia e termina o parágrafo.

  • Etiqueta de quebra de linha

A tag de quebra de linha deve ser usada para iniciar o texto a partir da próxima linha. Não há tags de abertura e de fechamento disponíveis para isso.

  • Linhas horizontais

Linhas horizontais são usadas para quebrar ou separar seções diferentes em um documento. Uma linha horizontal é desenhada da posição do cursor até a margem extrema direita.

  • Etiqueta central

Essa tag é usada para trazer o conteúdo de qualquer célula da página ou tabela para o centro.

  • Etiqueta pré-formatada

Uma tag pré-formatada é usada para manter o formato já existente do documento HTML. Depois que essa tag é inserida, o mesmo formato é seguido.

 é usado como tag de abertura, enquanto 
é usado como tag de fechamento.

  • Tag da fonte

Como o nome sugere, é usado para aplicar uma fonte específica a um texto. Ele possui três atributos principais - face, tamanho e cor. Face significa que o nome da fonte, como "Monotype Corsiva", "Times New Roman" etc. é usado para alterar a face da fonte. A cor da fonte pode ser alterada usando a tag (*) e seu tamanho pode ser alterado usando. Para alterar o tamanho da fonte em relação ao texto anterior, você pode usar.

  • Etiqueta em negrito

Para deixar o texto em negrito, essa tag é usada. é usado como a tag de abertura e é usado como a tag de fechamento.

  • Etiqueta em itálico

Para tornar o texto em itálico, essa tag é usada. é usado como a tag de abertura e é usado como a tag de fechamento. Itálico é o formato ligeiramente inclinado do texto.

  • Marca de sublinhado

Para sublinhar o texto, essa tag é usada. é usado como a tag de abertura e é usado como a tag de fechamento. Todos os links em HTML já estão sublinhados, portanto, a necessidade de usar essa tag para eles é eliminada.

  • Etiqueta de remoção

Para cruzar qualquer texto, essa tag desenha uma linha no centro. Isso mostra que o texto deve ser removido ou não será mais usado. Em seu lugar, você também pode usar.

  • Tag do código-fonte

Ao usar essa tag, a fonte de texto no documento é formatada para a fonte do código-fonte e possui uma largura fixa.

  • Etiqueta de texto para máquina de escrever

A fonte do texto se torna semelhante à fonte digitada usando a máquina de escrever e tem uma largura fixa.

  • Tag de citação de bloco

Para criar uma cotação longa, essa tag é usada. Uma margem extra larga é mostrada no lado esquerdo desta cotação.

  • Pequeno

Em relação ao texto ao seu redor, é usado para diminuir o tamanho da fonte. Isso elimina a necessidade de definir o tamanho da fonte separadamente. É útil quando você precisa exibir 'impressão fina'.

  • Etiqueta de ênfase

Isso geralmente ajuda a enfatizar o texto em itálico. No entanto, esse atributo pode variar para diferentes navegadores.

  • Etiqueta de ênfase forte

Principalmente, isso é usado para enfatizar ainda mais o texto já em negrito. No entanto, esse atributo pode variar para diferentes navegadores.

  • Etiqueta de texto eliminada

Entre essas duas tags, todos os textos são exibidos como textos excluídos.

  • Tag de texto inserido

Entre essas duas tags, todos os textos são exibidos como textos inseridos.

  • Marcar etiqueta

Para marcar ou destacar texto, essa tag é usada.

  • Sobrescrito

O texto entre a marca de abertura e a de fechamento é escrito como sobrescrito ao usar essa marca, com o tamanho igual ao texto ao redor.

  • Texto subscrito

O texto entre a abertura e a marca de fechamento é escrito como subscrito ao usar essa marca, com o tamanho igual ao texto ao redor.

Conclusão

Mais do que aparência, as tags de formato HTML realmente definem a estrutura de um documento que aprimora a saída final. Mesmo sem ter conhecimento sobre o código CSS, as tags de formato HTML ajudam a formatar o texto da maneira mais exclusiva. Depois de obter uma breve visão sobre as tags, este post seria imensamente útil para iniciantes e especialistas. Quando se começa a inserir mais e mais elementos de texto no site, incorporar propriedades diferentes por meio de tags HTML é a maneira mais fácil de criar os elementos de texto no site.

Artigos recomendados

Este foi um guia para tags de formato HTML. Aqui discutimos o que é tag de formato HTML, a necessidade de tags e alguns tipos diferentes de tags de formatação. Você também pode consultar nossos outros artigos sugeridos para saber mais -

  1. Introdução ao HTML
  2. Tutoriais sobre como o HTML funciona
  3. O que significa HTML?
  4. Diferenças entre HTML e XML
  5. Quadros HTML
  6. Guia para tags de formatação de texto HTML