Etiquetas del html

Estructura básica del html

La estructura básica que mostramos a continuación es la estructura html que mínimo toda página debe tener:

!DOCTYPEHTML
html
head
metacharset= "UTF-8"
title Título de la página title
head
body
Aquí dentro va el cuerpo de nuestra página
Body
html

Etiquetas o tags (Head y footer)

Este tag nos ayuda a crear una cabecera para el cuerpo de nuestra página web, (los navegadores la toman muy en cuenta). La etiqueta (Head) es utilizada para darle una cabecera a los artículos, puedes darle una cabecera a los formularios o a cualquier otra cosa, claro, (tampoco es correcto inundar tu página web de estos tag).

Aquí mostramos algunos ejemplos en donde podrías utilizar esta etiqueta:

!DOCTYPEHTML
html
head
metacharset= "UTF-8"
title Título de la página title
head
body
header
div
Logo
div
nav
ul
li ahref="#" Inicio a li
li ahref="#" Categorías a li
li ahref="#" Acerca de a li
ul
nav
header
<!-- Aquí va el resto del código -->
section
article
header
La cabecera de nuestro artículo
header
footer
El pie de nuestro artículo
footer
article
section
Body
html

El pie de la página web es importante, por lo tanto, debemos ponerlo para poner los derechos reservados de dicha página. Como se pudo apreciar en el ejemplo anterior, los artículos también pueden tener su propio pie, la etiqueta small sirve para poner los derechos de la página. Para esto, vemos el pie de página en el siguiente ejemplo:

footer
small Derechos reservados por: Brandon Anthony small
footer

Así es como se manejan las etiquetas head y footer, la etiqueta head sirve para denominar la cabecera ne una página, artículo, navegación etc. En cambio la etiqueta Footer sirve para denominar el pie de algo, (aunque con frecuencia sólo se utiliza el Head y Footer para sólo denominar la cabecera y pie de la página).

Etiqueta (Section)

La etiqueta section nos sirve para agrupar las diferentes secciones de la página web, aunque en su mayoría se utiliza para agrupar sólo los artículos, ejemplo:

section
article
Artículo 1
article
article
Artículo 2
article
article
Artículo 3
article
section

De esta manera podemos separar los artículos de nuestra página de las demás cosas.

Etiqueta (Nav)

La etiqueta nav, como su nombre lo dice sirve para la navegación de una página web, sin enbargo, puede utilizarse en la barra de la del header o con las etiquetas ul, ese es el fin de la etiqueta nav.

header
div
Logo
div
nav
Navegación con urls
nav
header

Etiqueta (Aside)

Esta es una de las etiquetas la cual es mayormente relacionada con una barra lateral de contenido. Aquí es donde se colocan las distintas url y especifícaciones. Se utiliza para poner el índice de una página web, anuncios y demás, es un contenido secundario al artículo. Ejemplo:

section
<!-- Artículos -->
section
aside
<!-- En el aside ponemos información adiscional -->
nav
ul
li ahref="#" Mira aquí a li
li ahref="#" Más a li
li ahref="#" Herramientas a li
ul
nav
aside

De esta manera podemos crear una barra lateral de contenido para nuestro sitio o página web, desde luego hay infinidad de etiquetas, algunas obsoletas y otras más nuevas pero todo va de la mano, claro que no existe una forma única de estructurar una página web, este lenguaje de marcado de etiquetas te permite hechar a andar tu imaginación.

Hemos visto las etiquetas que una página web básica debería tener. Recordemos que estas etiquetas existen porque el navegador las toma completamente en cuenta, así que las debemos utilizar aunque moderadamente. Si te interesa este tema, puedes ir a mi página principal en donde vas a encontrar tutoriales de YouTube para aprender más de Html.

Observa los mejores precios que tenemos

Tienda

PurpleCode

Esta es tu página de confianza la cual permanece hasta ahora para enseñarte lo mejor posible, hacemos todo nuestro esfuerzo y estaremos aquí para ayudar.