Marcado HTML

Junio 2017

HTML, un lenguaje de marcado

HTML no es un lenguaje de programación. Es un lenguaje que se utiliza para describir la disposición y el formato del contenido, escrito como texto simple.

Una página HTML es un archivo de texto básico que contiene etiquetas(a veces denominado marcador, o tags en inglés) para formatos específicos de texto, imágenes, etc. La utilización de estas etiquetas se llama lenguaje de marcado.

¿Cómo se usa el lenguaje de marcado HTML?

Una etiqueta es un elemento de texto (un nombre) flanqueado por el símbolo menor que (<) y el símbolo mayor que (>). Por ejemplo, "<H1>".


Las etiquetas HTML no reconocen mayúsculas y minúsculas, lo que significa que no importa si se escriben en letra mayúscula o minúscula.


Las etiquetas HTML operan en parejas y afectan el elemento al que enmarcan. La primera se llama etiqueta de apertura y la segunda, etiqueta de cierre. La etiqueta de cierre comienza con una barra inversa ( / ):

<etiqueta> Su texto formateado; </etiqueta>


Por ejemplo, las etiquetas <b> y </b> se usan para poner el texto entre ellas en negrilla:

<b> Este texto está en negrilla </b>



Algunas etiquetas HTML se utilizan solas: la etiqueta <br>, por ejemplo, representa un salto de línea.


Para mantenerse lo más cerca posible del estándar XHTML (mucho más estricto que el estándar HTML), se recomienda la siguiente notación: <br />.

Etiquetas de anidamiento

Las etiquetas HTML pueden anidarse jerárquicamente una dentro de otra para permitir que se apliquen múltiples propiedades al mismo texto. Pero el estándar HTML no tolera las superposiciones de etiquetas. Este es un ejemplo de texto formateado con etiquetas anidadas:

<i><u>Comment ça Marche</u>, the free IT encyclopedia</i>
El ejemplo precedente da el siguiente resultado:
<U>Comment ça Marche</U>, the free IT encyclopedia
Pero el ejemplo siguiente es incorrecto:
<i><u>Comment ça Marche</u>, the free IT encyclopedia</i>

Atributos

Un atributo es un elemento que se encuentra dentro de la etiqueta de apertura y que permite definir propiedades adicionales. Los atributos se muestran frecuentemente como una pareja clave=valor, pero algunos atributos pueden, a veces, definirse únicamente por su clave.

Este es un ejemplo de un atributo para una etiqueta <p> (que define un párrafo), especificando que el texto debe estar alineado a la derecha:

<p align="right">Párrafo ejemplo</p>


Cada etiqueta incluye uno o más atributos, cada uno con uno o varios valores, o incluso más.

Espacios, saltos de línea y tabuladores

El lenguaje HTML no considera espacios, tabuladores y saltos de línea, o más precisamente, considera que una cadena de uno o varios espacios/tabuladores/saltos de línea son espacios simples. Esto permite la identificación del código HTML para ser más legible, sin cambiar la forma en que la página HTML aparece en el navegador. La única excepción se da con los códigos contenidos dentro de etiquetas

, cuyo objetivo principal es justamente mantener el texto formateado (espacios, saltos de línea, etc.)


|-
|

| Nota: La única excepción se da con los códigos contenidos dentro
de las etiquetas <PRE>, cuyo objetivo principal es mantener el texto formateado (espacios, saltos de línea, etc..)
>


Las siguientes dos piezas de código HTML dan el mismo resultado:

Ejemplo_ de código
HTML


Ejemplo de código HTML


No obstante, HTML tiene modos de definir expresamente cada uno de estos elementos de disposición:

  • Espacio sin salto de línea: Un espacio que no puede romperse al final de la línea. Su codificación HTML es  .
  • Salto de línea manual: Un salto de línea explícito. Su codificación HTML es <br> (<br /> conforme con XHTML).




Nota: Las etiquetas <NOBR> </NOBR> hacen lo contrario, impidiendo que el navegador rompa una línea automáticamente.

Comentarios

Se puede agregar información a una página Web sin que sea visible en la pantalla mediante un conjunto de etiquetas llamadas etiquetas con comentarios.

<!-- Este es un comentario -->



Las etiquetas para comentarios se utilizan para realizar comentarios sobre un texto, pero también pueden usarse para comentar el propio código HTML.


Nota: Nota: La única excepción es el código contenido dentro de las etiquetas <PRE>, cuyo objetivo principal es mantener el texto formateado (espacios, saltos de línea, etc.).

Consulta también


Balise HTML
Balise HTML
Tag HTML
Tag HTML
As marcas HTML
As marcas HTML
Última actualización: 21 de octubre de 2016 a las 13:29 por Carlos-vialfa.
El documento «Marcado HTML» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.