2. ¿Cómo hacemos una página en
HTML5?
Al igual que las versiones anteriores de HTML,
podemos hacer una página en la nueva
versión desde cualquier procesador de texto
que genere archivos con extensión txt, es
decir, que tenga salida a texto plano.
3. ¿Cómo hacemos una página en
HTML5?
Por lo que podemos hacer páginas desde el
Bloq de Notas de Windows o el Simple Text
de Mac.
Sin embargo, hay excelentes codificadores de
HTML, como Dreamweaver (con costo) o
como Aptana (gratuito).
http://aptana.com/
4. ¿Cómo hacemos una página en
HTML5?
En el presente curso utilizaremos
Dreamweaver, pero usted podrá seguirnos
en cualquier editor.
Abra el editor de su preferencia y verifique
que no contenga ninguna instrucción. Si
utiliza Dreamweaver, entre en modo de
codigo y borre todo el contenido.
5. ¿Cómo hacemos una página en
HTML5?
Una de las caracteristicas favorables de
HTML5, es que es una herramienta más
sofisticada que las versiones anteriores,
pero simplifica muchas de sus etiquetas.
6. Por ejemplo, la etiqueta <!DOCTYPE>, la cual
especifica al navegador, el tipo de
documento, en xhtml es la siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml
1-transitional.dtd">
7. La etiqueta <!DOCTYPE> para HTML 4.01 es la
siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
8. ¿Cómo hacemos una página en
HTML5?
La etiqueta <!DOCTYPE> para HTML5
simplemente es:
<!DOCTYPE HTML>
9. ¿Cómo hacemos una página en
HTML5?
Después de escribir la etiqueta <!DOCTYPE>
escribimos las etiquetas <html>, <head> y
<body> como en las versiones anteriores de
HTML:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
</body>
</html>
10. ¿Cómo hacemos una página en
HTML5?
Otro cambio (simplificado) es la etiqueta
<meta> para indicar el conjunto de
caracteres que utilizaremos en la página.
<meta charset="utf-8">
Con estos elementos básicos, ya tenemos
nuestra primer página HTML5
11. ¿Cómo hacemos una página en
HTML5?
Escribimos la etiqueta <title> como se muestra
a continuación:
<title>Prueba pagina HTML5</title>
Grabamos la película como pruebaHTML5.html
y ejecute la página en el navegador de su
preferencia. Como observará se encuentra
sin ningún contenido.