As 11 principais tags HTML que todo blogueiro e proprietário de site deve saber

Propaganda

A rede mundial de computadores conhece muitos idiomas e está codificada em vários idiomas diferentes. A única linguagem, no entanto, que pode ser encontrada em todo o mundo e existe desde a invenção de páginas da web, é a HyperText Markup Language, mais conhecida como HTML. Como o nome indica, HTML não é uma programação, mas uma linguagem de marcação. As marcações são interpretadas pelos navegadores para visualizar o conteúdo nos sites. Em sua forma mais simples, o HTML é usado para formatar texto, incorporar arquivos de mídia e organizar o conteúdo em uma página da web. Em outras palavras, o HTML descreve páginas da Web e, com base nessa descrição, o navegador cria uma 'imagem'.

Graças aos criadores de sites gratuitos, ninguém mais precisa mexer na codificação de HTML. No entanto, ocasionalmente, as tags HTML podem ser úteis, por exemplo, para fazer alterações rápidas em um site, adicionar hipertexto a um comentário ou formatar texto para uma postagem no fórum. Neste artigo, quero mostrar algumas tags, possivelmente aleatórias, mas definitivamente úteis e simples para uso diário.

Antes de começar, deixe-me apresentar algumas regras básicas que, com sorte, facilitarão o entendimento das tags HTML:

• O HTML usa tags de marcação, que estão entre colchetes angulares, como este:
• Tags que se parecem com a do exemplo acima são chamadas de tags de início. Cada tag inicial deve ser seguida por uma tag final em algum momento, como este:
• Algumas tags não descrevem o conteúdo. Para estar em conformidade com os padrões atuais, eles ainda devem terminar. Conseqüentemente, eles unem a tag inicial e final, como esta:
  

Formatação de texto

As tags HTML geralmente são simples. As tags para tornar o texto em negrito, itálico ou sublinhado são derivadas da respectiva palavra.

Entrada:negrito
Saída: negrito

Entrada:itálico
Resultado:itálico

Entrada:sublinhado
Resultado:sublinhado

Entrada:percorrer o texto
Resultado:percorrer o texto

Criando hipertexto

URLs simples podem parecer muito feios. Adicionar o hiperlink a um texto, ou seja, criar um hipertexto, é muito mais estiloso e economizará espaço, especialmente se o link for muito longo.

Entrada:Fazer uso de
Resultado:Fazer uso de

Como você pode ver, essa tag HTML é um pouco mais complicada, então vamos ver em detalhes. A tag real é e os elementos adicionais são atributos que especificam características adicionais. O atributo href = especifica o link e title = define a dica de ferramenta sobre o mouse. Certifique-se de usar aspas para incluir o link e o título, caso contrário, você poderá acabar com um link quebrado.

Incorporando Imagens

Uma imagem pode dizer mais do que mil palavras. Devemos usá-los com mais frequência. E é assim que você pode inserir manualmente um usando HTML:

Entrada:
Resultado:

Vamos analisar também essa tag. Novamente, a tag real é e os atributos necessários são src = e alt =. O primeiro aponta para o local da imagem, ou seja, seu URL, e o último fornece um texto alternativo, que é exibido caso a exibição de imagens seja bloqueada ou o link seja quebrado. Novamente, use aspas para evitar links quebrados.

o tag também é um exemplo de tag que não precisa ser "finalizada" e, portanto, fecha com o traço para frente na tag inicial, ou seja, ao invés de .

Quebras e parágrafos

Para criar um texto estruturado, você precisa utilizar quebras de linha e parágrafos. E estas são as tags que você precisa saber:

Entrada:

Resultado: Essa tag cria uma quebra de linha. Observe que essa é outra tag que une a tag inicial e final em uma.

Entrada:

Texto dentro do seu parágrafo.

Resultado: Diferentemente da tag anterior, a tag de parágrafo possui uma tag de início e fim padrão. O texto entre as duas tags é agrupado em um parágrafo, o que significa que há uma linha vazia antes e depois.

Listas

Existem essencialmente dois tipos de listas: listas ordenadas e não ordenadas, mais conhecidas como listas numeradas e com marcadores. Para criar um deles, você precisa conhecer duas tags diferentes, mas apenas três no total. Vejamos os exemplos primeiro:

Entrada:

1. Item Um


2. Item Dois

Resultado:

1. Item Um
2. Item Dois

Entrada:

• Item Um


• Item Dois

Resultado:

• Item Um
• Item Dois

Para criar uma lista ordenada, use a tag e para uma lista não ordenada, insira o tag. Nos dois casos, o

A tag é usada para definir um item na lista.

Agora que você viu o quão simples e lógico é o HTML, convém ir além do básico e aprender um pouco mais. Para mais dicas de HTML, consulte estes artigos:

• 5 etapas para entender o código HTML básico 5 etapas para entender o código HTML básicoHTML é a espinha dorsal de todas as páginas da web. Se você é iniciante, vamos orientá-lo nas etapas básicas para entender o HTML. consulte Mais informação
• 5 dicas de HTML para criar um site gratuito de carregamento rápido 5 dicas de HTML para criar um site gratuito de carregamento rápido consulte Mais informação
• 7 efeitos HTML legais que qualquer pessoa pode adicionar ao site 8 efeitos HTML legais que qualquer pessoa pode adicionar ao siteVocê não precisa conhecer CSS ou PHP para criar um site chique. Use esses truques legais de HTML para gerar efeitos impressionantes. consulte Mais informação

Você se sente um pouco mais confiante sobre o uso de tags HTML agora? Se você já fazia a 'codificação manual' rotineiramente, quais tags você acha que faltam?

Créditos de imagem: kentoh