Está en la página 1de 12

El HTML5 (HyperText Markup Language) es

¿Qué es ? la quinta revisión del lenguaje de marcas de


hipertexto de la World Wide Web. Esta
nueva versión pretende remplazar al actual
(X)HTML.
VERSIONES HTML :
• HTML 2.0
• HTML 3.2
• HTML 4.0
2
• Actualmente es abusivo el uso de elementos DIV
para estructurar una web en bloques.
LAS • Asi mismo el empleo de tablas en exceso
INTENSIONES: generaba inconvenientes, ya sea para adaptar a
un dispositivo móvil.
• Este cambio en la semántica hace que la estructura
de la web sea más coherente y fácil de entender
por otras personas.
• Los navegadores podrán darle más importancia
a las secciones de la web, facilitándole la tarea
del posicionamiento SEO, así como cualquier
otra aplicación que interprete sitios web.
3
PRIMEROS
PASOS EN : 4
• Indicarle al navegador web que el documento que
está abriendo es un documento html. Para ello se
emplea la línea de código:

En esta versión el Doctype es mucho más


simplificado y compatible con HTML y
XHTML.

5
• Colocar la etiqueta <html></html> , allí podemos
adjuntar el tipo de lenguaje del contenido de la
pagina web :

El atributo lang especifica el idioma del contenido del


elemento.
Los ejemplos comunes son "en" para inglés, "es" para
español, "fr" para Francia y así sucesivamente.
6
• Colocar nuestra etiqueta de cabecera
<head></head> de HTML, allí podremos
adjuntar nuestras hojas de estilo (CSS3),
nuestro códigos de JavaScript (JS), librerías
externas como JQuery, entre otros.
El titulo de la pagina web con : <title> </title>.
Así mismo tendremos que indicar el lenguaje
alfabético en la que estará elaborada
nuestra pagina web.

• Finalmente crearemos el cuerpo de nuestra


página web. Lo codificamos como
<body></body> 7
8
• <article> Define un artículo.
• <aside> contenido lateral de una página.
Las Nuevas • <audio> Define contenido con sonido.
• <canvas> Usada para dibujar gráficos, por script,
Etiquetas en el aire. (con JavaScript)
• <details> Especifica en un input una lista pre definida
de opciones.
• <datalist> Especifica en un input una lista pre
definida de opciones
• <embed> Define un contenedor de una aplicación
externa (no-HTML).
• <figcaption> Define un título para una figura
<figure> elemento
• <figure> Especifica contenido auto-contenido
• <footer> Define un pie página en un documento o
sección 9
• <header> Define un encabezado para un documento
o sección.
• <hgroup> Grupo de encabezado (<h1> a <h6>)
Las Nuevas elemento.
Etiquetas • <keygen> Define un campo generador de par de
claves (para formularios).
• <mark> Define texto resaltado o marcado.
• <nav> Define un link de navegación.
• <section> Define una sección en un documento.
• <time> Define una fecha/hora.
• <video> Define un video o película.
• <wbr> Define un posible salto de línea.
• <svg></svg> Scalable Vector Graphics, etiqueta
para insertar dibujos y animaciones vectoriales. 10
Etiquetas
Básicas

11
Elemento eliminado Utilizar en su lugar

Elementos
eliminados

12

También podría gustarte