Curso de Html. ¿Que és una etiqueta de html?

Una etiqueta de html no es más que un símbolo o código que anteponemos al principio y al final del contenido que queremos aplicar formato para que se presente en la ventana del navegador o pantalla, de la forma determinada que hemos elegido. Su síntexis es la siguiente:

<ETIQUETA>CONTENIDO</ETIQUETA>

Como veis las etiquetas funcionan de dos en dos, con su entrada y cierre correspondiente. La etiqueta de cierre es idéntica a la de entrada, salvo por una pequeña pero muy importante diferencia, una barra inclinada ” / ” que anteponemos al nombre de la etiqueta. Ha esta síntesis básica, se la conoce con el nombre de Elemento. Hay dos tipos principales de elementos:

  • Block-level (Actuan en un bloque, párrafo, etc).
  • Inline-level (Actuan en la misma linea).

Los elementos en bloque o block-level, suelen utilizarse en párrafos, títulos, etc, para enmarcarlos y poder darles formato después. Generan o fuerzan un salto de linea anterior y posterior al contenido enmarcado o etiquetado. Los elementos h1, p , etc, son un buen ejemplo de elementos block-level.

Los elementos inline-level como su nombre en inglés indica, actuan en la misma linea donde se introducen, y no generan salto de linea, ni espacio en su contorno. Como ejemplo tenemos los elementos em ,cite, etc.

Un elemento block-level puede tener dentro del contenido que etiqueta o alberga, un elemento o varios elementos inline-level, sin embargo un elemento inline-level nunca puede contener dentro un elemento block-level.

Cuando abordemos los tipos de etiquetas y profundicemos en ellas con más detalle, se comprenderá mejor esta clasificación anterior.

Antes hemos dicho que las etiquetas suelen ir principalmente de dos en dos, sin embargo, hay algunas cuya síntesis es solo una etiqueta. Estas etiquetas suelen conocerse como etiquetas de autocierre y un buen ejemplo es la etiqueta: <br />, que nos permite insertar un salto de linea cuando precisemos. Como podeis comprobar en esta etiqueta hay un espacio entre la letra r y la barra invertida.

En la siguiente y posteriores entradas abordaremos los distintos tipos de etiquetas, clasificándolas según su función o uso que las podemos dar, de esta manera tendremos un acceso a ellas de forma fácil, cuando precisemos de ellas para nuestra web o blog.

A medida que avancemos en el curso, se incluirán mas ejemplos prácticos. Me parece muy aconsejable el dejar claro estos conceptos desde el principio, para evitar muchas dudas que iran surgiendo en el camino, y cuando eso ocurra, tendremos donde acudir para solventarlas.

Iré remarcando las partes que considere más importantes a tener en cuenta.

En la siguiente página entramos ya a la estructura básica que toda página web debe tener, para presentar contenido en los navegadores. Irán apareciendo etiquetas nuevas, que iré explicando, ya vereis como no es muy complicado de entender.

Esta web como la mayoria utiliza cookies para su correcto funcionamiento y para ofrecerte una mejor experiencia de navegación por el sitio. Si continúas navegando estas consintiendo el uso de las mismas. Puedes obtener más información sobre el uso de cookies y como desactivarlas en tu navegador accediendo a la página de la política de cookies:    Ver