Você está na página 1de 11

Criação de páginas web

em HTML
Conceitos introdutórios
O que é o HTML?
O HTML (Hypertext Markup Language) é uma
espécie de linguagem que permite criar páginas
Web.

Ela consiste numa série de comandos denominados


tags, que permitem definir a estrutura da página,
formatar texto, inserir objetos multimédia, inserir
ligações dentro e/ou fora da página, etc.
O que são as tags?
• As tags são comandos escritos em texto que
começam sempre com um sinal de menor (<), e
terminam com um sinal de maior (>).

• Quando a página é aberta no browser (Mozilla


Firefox, Google Chrome, etc), este distingue as
tags do texto propriamente dito e executa as
ações a elas associadas.
Estrutura de uma página
• Qualquer página web deve ser estruturada da
seguinte forma:

Início
Cabeçalho
Corpo
Fim
• Para definir estas zonas recorre-se aos tags de
estrutura que surgem em qualquer página:

<html> início da página

<head> cabeçalho
.............
</head>
<body> corpo
.............
</body>
</html> fim da página
Exemplos de tags de formatação

<B> texto a negrito </B> Põe o texto que está


entre as tags a negrito
<I> texto a itálico </I> Põe o texto que está
entre as tags a itálico
<U> texto sublinhado </U> Põe o texto que está
entre as tags a
sublinhado
<font size=3> texto com tamanho 3 </font> Põe o texto que está
entre as tags com
tamanho 3
<marquee> texto rolante </marquee> Coloca o texto entre as
tags a rolar.
<font face=arial> texto em estilo Arial Define o estilo da
</font> letra para o texto

<font color=”blue”> texto com cor azul </font> Define a cor da letra
para o texto

<center> texto centralizado >/center> Centraliza o texto


entre as tags

<br> Permite mudar de


linha

<p> Permite inserir um


parágrafo
Exemplos de tags de ligações

<a href=“inicio.html”> Página Ligação à página principal do


Principal </a> site (as páginas têm de estar
na mesma pasta).

<a href=”http://www.google.pt”> Ligação a uma página exterior


Procurar </a> ao site.

<a href=“#biog”> Biografia </a> Ligação a um marcador


existente na mesma página.
...
... ...
... ...

<a name=“biog”> Biografia </a> Inserção de um marcador.


Outros exemplos de tags
<body bgcolor=#AB82FF> Define a cor de fundo
... da página.
</body>

<body background=“imagem.jpg”> Define uma imagem de


... fundo.
</body>

<img align="right“ src=“imagem.jpg”> Insere uma imagem na


página ( o ficheiro da
imagem deve estar na
mesma pasta da
página).
<a href=“inicio.html”> <img src=“imagem.jpg”> </a> Insere uma ligação a
uma página do mesmo
site através de uma
imagem. (tanto as
páginas, como o ficheiro
de imagem devem estar
na mesma pasta).
Bloco de Notas
Através do Bloco de Notas do Windows, pode-se
criar uma página Web utilizando o HTML.
Observações
• A maior parte das tags têm um princípio e um fim;
Por exemplo, as tags de estrutura:
<html>.....................</html>
<head>.....................</head>

• Mas existem tags que não são assim:


Por exemplo, se se pretende mudar de linha, basta
escrever<br>

• Algumas das tags têm também atributos. Estes atributos


permitem modificar, escolher as características da ação da
tag.
Por exemplo, a tag font tem o atributo color:
<font color=blue> … </font>

Você também pode gostar