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
Tecnologias da Informao e Comunicao -TIC 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
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
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
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
TAGS EM HTML
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios iniciar e finalizar cdigo html
Cdigo HTML Resultado
corpo do programaaqui escrevo o cdigo html
corpo do programa
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios cabealhos e pargrafos
Cdigo HTML Resultado
Primeiro Cabealho */pode ir at h6/*
Primeiro Pargrafo.
Primeiro Cabealho
Primeiro Pargrafo
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios Ttulo da pgina
Cdigo HTML Resultado
.::Introduo ao HTML::.
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios - hiperligaes
Cdigo HTML Resultado
link pagina 1
link pagina 1
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios bold/negrito, itlico e sublinhado
Cdigo HTML Resultado
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
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios fontes, cores e tamanhos
Cdigo HTML Resultado
Texto em Calibri, cor azul e tamanho5
Nota: cor pode ser color=#000000 combinaes de cores
Texto em Calibri, cor azul e tamanho 5
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Exerccios prtico
Cdigo HTML Resultado
Exerccios prtico
Cdigo HTML Resultado
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
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Comandos
fazem com que os pargrafos e espaos sejam apresentados tal como esto escritos
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
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
Criao de Pginas Web em Hipertexto
Tecnologias da Informao e Comunicao -TIC Criao de Pginas Web em Hipertexto
Recommended