Transformação Digital

Glossário, Tutoriais e Ferramentas: HTML para totós

Sabe falar HTML, XHTML, marcador, meta?

O html é a linguagem mais utilizada na Internet. No entanto, assusta os principiantes. Temos tendência para pensar que esta linguagem é uma ciência reservada a alguns técnicos. Ora, hoje em dia, o html faz parte de todas as profissões da Internet. É uma nova linguagem, incontornável quando tudo ou quase tudo é Internet. Como o inglês, conhecer no mínimo alguns códigos é provavelmente um novo conhecimento básico para qualquer colaborador. Tem aqui um glossário, acessível, para descobrir e perceber a linguagem HTML.

Os marcadores mais comuns

Como em qualquer texto, a informação, os seus parágrafos, têm de ser hierarquizados. Para tal, em código, utilizam-se marcadores. Os marcadores identificam-se facilmente, abrem-se, contêm texto e fecham-se mais à frente: <o seu texto> Como é evidente, não tem de conhecer de cor todos os marcadores. A tendência é que se utilize um número restrito de marcadores. Estes são os principais:

Os títulos:

<h1> O seu título, a ter em conta para a sua otimização natural, pois é o que é reconhecido como o mais importante pelos motores de busca </h1>

<h2> O seu título de nível 2, de parágrafo </h2>

E assim sucessivamente até ao <h6> </h6>

Estrutura e Alinhamento:

<div> </div>: definição de blocos de parágrafo

<span></span>: elementos alinhados

Os elementos de texto:

<p>  </p> : para criar parágrafos

<ul> </ul>: lista de tópicos

<ol> </ol>: lista numerada

<a href= « »> A sua ligação hipertexto </a>

<blockquote></blockquote>: bloco de citação

<strong> </strong>: Pôr a negrito

<em> </em>: Pôr em itálico

<table> </table>: criar uma tabela

< br /> saltar uma linha

< span> </span> e s p a ç o entre as letras sem passar à linha seguinte

&nbsp;  : espaço

<hr > </hr> Cria um traço horizontal

O marcador para inserir uma imagem:

<image> </code>

Código de cores:

<FONT COLOR=’o seu código de cores’>O seu texto</FONT> :  para integrar uma cor.

Branco: #FFFFFF

Preto: #000000

Azul: #0000FF

Vermelho: #FF0000

Verde: #00FF00

Amarelo: #FFFF00

Cinzento: #COCOCO

Violeta: #8000FF

A estrutura de uma página de Internet

Vejamos a estrutura básica para criar uma página de Internet na qual irá inserir os seus marcadores:

HTML para totos