Introdução ao HTML mark-up (básico) de texto

O objetivo deste guia é para ilustrar ao leitor a sintaxe da linguagem de marcação HTML que seria aconselhável para o bom web-writer, você conhece as regras básicas: o texto na Web, de fato, ele se transforma em hipertexto só graças aos poderes mágicos da marca HTML-up é, devemos nos lembrar, a estrutura básica de cada página web.

Na lição anterior falamos sobre o alinhamento, a seleção de fonte, etc. Vamos ver agora, em um arquivo. Muito prático, como essencial para fazer uma formatação de um texto para publicação on-line

Omitimos aqui a análise da estrutura de uma página web (para aqueles suggersico interessado em ler aqui ) e ir direto para o nosso formatação de texto.

Os títulos

O título de uma página web está contido dentro do cabeçalho, bem como <title> e </ title> dentro das tags de cabeçalho (h1, h2, h3, ..., h6).
O título em si, normalmente, é marcado por <h1> e </ h1>. Exemplo:

 



 <h1> Este é o título </ h1>

 

O sub-título está contido dentro do <h2> e </ h2>. Exemplo:

 



 <h2> Este é o sub-título </ h2>

 

Quaisquer outros títulos (hierarquicamente abaixo deles) será definido da mesma forma usando h3, h4, h5 e h6 (quanto maior o número após o "h" diminui a importância do título).

Parágrafos

Normalmente, o texto em uma página HTML é contido entre as tags e </ p> que, respectivamente, abrir e fechar um parágrafo de texto. Exemplo:

 



 <p>







 ... O meu texto aqui ...







 </ P>

 

Gerenciar o alinhamento

Para fazer o alinhamento horizontal do texto dentro de um parágrafo que você precisa para usar folhas de estilo (CSS) através de text-align propriedade.
A propriedade em questão admite quatro valores:

• esquerda (justificados à esquerda; valor padrão)
• direito (alinhamento à direita)
• center (centro de alinhamento)
• justificar (justificativa completa)

Aqui está um exemplo:

 



 <p style="text-align:center">







 ... Exemplo de texto centralizado ...







 </ P>

 

Negrito, itálico e sublinhado

Estes três aspectos do texto gerencia, respeitado pelas tags <b> (negrito), <i> (itálico) e <u> (sublinhado). Exemplo:

 <b> Teso negrito </ b>







 <i> Teso em itálico </ i>







 <u> Teso sublinhado </ u>

Nomeadamente as tags em negrito na tag tem um <strong> equivalentes:

 



 <strong> Teso negrito </ strong>

 

e tags em itálico <em>:

 



 <em> Teso em itálico </ em>

 

Inserir um link

Uma hiperligação (ou, mais comumente, links) podem ser inseridos através do tag <a> e seu atributo href. Vedaimo um exemplo:

 



 Ir para página <a href="http://www.sito.com/mario.html"> Mario </ a>

 

Como você pode ver no atributo href é especificado no endereço web da página de destino que se abre quando você clica sobre o texto ligado.
Obviamente nlla proíbe tanto ser ligado a uma imagem em vez de texto (como em nosso exemplo).

Inserir uma imagem

Para inserir uma imagem é, obviamente, necessário se ele está disponível online que mantém a sua própria URL.
Para inserir uma imagem é usada para <img> assim:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

Como você pode ver o atributo src contém uma referência para o caminho da nossa imagem.

Obviamente, as informações dadas nesta lição simples é muito parcial e representam o mínimo. E "somente através de um conhecimento profundo de HTML e CSS que seremos capazes de formatar o nosso conteúdo em um realmente precisa e completa.

• <<Lição anterior
• Índice da Ajuda
• Próxima lição>>