exemplos.pdf

1INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P.CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEUSERVIO DE FORMAO PROFISSIONAL DE VISEU

Nome da AoTcnico de Mecatrnica Automvel 3 ano FVI

N e nome da UFCD e cdigo0792

Criao de pginas para a Web em hipertexto

Nome do Formador: Vtor Oliveira

2Criao de Pginas Web em Hipertexto

Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P.CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEUSERVIO DE FORMAO PROFISSIONAL DE VISEU

UFCD - 0792 Turma: 3 FVICarga horria: 25 horas

Eng. Vtor Oliveira

ESTRUTURA CDIGO

HTML

Criao de Pginas Web em Hipertexto


Estrutura do cdigo em HTML

Tem uma estrutura predefinida que utiliza marcas,,,

parte de algumas excees, as marcas abertas tm de ser fechadas usando /,,,

Os contedos so colocados entre as marcas e



Estrutura do cdigo em HTML cont.

O contedo inserido entre e aparece na barra de ttulo do navegador

O contedo apresentado ao visitante da pgina est entre e

Pode utilizar um editor de texto simples como o NotePad para editar os ficheiros HTML

Deve gravar sempre esses ficheiros com extenso .html ou .htm



TAGS EM HTML



Exerccios iniciar e finalizar cdigo html

Cdigo HTML Resultado

corpo do programaaqui escrevo o cdigo html

corpo do programa



Exerccios cabealhos e pargrafos


Primeiro Cabealho */pode ir at h6/*

Primeiro Pargrafo.

Primeiro Cabealho

Primeiro Pargrafo



Exerccios Ttulo da pgina


.::Introduo ao HTML::.



Exerccios - hiperligaes


link pagina 1

link pagina 1



Exerccios bold/negrito, itlico e sublinhado


estou a escrever a negrito estou a escrever em itlico estou a escrever com sublinhado

estou a escrever a negrito

estou a escrever em itlico

estou a escrever com sublinhado



Exerccios fontes, cores e tamanhos


Texto em Calibri, cor azul e tamanho5

Nota: cor pode ser color=#000000 combinaes de cores

Texto em Calibri, cor azul e tamanho 5



Exerccios prtico


Exerccios prtico


EXEMPLO 5 DE HTML: CRIAO DE TABELAS

Esta a primeira coluna da primeira linhaEsta a segunda coluna da primeira linha

Esta a primeira coluna da segunda linhaEsta a segunda coluna da segunda linha



Comandos

fazem com que os pargrafos e espaos sejam apresentados tal como esto escritos



Comandos

O texto formatado utilizando o parmetro style na marca

Permite a escolha da fonte atravs de font-family:

Permite a escolha do tamanho da fonte atravs de font-size:100%

Permite a escolha da cor atravs de color:blue

Esta uma utilizao simples de folhas de estilo, tendo estas outras potencialidades

Usualmente esto disponveis as fontes arial, times e verdana



Documents

exemplos.pdf