LINGUAGEM HTML

HTML

      Neste texto vamos entender como montar uma estrutura de uma página web e entender um pouco sobre o que HTML HyperText Markup Language - linguagem de marcação de hipertexto), está em toda web. Então todos os sites que nós conhecemos são feitos a partir dessa linguagem de marcação chamada HTML. O HTML é interpretado pelos navegadores como o FireFox, Internet Explorer, Google e Chrome entre outros. Você escreve HTML utilizando estruturas chamadas tags.

O que são tags HTML?

      As tags são usadas para informar ao navegador a estrutura do site. Ou seja: quando se escreve um código em HTML, as tags serão interpretadas pelo navegador, produzindo assim a estrutura e o conteúdo visual da página. A principal característica das tags é estarem sempre dentro dos sinais de chevron (sinal de “maior que” e “menor que”), ou seja: < >.
As tags HTML são divididas em dois tipos: as que precisam de fechamento e as que não precisam de fechamento. As tags que precisam de fechamento possuem a sintaxe <tag> </tag>, já as que não precisam de fechamento possuem como estrutura <tag/>.
Além disso, uma mesma tag pode receber um ou mais atributos, que possuirá um valor que modifica sua estrutura ou funcionalidade.

Atributos

      Os atributos são usados para personalizar as tags, modificando sua estrutura ou funcionalidade. Igualmente, os atributos são utilizados para atribuir uma classe ou id a um elemento. A maioria das tags tem seus próprios atributos. Contudo, existem alguns atributos genéricos que podem ser utilizados na maioria das tags HTML, vamos estudá-los:

● class=”...“ – Atribui uma classe ao elemento (uma classe pode ser utilizada para um ou mais elementos);
● id=”...“ – Atribui um id ao elemento (um id deve ser único, ou seja atribuído a um único elemento);
● style=”...” – Permite incluir elementos CSS (estilos) dentro da tag;
● lang=”...” – Define o idioma principal do elemento;
● title=”...” – Define o título do elemento;
● alt=”...” – Define um texto alternativo e, por isso, é muito utilizado em imagens, auxilia nas práticas de SEO;
● hidden – Oculta o elemento;
● align=”...” – Permite definir o padrão de alinhamento desse elemento, como por exemplo: right, center, left e justify;
● width=”...” – Define uma largura para o elemento;
● height=”...” – Define uma altura para o elemento.

      Essas são os principais atributos, porém existem diversos outros que devem ser estudados e podem ser
utilizados no seu código.