Hashy • 14.11.17 16:43
Introdução para criar seu site em HTML 5 14.11.17 16:43
Introdução para criar seu site em HTML 5
Desde 2005 o HTML tava em queda muito ruim. Assim começaram no inicio de 2008 a desenvolver o HTML5 que por sinal está ainda em faze BETA. Ou seja ele ainda vai melhorar muito.
Introdução as Tags
Agora as tags foram mudadas, para ficar mais fácil.Ficaram mais fácil de digitar e de montar o site.As principais tags estão abaixo:
Tags:
Mesmo com pouco tempo de HTML5 o Internet Explorer não funciona no com HTML5. Para isso existe um hack.
Tags para otmizar o site
<figure> - usado para associar uma legenda a uma imagem, vídeo, arquivo de áudio, objeto ou iframe
<canvas> - define os gráficos, geralmente pra 2D<br style="mso-special-character:line-break">
<audio> e <video> - colocar músicas ou vídeos no seu site, <br style="mso-special-character:line-break">
<dialog> - define o dialogo ou uma conversa
<time> - define data e hora
<meter> - para representar medidas
Principal Tag
<!DOCTYPE>
Ela iniciará nosso código.
Exemplo:
Pronto. Um pouco sobre HTML5 está ai, o resto voce vera com o decorrer do tempo quando for lançado totalmente. Muitos navegadores nao aceitam ainda.
Obrigado.
Créditos: Hashy ( desenvolver tutorial e postar)
Desde 2005 o HTML tava em queda muito ruim. Assim começaram no inicio de 2008 a desenvolver o HTML5 que por sinal está ainda em faze BETA. Ou seja ele ainda vai melhorar muito.
Introdução as Tags
Agora as tags foram mudadas, para ficar mais fácil.Ficaram mais fácil de digitar e de montar o site.As principais tags estão abaixo:
Tags:
<section> = seçõesdo conteúdo;
<header> = cabeçalho dosite, parte de cima
<aside> = relacionado asnoticias.
<footer> = o rodapédo site ou da seção
<nav> = o menu sejade link ou de botões, todo conteúdo do menu do site
<article> = as"noticias" do site, artigos, parte do meio
<title> = titulo da página
<header> = cabeçalho dosite, parte de cima
<aside> = relacionado asnoticias.
<footer> = o rodapédo site ou da seção
<nav> = o menu sejade link ou de botões, todo conteúdo do menu do site
<article> = as"noticias" do site, artigos, parte do meio
<title> = titulo da página
Mesmo com pouco tempo de HTML5 o Internet Explorer não funciona no com HTML5. Para isso existe um hack.
- Código:
<!--[if IE]> <script type="text/javascript">
document.createElement("nav");
document.createElement("header");
document.createElement("figure");
document.createElement("footer");
</script>
<![endif] -->
Tags para otmizar o site
<figure> - usado para associar uma legenda a uma imagem, vídeo, arquivo de áudio, objeto ou iframe
- Código:
<figure id="figura01">
<img src="ronaldonocrintias.png"border="0" width="200" height="300"
/*em
img src o nome da imagem, width a largura e height a altura*/
</figure>
<canvas> - define os gráficos, geralmente pra 2D<br style="mso-special-character:line-break">
<audio> e <video> - colocar músicas ou vídeos no seu site, <br style="mso-special-character:line-break">
- Código:
<audio src="musiquinhaxata.mp3" autoplay="autoplay" loop="10000" /> <video src="omelhor.mov" width="500" height="400" />
<dialog> - define o dialogo ou uma conversa
<time> - define data e hora
<meter> - para representar medidas
Principal Tag
<!DOCTYPE>
Ela iniciará nosso código.
Exemplo:
- Código:
<!DOCTYPE html> <head> <title>Free HTML 5 Templates</title> <!--[if IE]> <script type="text/javascript"> document.createElement("nav"); document.createElement("header"); document.createElement("figure"); document.createElement("footer"); </script> <![endif] --> </head><figure id="figura01"><img src="ronaldonocrintias.png" border="0" width="200" height="300" </figure>
Pronto. Um pouco sobre HTML5 está ai, o resto voce vera com o decorrer do tempo quando for lançado totalmente. Muitos navegadores nao aceitam ainda.
Obrigado.
Créditos: Hashy ( desenvolver tutorial e postar)
T0E • 14.11.17 18:22
Karlee • 14.11.17 19:28
