Aula 4 - Codificação

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
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
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 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 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 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 . Dessa forma o HTML não ignorará os
espaços em branco redundantes, escritos por meio deste código, na sua página.
5
em branco
<html>
<head>
</head>
<body>
Meu primeiro parágrafo.
Outro parágrafo.
Conteúdo da página. 
Segunda linha de conteúdo. 
E mais conteúdo. 
</body>
</html>
6
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:
 : formata o texto em negrito.
 : formata o texto em itálico.
 : formata o texto em sublinhado.
<s> : formata o texto em riscado.
8
<html>
<head>
</head>
<body>
Negrito
Itálico
Sublinhado
<s>Riscado</s>
Texto misturando estilos
</body>
</html>
9
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.
A marcação representa um parágrafo no documento.
Existe ainda a marcação 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 que representa um espaço
em branco no HTML.
11
Rascunho
 : formata o texto em negrito.
 : formata o texto em itálico.
 : formata o texto em sublinhado.
<s> : formata o texto em riscado.
12
Rascunho
<html>
<head>
</head>
<body>
Negrito
Itálico
Sublinhado
<s>Riscado</s>
Texto misturando estilos
</body>
</html>
13

Aula 4 - Codificação

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula 4 - Codificação

Enviado por

Direitos autorais:

Formatos disponíveis

Programação para a Web

Técnico em Informática para Internet

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

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

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

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

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

<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.

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

<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.

Você também pode gostar