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

Ficha de Trabalho 04

Elemento <Body>

<h1 align="center"> </h1> Utilização do alinhamento de texto através do parâmetro align que pode assumir os valores
left, right, center e justify.

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

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

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

Se não tiver acesso ao ficheiro anterior Ex03.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 Ex04.html.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> Eletricidade e Eletrónica </title>

</head>

<body>

<h1 align="center"> Transístor Bipolar</h1>

<h2 align="left"> O que é um transístor bipolar? </h2>

<h2 align="left"> Constituição do transístor bipolar</h2>

<h6 align="right"> Fonte - Revista O eletricista </h6>

</body>

</html>

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

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

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

Conclusão:

O elemento <h1 align="center"> centra o texto que está inserido entre o elemento <h1> </h1>

O elemento <h2 align="left"> alinha à esquerda o texto que está inserido entre o elemento <h2> </h2>

O elemento <h6 align="left"> alinha à direita o texto que está inserido entre o elemento <h6> </h6>

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

Francisco Xavier Oliveira Araújo | 2

Você também pode gostar