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.
Publicado em 26/06/2010, em Nível médio, tutoriais e marcado como arquivos, internet, tutorial, web. Adicione o link aos favoritos. 3 Comentários.
Pingback: Criando um site – Parte 3 « Informação é aqui! Arthur Up
Pingback: Criando um site – Parte 4 « Informação é aqui! Arthur Up
Pingback: Criando um site – Parte 5 « Informação é aqui! Arthur Up