Curso de Web Design: Total de páginas: 29

 

 

Parte:
9

 

Listagem 1.4

<html>

    

<head>

         <title>Tags para Alinhamentos</title>

</head>

 

     <body>

         <h4 align=center>Título Centralizado</h4>

         <h4 align=right>Título À Direita</h4>

         <h4 align=left> Título À Esquerda<h4>

    

     <hr>

         <p align=center> Parágrafo ao Centro

         <p align=right>Parágrafo a direita

         <p align=left>Paragráfo a esquerda

         <p align=justify>Este é um texto justificado. Na linguagem HTML temos vários tipos de alinhamentos que você poderá aplicar em sua página. Nesta parte do livro,veremos como alinhar linhas, parágrafos e cabeçalhos.

     <br>

     <br>

    

<hr width=50% align=center>

 

         <blockquote>Texto com mais margem</blockquote>

         <blockquote><blockquote>Tem com mais margem ainda</blockquote></blockquote>

    

     </body>

</html>

 

Fim da Listagem 1.4

Figura 1.4

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo3.html. Veja a figura 1.4

IMPORTANTE

 

 

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

 

TAG

O QUE FAZ

<center>

Alinha o trecho (texto, imagem ou tabela ao centro>

align=center, right, left ou justify

Atribuídos dentro do tag <p> que marca o início de um parágrafo modificam o alinhamento do título.

Center= alinha ao centro

Right = alinha a direita

Left = alinha a esquerda

Justify = faz a justificação do parágrafo.

 

<blockquote>

Adiciona uma margem de cerca de um centímetro

<hr>

Atributos

Size = define a altura da linha. Exemplo: <hr size=50>

Width = define a largura da linha horizontal.

Exemplo: <hr width=200>ou <hr width=50%>

Noshade = desenha a linha sem a sombra para dar o efeito de três dimensões.  Exemplo: <hr noshade>

.
.