Aprendendo HTML, parte 2, por Humberto Rodrigues

Avaliação:

| Publicado em: 12/08/2007

Aprendendo HTML, parte 2

Humberto Rodrigues Técnico em Informática. Webmaster. Conhecimentos em Photoshop, Flash, Dreamweaver, Visual Basic, Delphi, Access, HTML, CSS, SQL e PHP.

Aprendendo HTML, parte 2

Continuando.....

Ao contrário dos editores de texto comum, nos quais você insere uma quebra ou avanço de linha toda vez que pressiona a tecla ENTER, em um programa HTML é necessário colocar um comando específico para que o browser entenda que você deseja mudar de linha e iniciar uma nova linha ou começar um novo parágrafo. Existem dois comandos para criar quebras de linha e novos parágrafos. São os comandos <P> e <BR>
O COMANDO <P>
Para forçar um novo parágrafo, ou seja, avançar uma linha em branco e iniciar o texto na segunda linha após o final do parágrafo anterior deve ser usado o comando <P>.
Alinhando parágrafos

O Comando <P> inicia um novo parágrafo onde o texto é automaticamente alinhado pela margem esquerda da tela. Através do parâmetro ALIGN, pode-se mudar o alinhamento de forma que o texto do parágrafo inteiro fique centralizado ou alinhado à direita. Nesse caso, deve-se usar um par de comandos <P> envolvendo o parágrafo.

ALIGN=CENTER      Centraliza o texto.
ALIGN=RIGHT      Alinha pela margem direita
ALIGN=JUSTIFY      Alinha pelas duas margens
ALIGN=LEFT      Alinha pela margem esquerda (padrão)

O COMANDO <BR>
O comando <P> insere uma linha em branco no seu local ou na linha seguinte à qual ele foi inserido, caso esteja no meio de uma linha de texto e não em seu final. O comando <BR> tem como função avançar para a linha imediatamente após àquela em que ele se encontra, sem, contudo, deixar uma linha em branco.
O COMANDO <HR>
O comando <HR> tem como finalidade inserir uma linha divisória na posição em que foi especificado. Seu uso é recomendado para criar uma divisão na página.
Alterando o formato de linha de separação

As linhas criadas pelo comando <HR> podem Ter o seu tamanho alterado pelos parâmetros SIZE e WIDTH. O parâmetro SIZE altera a espessura (altura) da linha, deixando-a mais grossa em função do valor especificado. Esse valor é expresso em pixels.
A largura ou comprimento da linha é alterada pelo parâmetro WIDTH e pode ser expresso em pixels, sendo que, nesse caso, o tamanho da linha é fixo ou utiliza uma porcentagem relativa à largura da janela. Assim, seu tamanho varia em função da largura da janela. Veja o código abaixo:

USANDO IMAGENS COMO LINHAS SEPARADORAS

Em vez de usar o comando <HR> como separador, podemos usar uma imagem com o comando <IMG>. Assim como o comando HR, podemos usar os parâmetros WIDTH e HEIGHT para alterar o tamanho da imagem.
DIV
A Tag <DIV></DIV> envolve uma área do texto ou divisão que pode receber parâmetros específicos de alinhamento, como é o caso de ALIGN, para alinhar o texto. Podemos envolver vários parágrafos com o elemento DIV
BLOCKQUOTE
O comando Blockquote permite dar recuos de parágrafos aos parágrafos, e pode ser cumulativo

Vamos a um exemplo:

<html>
<head>
<title>Formatação de Parágrafos</title>
</head>
<body>
<P align="center">Texto centralizado</p>
<P align="Justify">Aqui temos um texto justificado, aqui temos um texto justificado, Aqui temos um texto justificado,
<BR>
<div align="center">Aqui centralizamos um texto com o elemento DIV</div>
<div align="justify">Começamos justificado<P align="center">centralizei</P>
continuamos justificado</div>
<hr align="center">
<blockquote>Recuando o Texto</blockquote>
<blockquote><blockquote>Recuando o Texto 2 vezes</blockquote></blockquote>
<HR color="red" size=10 width=75%>
</body>
</html>

Logo, logo eu posto mais coisas.
Estudem bastante!

www.hubertorodrigues.com

Artigos relacionados

Aprendendo HTML, parte 1

Este artigo é a parte 2 de 3 da seguinte série:

claudemir <claudemirpraisler@hotmail.com>

pow mano,curti pacas esse site,além de ensinar uns macetes de comandos em html,ele me ajudou muito,porque tenho todos os programas possiveis e ainda naum consegui montar nenhum site... aproveitando a oportunidade gostaria de saber se vc poderia nos dar umas dicas de dreamweaver... como disse tenho os programas ,mas naum sei como usá-los...um abraço e parabéns...

Ricardo

O curso está bom, mas quando teremos mais aulas ? As duas primeiras tavam coladas, mas a terceira tá demorando...

Victor <victor-rodrigues-aragao@hotmail.com>

ótimo a postagem!
eu quero saber como faz o botão do formulário o de enviar.
Saber eu sei fazer eu quero saber como faz para enviar o formulário por e-mail.
O código html quer direciona o formulário para o e-mail.
Se souber me fala , valeu!
eu sei fazer o formulário todo em html só não sei o codigo para submeter o formulário.
Valeu!

Edvaldo <disilva21@hotmail.com>

Gostei, estou estudando por aqui,
vc tem como passar todas as propriedades da tag DIV ?

Edvaldo