Você está na página 1de 3

Curso Profissional Técnico de Eletrónica, Automação e Computadores 2019-2020 - 10ºP1

Tecnologia de Informação e Comunicação M03 – Criação de Paginas Web - HTML

Ficha de Trabalho 02

Elemento <head>

<title></title> — o elemento <title>. Define o título da página, que é o título que aparece no separador do navegador que
carregou a página. Também é usado para descrever a página quando é adicionada aos marcadores/favoritos.

<meta charset="utf-8"> — este elemento define que o documento deve utilizar conjunto de caracteres UTF-8, o qual
inclui a maior parte dos caracteres da vasta maioria de linguagens humanas. Essencialmente, agora o ficheiro pode conter
qualquer conteúdo textual em qualquer idioma. Não há motivos para não colocar este elemento, e pode evitar problemas
no futuro.

1. Inicia o Bloco de Notas e abre o ficheiro Ex01.html produzido na Ficha de trabalho anterior.

2. Guarde o ficheiro com o nome de Ex02.html.

3. Acrescente ao código existente a linhas de código sinalizadas a negrito

<!DOCTYPE html>

<html>

<head>

<title> A minha primeira página </title>

</head>

<body>

</body>

</html>

4. Guarde novamente o ficheiro para salvar as alterações

Nota: Toma atenção que ao nome do ficheiro deves acrescentar a extensão .html, 0 Seletor Guardar com o tipo deve
estar selecionado a opção Todos os Ficheiros e o seletor Codificação deve estar selecionado a opção UTF-8

Francisco Xavier Oliveira Araújo | 1


Escola Secundária de Caldas das Taipas Módulo 03
Curso Profissional Técnico de Eletrónica, Automação e Computadores Criação de páginas web - HTML
Tecnologia de Informação e Comunicação Ficha de Trabalho 02

5. Visualiza o resultado do código HTML introduzido, abrindo o ficheiro através de um browser (Google
Chrome, Firefox, etc)

6. Posiciona lado a lado a janela do bloco de Notas com o código html e a janela do browser com o resultado
do código. Efetua um printscreen do ecrã e guarda-o como Ex02-printscreen01.jpg

Conclusão:

O elemento <title> </title> define o título na página ou separador no browser como texto que estiver
no seu interior

7. Verifique na imagem acima que titulo da página ou separador não apresenta os caracteres acentuados de
forma correta

8. Acrescente ao código existente a linhas de código sinalizadas a negrito

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> A minha primeira página </title>

</head>

<body>

</body>

</html>

9. Guarda novamente o ficheiro para salvar as alterações

10. Visualiza o resultado do código HTML introduzido, abrindo o ficheiro através de um browser (Google
Chrome, Firefox, etc)

Francisco Xavier Oliveira Araújo | 2


Escola Secundária de Caldas das Taipas Módulo 03
Curso Profissional Técnico de Eletrónica, Automação e Computadores Criação de páginas web - HTML
Tecnologia de Informação e Comunicação Ficha de Trabalho 02

11. Posiciona lado a lado a janela do bloco de Notas com o código html e a janela do browser com o resultado
do código. Efetua um printscreen do ecrã e guarda-o como Ex02-printscreen02.jpg

Conclusão:

O elemento <meta charset="utf-8"> especifica a codificação de caracteres do documento, ou seja, o


conjunto de caracteres que o documento pode usar.

utf-8 é um conjunto de caracteres universal que inclui praticamente qualquer caractere de qualquer
idioma,e neste caso, os carateres utilizados na língua portuguesa.

12. Submete os ficheiros Ex02.html, Ex02-printscreen01.jpg e Ex02-printscreen02.jpg

Francisco Xavier Oliveira Araújo | 3

Você também pode gostar