Hola bienvenidos a la segunda parte de este curso de html soy Melvin Arauz del equipo de soluciones multimedia y blogs y recursos, hoy les enseñare las etiquetas y para que se utilizan, en el tutorial anterior les enseñe la estructura básica hoy lo vamos a volver a ver con mas detalles y vamos a conocer muchas etiquetas que nos van ayudar cuando ya estemos diseñando la plantilla web profesional que ya sera cuando estemos mas avanzados en este curso,
Etiquetas de html y para que Sirven:
Elementos Raíz
<html></html>: Representa la raíz del documento html, todos los demás elemento deben de ser descendientes de este.
Metadatos del documento html
<head></head>: Dentro de estas etiquetas va una colección de meta-datos acerca del documento, incluye enlaces, definiciones de scripts y hojas de estilos css.
<title></title>: Esta define el titulo del documento el cual se muestra en la barra de titulo navegador, solamente interpreta texto cualquier otra etiqueta no la interpreta.
<link >: Esta no se cierra con otra etiqueta final </link> porque esto no es necesario segun el estándar de html, se usa para enlazar JavaScript y css que están externos al documento que estamos diseñando.
<meta>: Define los meta datos que no pueden ser definidos usando otro elemento html.
<style></style>: Se utiliza para escribir css, dentro del mismo documento html sin enlazarlo externamente como una hoja de estilos.
Etiquetas para secciones
<body></body>: Representa el contenido principal de un documento, solo se puede utilizar una ves.
<section></section>: Define una sección de un documento.
<nav></nav>: Esta sección solamente contiene enlaces.
<article></article>: Define un contenido autónomo que podría existir independientemente del resto del contenido.
<aside></aside>: Define algunos contenidos vagamente relacionados con el resto del contenido de la pagina,
<h1></h1>,
<h2></h2>,
<h3></h3>,
<h4></h4>,
<h5></h5>,
<h6></h6>: Estos son seis niveles de encabezado de sección , h1 es el de sección mas alto y h6 el de seccion mas bajo.
<header></header>: Define la cabecera de una pagina o sección, usualmente contiene un logotipo, el titulo del sitio web y una tabla de navegación de contenidos.
<footer></footer>: Define el pie de una pagina, casi siempre contiene un mensaje de derechos de autoria.
Etiquetas para agrupar contenido
<p></p>: Esta define lo que es un párrafo dentro de la pagina.
<ol></ol>: Define una lista ordenada de artículos.
<ul></ul>: Esta define una lista desordenada.
<li></li>: Define una articulo dentro de una lista enumerada.
<div></div>: Representa un contenedor genérico sin ningún sin ningún significado especial.
Etiquetas para contenido incrustado
<img>: Esta representa una imagen.
<video></video>: Esta representa un vídeo.
<audio></audio>: Esta representa un audio o canción.
