Curso de Webdesign

Exercício 3 – TAGS DE ALINHAMENTO

Assim, como num documento comum, há necessidade de melhorar a aparência do documento, e a primeira providência a tomar é cuidar do alinhamento do texto. O Alinhamento padrão que vem configurado nos navegadores, é a esquerda. Para entender isto, digite a listagem 1.4, e salve como exemplo3.html, e acompanhe o conceito de tag que marcam o alinhamento dos títulos e paragráfos nas páginas.

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

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

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>

112 comentários

  1. silvana dias

    OLHA ESTOU SURPRESA COM A RIQUEZA DE VARIEDADE DE OPÇÕES DE CURSOS GRATUITOS POR ISSO NÃO POSSO DEIXAR DE EXPRESSAR MINHA ALEGRIA. PARABENS AOS AUTORES DESTE SITE ,NUNCA SAIAM DA NET .ESTAREI COM VÕCES SEMPRE.

  2. nossa genial aprendi muito com o curso tinha lido o curso sobre Html (aqui mesmo) e percebi que sempre tinha que colocar aspas igual no blogger tipo e é mais complicado quando você faz um código muito grande você fica meio perdido, aqui nem precisa e da certo do mesmo jeito tipo gostei pra caramba vlw!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *