230320_PW1-HTML5

Prévia do material em texto

Formulários em HTML 
Podemos construir formulários em HTML. 
Monte as páginas abaixo e observe o funcionamento: 
index.html 
 
 
obrigado.html 
 
HTML Layout Elements 
HTML possui diversos elementos semânticos que definem diferentes partes de uma página web: 
 
 
Âncoras (links na mesma página) 
Em páginas muito longas podemos navegar entre suas informações utilizando links do tipo “âncora” (bookmarks). 
Para isso criamos a âncora para o ponto onde desejamos ir com o parâmetro id e depois utilizamos o nome dado 
para a âncora no link (utilizamos o # junto ao nome). 
 
HTML Audio 
Utilizamos a tag <audio> para reproduzir áudios na página web. 
Exemplo: 
<audio controls autoplay muted> 
 <source src="audio.ogg" type="audio/ogg"> 
 <source src="audio.mp3" type="audio/mpeg"> 
Seu navegador não suporta este elemento de áudio. 
</audio> 
 
Fique atento a versão do navegador que suporta esta tag HTML5. 
 
 
Fique atento também aos formatos de áudios suportados pelos navegadores (MP3, WAV e OGG). 
 
 
HTML Vídeos 
Utilizamos a tag <video> para reproduzir vídeos na página web. 
Exemplo: 
<video width="320" height="240" controls autoplay muted> 
 <source src="video.mp4" type="video/mp4"> 
 <source src="video.ogg" type="video/ogg"> 
Seu navegador não suporta este elemento de vídeo. 
</video> 
 
Fique atento a versão do navegador que suporta esta tag HTML5. 
 
Fique atento também aos formatos de vídeos suportados pelos navegadores (MP4, WebM e OGG). 
 
 
 
pag2.html