Criando um site – Parte 2

Olá! Neste passo deste tutorial de 15 partes, ensinarei como formatar seu texto, criar links para ele e fazer listas
Não viu o primeiro? Criando um site – Parte 1: eu ensinei como criar uma página HTML e dar título a ela

Ok, vamos começar.

No tutorial passado, você escreveu seu texto na página e ele apareceu normal. E se eu quisesse fazer isso:

Aqui, o que eu escrevo na tag body aparece no navegador!!!

Simples:

<html>
<head>

<title>Página com texto formatado</title>

</head>
<body>

<strong>Aqui</strong>, o que eu escrevo na tag <i>body</i> aparece no <u>navegador</u>!!!

</body>
</html>

Agora vou explicar o que cada coisa faz:

  • <strong> :Ela deixa o texto em negrito. É uma evolução da tag <b>
  • <i> :Ela deixa o texto em itálico
  • <u> :Ela sublinha o texto

Quebra de linha

Imagine a seguinte situação: você vai escrever um texto em HTML para uma pessoa. Ela quer que tenha quebra de linha – ou seja, você está numa linha e vai para outra linha – e que seja assim:

A lei da gravidade puxa os objetos para o centro da terra, uma
bola de ferro e níquel muito quente.

Você pensa: eu vou dar ENTER na quebra de linha. Mas aí fica reto, assim:

A lei da gravidade puxa os objetos para o centro da terra, uma bola de ferro e níquel muito quente.

Como é que eu faço isso??

Usando a tag <br />. Essa barra significa que ela se fecha. Ela não precisa ser fechada. Aí você faz isso:

<html>
<head>

<title>Página com quebra de linha</title>

</head>
<body>

A lei da gravidade puxa os objetos para o centro da terra, uma <br />
bola de ferro e níquel muito quente.

</body>
</html>

A tag <br /> representa uma quebra de linha. Para fazer duas, basta fazer isso:

Duas quebras de linha
<br /><br />
Duas linhas quebradas

Na próxima página vou ensinar como mudar a fonte do seu texto e criar cabeçalhos e links.

Anúncios

Publicado em 26/06/2010, em Nível médio, tutoriais e marcado como , , , . Adicione o link aos favoritos. 3 Comentários.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: