Embed Size (px)
DESCRIPTION
Citation preview
¿Cómo hacemos una página en HTML5?
¿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.
¿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/
¿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.
¿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.
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/xhtml1-transitional.dtd">
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">
¿Cómo hacemos una página en HTML5?
La etiqueta <!DOCTYPE> para HTML5 simplemente es:
<!DOCTYPE HTML>
¿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>
¿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
¿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.
¿Cómo hacemos una página en HTML5?
Es una buena idea
