Você está na página 1de 2

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 01

Etiquetas Base do Html

<!DOCTYPE html> — Indica ao browser que o documento está escrito em HTML 5

<html></html> — o elemento <html>. Este elemento envolve o conteúdo de toda a página, e por vezes é conhecido
como elemento raiz.

<head></head> — o elemento <head>. Este elemento funciona como contentor para tudo o que quer incluir na página
HTML que não é o conteúdo mostrado aos visitantes da página. Tal inclui por exemplo keywords e uma descrição da
página que é mostrada em resultados de pesquisa, CSS para definir o estilo do conteúdo, declaração do conjunto de
caracteres, e mais.

<body></body> — o elemento <body>. Este elemento possui todo o conteúdo que quer mostrar aos utilizadores quando
visitam a página, seja texto, imagens, vídeos, jogos, faixas de áudio reproduzíveis, e tudo mais.

1. Inicie o Bloco de Notas e em seguida digite o seguinte código.

<!DOCTYPE html>
<html>

<head>

</head>

<body>

</body>

</html>

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

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 01

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

4. 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 conforme a figura abaixo. Efetua um printscreen do ecrã e guarda-o como Ex01-
printscreen01.jpg

Conclusão:

Verifica-se que o resultado do ficheiro criado é uma página web em branco.

Embora o ficheiro html contenha os elementos <head> </head> e <body> </body> nada foi escrito
no seu interior.

5. Submete os ficheiros Ex01.html e Ex01-printscreen01.jpg

Francisco Xavier Oliveira Araújo | 2

Você também pode gostar