[Home] [HTML] [CSS] [Contacto]
Neste exemplo temos a hiperligação para o envio de correiro eletrónico, caso exista uma aplicação predefinida no computador local para realizar esta tarefa, recorrendo ao mailto:
<a href="mailto:rml@fam.ulusiada.pt">rml@fam.ulusiada.pt</a>
O elemento que permite adicionar imagens num página web é img, cuja sintaxe é:
<img src="url" alt="textoalternativo">
O atributo src especifica o caminho para a imagem e o atributo alt um texto alternativo que pode surgir quando a imagem não está disponível.
As imagens devem ser guardadas numa pasta, ex: img
Nota: A imagem é muito grande. Para redimensionar utilizar os atributos width para a largura e height para a algura. Neste exemplo o código final é: <img src="img/Logo_Lusiada.png" alt="Lusiada" width="200">
Mais logótipos da Universidade Lusíada
Exercício: Como criar um ligação na imagem para o site da UL ?
O atributo style permite formatar um elemento HTML, por exemplo um parágrafo ou cabeçalho:
<nomedatag style="propriedade:valor;">
Nos exemplos seguintes a propriedade é background-color. O valor é o nome da cor que foi escolhida pelo programador. Podem consultar mais nomes de cores aqui.
ALERTA: Para realçar o conteúdo de um parágrafo importante, podemos aplicar um fundo vermelho a todo o parágrafo.
ALERTA: Uma outra forma de realçar o conteúdo de um parágrafo importante é colocar um bordo no elemento HTML, definir a sua espessura e cor. Neste exemplo o bordo tem o valor 3px solid blue.
ALERTA: Uma outra forma de realçar o conteúdo de um parágrafo importante é escolher a cor do texto, que neste caso ficou a azul. Neste caso a propriedade é color e o valor é blue.
Neste caso o parágrafo está com o tipo de letra designado por verdana. Ou seja, a propriedade é font-family e o valor é verdana.
Neste caso o parágrafo utiliza a propriedade é font-size e o valor é 150%.
Neste caso o parágrafo utiliza a propriedade é font-size e o valor é 20px, ou seja 20. Mas existem mais unidades.
Neste caso o parágrafo está centrado.
Sendo que a propriedade é text-align e o valor é center.
Não é recomendada a utilização do STYLE dentro das tags de HTML (normalmente designado por: inline) para realizar a formatação de um site. A formação não é estruturada e não pode ser reaproveitada por várias páginas do site. A manutenção deste tipo de codificação é muito complicada e difícil.