Vous êtes sur la page 1sur 13

Programação para a Web

Técnico em Informática para Internet


Configurando a codificação dos
caracteres

Dependendo dos caracteres envolvidos e do tipo da codificação utilizada para salvar o


seu arquivo, problemas nos caracteres especiais, como acentuações e cedilhas, podem
ser apresentados.

Isso ocorre por existirem diferentes codificações que podem ser utilizadas nos arquivos
de computador, sendo recomendado que você informe no HTML qual delas você está
utilizando.

2
Configurando a codificação dos
caracteres

Para informar no HTML a codificação utilizada pelo seu arquivo, é necessário fazer o uso
de uma nova marcação chamada <meta> , que define uma configuração no cabeçalho
do arquivo, integrada com o atributo charset , responsável por informar que a
configuração em questão é a de codificação de caracteres.

<html>
<head>
<meta charset="utf-8">
<title>Capítulo HTML</title>
</head>

3
Configurando a codificação dos
caracteres

Com a inclusão da marcação <meta> para a configuração do conjunto de caracteres, a


interpretação do código-fonte atualizado pode ser conferida na imagem a seguir:

4
Parágrafos, quebras de linha e espaços
em branco

A marcação <p> representa um parágrafo no documento. Por meio dela é possível


organizar e formatar separadamente os parágrafos, desde que cada um tenha suas
próprias marcações de abertura e fechamento correspondentes.

Existe ainda a marcação <br> que executa uma quebra de linha, podendo ser utilizada
inclusive fora das marcações que definem um parágrafo, ou dentro delas.

Para espaços em branco, é possível utilizar o código &nbsp; que representa um espaço
em branco no HTML. Caso você queira apresentar cinco espaços em branco juntos, será
necessário utilizar cinco vezes o código &nbsp; . Dessa forma o HTML não ignorará os
espaços em branco redundantes, escritos por meio deste código, na sua página.

5
Parágrafos, quebras de linha e espaços
em branco

<html>
<head>
<meta charset="utf-8">
<title>Capítulo HTML</title>
</head>
<body>
<p>Meu primeiro parágrafo.</p>
<p>Outro parágrafo.</p>
Conteúdo da &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; página.<br>
Segunda linha de conteúdo.<br>
E mais conteúdo.<br>
</body>
</html>

6
Parágrafos, quebras de linha e espaços
em branco

7
Negrito, itálico, sublinhado e riscado

Quando estamos tratando de textos, existem formatações bastante familiares que já


conhecemos dos editores de textos.

As tradicionais formatações de negrito, itálico, sublinhado e riscado podem ser realizadas


também por meio das seguintes marcações HTML:

<b> : formata o texto em negrito.

<i> : formata o texto em itálico.

<u> : formata o texto em sublinhado.

<s> : formata o texto em riscado.

8
Negrito, itálico, sublinhado e riscado

<html>
<head>
<meta charset="utf-8">
<title>Capítulo HTML</title>
</head>
<body>
<b>Negrito</b>
<i>Itálico</i>
<u>Sublinhado</u>
<s>Riscado</s>
Texto <b>misturando <i>estilos</i></b>
</body>
</html>

9
Negrito, itálico, sublinhado e riscado

10
Rascunho

Dependendo dos caracteres envolvidos e do tipo da codificação utilizada para salvar o


seu arquivo, problemas nos caracteres especiais, como acentuações e cedilhas, podem
ser apresentados.

Para informar no HTML a codificação utilizada pelo seu arquivo, é necessário fazer o uso
de uma nova marcação chamada <meta> , que define uma configuração no cabeçalho
do arquivo, integrada com o atributo charset , responsável por informar que a
configuração em questão é a de codificação de caracteres.

<meta charset="utf-8">
A marcação <p> representa um parágrafo no documento.

Existe ainda a marcação <br> que executa uma quebra de linha, podendo ser utilizada
inclusive fora das marcações que definem um parágrafo, ou dentro delas.

Para espaços em branco, é possível utilizar o código &nbsp; que representa um espaço
em branco no HTML.

11
Rascunho

<b> : formata o texto em negrito.

<i> : formata o texto em itálico.

<u> : formata o texto em sublinhado.

<s> : formata o texto em riscado.

12
Rascunho

<html>
<head>
<meta charset="utf-8">
<title>Capítulo HTML</title>
</head>
<body>
<b>Negrito</b>
<i>Itálico</i>
<u>Sublinhado</u>
<s>Riscado</s>
Texto <b>misturando <i>estilos</i></b>
</body>
</html>

13