Flux rss
Bookmark Favorito / Compartir
Tag HTML As balizas HTML  HTML-Tags Les balises HTML HTML Markup

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:
Comment ça Marche, 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.).


Última actualización el jueves, 16 de octubre de 2008, 15:43:30 .Este documento intitulado « Marcado HTML » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.
Ejemplos de marcos html (Resuelto) Hola, Necesito de ejemplos de marcos en HTML Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-4539-ejemplos-de-marcos-html
Marcos Introducción a los marcos Gracias a la tecnología de los marcos puede mostrar varias páginas HTML en diferentes áreas al mismo tiempo. Estas áreas se llaman marcos. Los marcos no se encuentran en las especificaciones de HTML 3.x, de modo que el... es.kioskea.net/contents/html/htmlframes.php3
Introducción a HTML Introducción a HTML HTML (HyperText Mark-Up Language) es lo que se conoce como "lenguaje de marcado", cuya función es preparar documentos escritos aplicando etiquetas de formato. Las etiquetas indican cómo se presenta el documento y cómo se vincula a... es.kioskea.net/contents/html/htmlintro.php3
Exportar automáticamente los marcadores en Firefox 3En relación a Firefox 2, Firefox 3 utiliza un Nuevo administrador de marcadores. Estos ya no son guardados en el archivo bookmarks.html (en el directorio de tu perfil Firefox), sino en una base de datos SQLite (places.sqlite). Si esto ha... es.kioskea.net/faq/sujet-1940-exportar-automaticamente-los-marcadores-en-firefox-3
Es posible ocultar el código fuente de una página HTMLMito Es posible ocultar el código fuente de una página HTML Realidad FALSO Explicación Todo navegador necesita acceder al código HTML para poder mostrar una página Web. Por lo tanto siempre habrá algún modo de obtenerlo. Los trucos más... es.kioskea.net/faq/sujet-1923-es-posible-ocultar-el-codigo-fuente-de-una-pagina-html
Javascript – Conocer la altura de un elemento HTMLSi deseas determinar la altura (height) de un bloque HTML en javascript, existen dos métodos para hacerlo dependiendo del navegador: element.offsetHeight element.style.pixelHeight Existe tambien otro método que permite determinar la altura de... es.kioskea.net/faq/sujet-2532-javascript-conocer-la-altura-de-un-elemento-html
CODIGO PARA SUBIR VIDEO EN HTML (Resuelto)Hola, Necesitaria algunos codigos para subir videos a mi pagina en html. Puede ser? Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-3180-codigo-para-subir-video-en-html
Videos para html (Resuelto)Hola, Necesito paar saber en html en hrtml Gracias Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-3464-videos-para-html
Tabulador Html (Resuelto)Hola, Alguien me puede ayudar a tabular en html. Espero una ayuda Saludos Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-1312-tabulador-html
Descargar PHP EditorPHP Editor es una herramienta perfecta para los programadores en lenguaje PHP, además puede ser utilizado para HTML, SQL, Java, JavaScript, C++, Python, etc. Con PHP Editor podrás trabajar con varios documentos al mismo tiempo, éste incorpora un... es.kioskea.net/telecharger/telecharger-303-php-editor
Descargar KompoZerKompoZer es un editor de páginas web, esta basado en otro editor NVU, los dos son de código abierto (Open Source), es un programa que trabaja en modo WYSIWYG. Para trabajar con KompoZer, no se necesita saber de código HTML, es decir, se puede... es.kioskea.net/telecharger/telecharger-188-kompozer
Descargar HTML TidyHTML Tidy es un programa que corrige y edita todo codigo HTML y posee una interfaz visual. Logra detectar y corregir; adiciona la barra “/” si no lo escribió, posiciona correctamente el “hr”, ordena tags mixtos, en general HTML Tidy optimiza tu... es.kioskea.net/telecharger/telecharger-327-html-tidy
La muerte de Michael Jackson marca un hito en internet, donde se dio la primiciaFans del cantante estadounidense Michael Jackson le rinden tributo en el centro de Londres este viernes 26 de junio de 2009, al día siguiente de su muerte. La muerte de la estrella de la música pop Michael Jackson marcó un hito para la era digital,... es.kioskea.net/actualites/la-muerte-de-michael-jackson-marca-un-hito-en-internet-donde-se-dio-la-primicia-11666-actualite.php3
Los auriculares de reproductores de MP3 podría afectar los marcapasosUn hombre escucha su MP3 a través de unos cascos el 13 de octubre de 2008 delante de la Comisión Europea. Los auriculares usados con los reproductores MP3 podrían crear interferencias con el funcionamiento de los marcapasos o desfibriladores... es.kioskea.net/actualites/los-auriculares-de-reproductores-de-mp3-podria-afectar-los-marcapasos-10937-actualite.php3
Los marcapasos corren riesgo de ser intervenidos por los 'hackers'Imagen de archivo de unos cirujanos realizando una operación a corazón abierto. Aparatos médicos como los marcapasos son vulnerables al ataque de los piratas informáticos o 'hackers', que podrían acceder a información privada sobre un paciente o... es.kioskea.net/actualites/los-marcapasos-corren-riesgo-de-ser-intervenidos-por-los-hackers-10164-actualite.php3
Encabezados en HTMLEncabezados HTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento: Etiqueta Efecto... es.kioskea.net/contents/html/htmltitres.php3
Párrafos en HTMLPárrafos HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBR estén explícitamente especificados. Dentro de un párrafo,... es.kioskea.net/contents/html/htmlparagraphes.php3
Listas en HTMLListas Una lista es un párrafo estructurado que contiene una serie de elementos. HTML define tres tipos de listas: Listas ordenadas; Listas no ordenadas; Listas de definiciones. Lista ordenada Contenedor Tipo de lista Efecto... es.kioskea.net/contents/html/htmllistes.php3