HTML5

HTML5

html5

 

Que es HTML5

  • HTML5 es un lenguaje markup(de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido para la web. Es uno de los aspectos fundamentales para el funcionamiento de los sitios, pero no es el primero. Es de hecho la quinta revisión del estándar que fue creado en 1990. A fines del año pasado, la W3C la recomendó para transformarse en el estándar a ser usado en el desarrollo de proyectos venideros. Por así decirlo, qué es HTML5 está relacionado también con la entrada en decadencia del viejo estándar HTML 4, que se combinaba con otros lenguajes para producir los sitios que podemos ver hoy en día. Con HTML5, tenemos otras posibilidades para explotar usando menos recursos. Con HTML5, también entra en desuso el formato XHTML, dado que ya no sería necesaria su implementación.

 

Estructura Básica de HTML5

<!DOCTYPE html>

//Etiqueta que identifica que el programa esta hecho en HTML5.

       <html lang=”es”>

//etiqueta de inicio y ponemos leguaje español

       <head></head>

   //etiqueta de cabecera donde es ponen otras etiquetas específicas

       <title>Titulo de la web</title>

// etiqueta donde ponemos el titulo

       <meta charset=”utf-8″ />

//etiqueta META, donde le decimos al navegador que tipo                de codificado es el documento html, de preferencia usemos el UTF-8 que acepta              nuestros acentos y ñ con mas compatibilidad.

     <link rel=”stylesheet” href=”estilos.css” />

//etiqueta para enlazar con un archivo css

    <link rel=”shortcut icon” href=”/favicon.ico” />

//etiqueta para para poner un favicon(logotipo en la página web)

 <link rel=”alternate” title=”Pozolería RSS” type=”application/rss+xml” href=”/feed.rss” />

// Un «Archivo RSS» o «Feed RSS»es un archivo generado por algunos sitios web (y por muchos weblogs) que contiene una versión específica de la información publicada en esa web.

<body>

//etiqueta del cuerpo del documento en ella se generan las zona visible de nuestra web

<header>

// HEADERes la cabecera donde va el nombre del sitio, el logotipo y descripción de la pagina web

<h1>Mi sitio web</h1>

// etiqueta para poner un titulo en tamaño grande

<p>Mi sitio web creado en html5</p>

// etiqueta para poner un parrafo o comentario

</header>

// Etiqueta de cierre de <header>

<section>

//se usa para representar un bloque de nuestra página que tiene valor semántico, es decir, que aporta un significado a la página.

<article>

// Esta etiqueta será usada para representar un contenido específico de nuestra web

<h2>Titulo de contenido<h2>

// etiqueta para escribir un titulo en tamaño mediano

<p> Contenido (ademas de imagenes, citas, videos etc.) </p>

// etiqueta para escribir un parrafo

</article>

// etiqueta de cierre de <article>

</section>

// etiqueta de cierre de <section>

<aside>

//representa una sección de una página representadas como barras laterales

<h3>Titulo de contenido</h3>

//etiqueta para poner titulo en tamaño pequeño

<p>contenido</p>

// etiqueta para poner parrafo o texto

</aside>

// etiqueta de cierre de <aside>

<footer>Creado por mi el 2011</footer>

// etiqueta de pie de página con escrito en su interior

</body>

// etiqueta de cierre de <body>

</html>

// etiqueta de cierre de <html>

<nav></nav>

// etiqueta para poner menú de navegación en página y etiqueta de cierre de nav

 

 

 

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s