Curso Básico de html / Etiquetas (Parte 2)

- Si es de tu interés este artículo, apoyanos compartiendo en tus redes sociales favoritas y de esa manera también incentivando a tus amigos que crees les pueda interesar a que nos lean.

Curso Básico de html / Etiquetas (Parte 2)

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.