Vous êtes sur la page 1sur 2

ESCOLA SECUNDÁRIA DE CALDAS DAS TAIPAS

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 Páginas Web - HTML

Ficha de Trabalho 03

Elemento <Body>

<h1></h1> — o elemento <h>. Os cabeçalhos servem para iniciar secções dentro de um documento HTML, distintas
do restante texto, identificando o início de um tópico. Existem 6 níveis de cabeçalhos identificados pelas etiquetas h1 a
h6, sendo o cabeçalho h1 o maior e h6 o menor.

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

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

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

Se não tiver acesso ao ficheiro anterior Ex02.html terá que abrir umo novo documento no Bloco de Notas, escrever
integralmente o código abaixo e guardar o ficheiro com o nome de Ex03.html.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

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

</head>

<body>

<h1> Este é o cabeçalho de nível 01 </h1>

<h2> Este é o cabeçalho de nível 02 </h2>

<h3> Este é o cabeçalho de nível 03 </h3>

<h4> Este é o cabeçalho de nível 04 </h4>

<h5> Este é o cabeçalho de nível 05 </h5>

<h6> Este é o cabeçalho de nível 06 </h6>

</body>

</html>

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 03

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

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 Ex03-printscreen01.jpg

Conclusão:

O elemento <h1> </h1> é um estilo de formatação predefinido que é aplicado automaticamente ao


texto que está no seu interior, que geralmente deve ser aplicado a títulos.

Os restantes elementos de <h2> </h2> a <h6> </h6> são também estilos de formatação
predefinidos, com um tamanho de letra mais pequeno, que devem ser aplicados a subtítulos

7. Submete os ficheiros Ex03.html, Ex03-printscreen01.jpg

Francisco Xavier Oliveira Araújo | 2

Vous aimerez peut-être aussi