Agora que você já conhece a estrutura básica de um documento HTML, você pode mexer um pouco com o conteúdo. Volte pro seu editor de texto e adicione a linha seguinte:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Minha primeira página web</title>
</head>
<body>
Essa é minha primeira página web.
Que excitante.
</body>
</html>
Olhe para o documento no seu navegador.
Você deve ter esperado que o documento aparecesse como você digitou, em duas linhas, mas ao invés disso você vai ver alguma coisa como:
Essa é minha primeira página web. Que excitante.
Isso acontece porque navegadores web não fazem noção de que linha o seu código está. Ele também não tem noção da quantidade de espaços (você conseguiria o mesmo resultado se digitasse “Essa é minha primeira página web. Que excitante.”).
Se você quer que o texto apareça em muitas linhas, você tem que dizer isso explicitamente.
Edite suas duas linhas de código para que elas fiquem assim:
<p>Essa é minha primeira página web.</p> <p>Que excitante.</p>
A tag p quer dizer parágrafo.
Olhe o resultado disso. As duas linhas agora aparecem em duas linhas.
Pense no HTML como se fosse um livro – com parágrafos aonde for apropriado.
Ênfase
Você pode enfatizar texto num parágrafo usando em (ênfase) e strong (ênfase forte). São dois jeitos de fazer praticamente a mesma coisa, e geralmente os navegadores mostram em em itálico e strong em negrito.
<p>Sim, foi <em>isso</em> que eu disse. É <strong>tão</strong> excitante.</p>
Quebras de linha
A tag de quebra de linha também pode ser usada para separar linhas como isso:
Essa é minha primeira página web.<br />Que excitante.
No entanto, esse método geralmente é usado em excesso. Ele não deve ser utilizado se dois blocos de texto devem estar separados um do outro (porque se é isso que você quer fazer você provavelmente quer a tag p).
Note que, como não há nenhum conteúdo envolvido pela tag de quebra de linha, não há tag de fechamento. Ela se fecha com uma “/” depois do “br”.
Páginas Relacionadas
- Próxima Página: Cabeçalhos
- Página Anterior: Títulos de Páginas
Referência
Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.
Qual a diferença entre quebrar a linha, usando o e criar uma nova linha, um parágrafo: … ???
visualmente falando, seria apenas o espaçamento entre as linhas, ou parágrafos?
=D
ops ^^” *… quebrar a linha, usando o
=º²² sorry…
Olá, Amanda
Entre essas duas, não existe muita diferença visual. A diferença entre os dois está no sentido que elas dão ao conteúdo. <br/> não tem muito significado, por isso deve ser evitada – ela é meio inútil. A tag <p> quer dizer que o conteúdo é um parágrafo, e deve ser usada sempre que o texto for um novo parágrafo.
Espero ter esclarecido isso.
Qualquer coisa, só perguntar.
Olá, Elomar
Eu queria saber se tem como mudar de parágrafo, sem deixar uma linha em branco entre ele e o anterior(usando a tag ‘p’).
Olá, Álvaro
Você pode retirar esse espaçamento usando CSS.
Se você ainda não viu os módulos de CSS, não se preocupe em entender esse código agora. Depois de CSS você volta pra cá e vai saber o que ele está fazendo. ;D
p { margin: 0; }
[...] Parágrafos [...]
Boa tarde Elomar.
Uma coisa que não consegui fazer é com que os acentos apareçam, no lugar dos acentos esta aparecendo caracteres especiais.
Obrigado.
Olá, Wellington
Provavelmente foi algum problema na hora de salvar os arquivos. Lembre-se de salvar os arquivos como “UTF-8″. Como fazer isso vai depender do editor que você está usando. Mais sobre isso nessa página: http://codando.wordpress.com/2008/02/16/tutorial-de-html-iniciante-comecando/
De nada!
Qualquer coisa, é só chamar.