Top 11 tags de html cada blogueiro & website proprietário deve saber

A world wide web sabe muitas línguas e é codificado em vários diferentes. A uma língua no entanto, que pode ser encontrada em todo e tem sido em torno desde a invenção das páginas da web, é o HyperText Markup Language, mais conhecido como HTML. Como o nome indica, HTML não é uma programação, mas uma linguagem de marcação. As marcações são interpretados por navegadores para visualizar o conteúdo em sites. Em sua forma mais simples formulário HTML é usado para formatar o texto, inserir arquivos de mídia, e organizar o conteúdo em uma página web. Em outras palavras, HTML descreve páginas e com base nessa descrição, o navegador cria uma ‘imagem`.

Graças a construtores de site gratuito ninguém precisa realmente mexer com a codificação HTML anymore. No entanto, na ocasião tags HTML pode vir a calhar, por exemplo, para fazer mudanças rápidas para um site, adicione hipertexto em um comentário, ou formate o texto para um post no fórum. Neste artigo eu quero mostrar-lhe alguns, possivelmente aleatórias, mas definitivamente úteis e simples tags para uso diário.

Antes de começar, deixe-me apresentar-lhe algumas regras básicas que esperamos fazer tags HTML mais fáceis de entender:

Video: Learn HTML Code: Article tag

  • HTML usa tags de marcação, que são colocados entre colchetes, como este:
  • Etiquetas que se parecem com o do exemplo acima são chamados começar tags. Cada tag de início deve ser seguido por uma marca de fim em algum ponto, como este:
  • Algumas etiquetas não descrevem o conteúdo. Para estar em conformidade com as normas vigentes, no entanto, devem ainda acabar. Consequentemente, eles se unem a tag de início e fim, como este:

a formatação do texto

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

Entrada: negrito
Saída: bold

Entrada: itálico
Saída:
itálico

Entrada: sublinhado
Saída:
sublinhado

Entrada: tachar texto
Saída:
tachar texto

criando Hypertext

URLs simples pode olhar muito feio. Adicionando a hiperligação para um texto, ou seja, a criação de um hipertexto, é muito mais elegante e vai economizar espaço, especialmente se o link é muito longa.

Entrada: Fazer uso de
Saída: Fazer uso de

Como você pode ver esta tag HTML é um pouco mais complicado, então vamos olhar para ele em detalhes. A tag real é e os elementos adicionais são atributos que especificam outras características. o atributo href = especifica o link e título = define a dica rato-over. Certifique-se de usar aspas para incluir o link e o título, caso contrário você pode acabar com um link quebrado.

Video: SEO E META TAGS SOCIAIS COM HTML

Incorporação de Imagens

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

Entrada:
Saída: tags de html

Vamos também analisar essa tag. Mais uma vez, a marca real é e os atributos necessários são src = e alt =. Os ex aponta para a localização da imagem, ou seja, a sua URL, e se este último fornecer um texto alternativo, que é exibido no caso da exibição de imagens está bloqueado ou o link está quebrado. Novamente, use aspas para evitar links quebrados.

o etiqueta é também um exemplo de uma marca que não precisa de ser ‘terminou` e, portanto, fecha com o traço para a frente na marcação inicial, isto é, ao invés de .

Rompe & 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:

Saída:
Esta tag cria uma quebra de linha. Note-se que esta é uma outra tag que une iniciar e tag end em um.

Entrada:

O texto dentro do seu parágrafo.


Saída:
Ao contrário da marcação anterior, a etiqueta n tem uma marca de início e fim padrão. O texto entre as duas marcas é envolto em um parágrafo, significando que há uma linha em branco antes e depois.

listas

Existem essencialmente dois tipos de listas: listas ordenadas e não ordenadas, mais conhecido como listas numeradas e com marcadores. Para criar qualquer um, você precisa saber duas marcas diferentes, mas apenas três no total. Vejamos os exemplos primeiros:

Entrada:


  1. ponto Um

  2. ponto dois

Saída:

  1. ponto Um
  2. ponto dois

Entrada:


  • ponto Um

  • ponto dois

Saída:

  • ponto Um
  • ponto dois

Para criar uma lista ordenada, use a tag

    Video: Web Design: i Tag HTML

    e para uma lista não ordenada, a inserir
      tag. Em ambos os casos, o
    • tag é usada para definir um item dentro da lista.
    • Agora que você já viu como é simples e lógica HTML é, você pode querer ir além dos conceitos básicos e aprender um pouco mais. Para mais dicas de HTML, confira estes artigos:

      Você se sente um pouco mais confiante sobre o uso de tags HTML agora? Se você tem sido ‘mão de codificação` rotineiramente antes, o que as tags que você acha que está faltando?

      Créditos de imagem: kentoh


      Artigos relacionados