¿Qué es una etiqueta en HTML?

Una etiqueta es una construcción de marcado que comienza con un símbolo < y termina con un símbolo > en un lenguaje construido. [1]

Los idiomas con restricciones de marcado se definen como idiomas de marcado

HTML es un lenguaje de marcado específico.

El HTML que inventó Tim estaba fuertemente basado en SGML (Lenguaje de marcado generalizado estándar), un método acordado internacionalmente
para marcar texto en unidades estructurales como párrafos, encabezados, elementos de lista, etc. [2]

Tim desarrolló el lenguaje HTML, una especie de lengua franca para compartir entre los científicos, acrónimo que significa lenguaje de marcado de hipertexto. parte de un lenguaje de marcado generalizado (GML), estandarizado.

SGML a pesar del nombre no es un lenguaje de marcado por derecho propio, sino que es un idioma utilizado para especificar idiomas de marcado. ,

Este hipertexto se proporciona y distribuye a las máquinas y a los humanos en etiquetas y elementos de etiqueta de @HTML [3], para proporcionar datos e información de manera estructurada. El lenguaje de la web, los datos, es hipertexto (enlaces y texto), estructurado con etiquetas.

Tal vez un poco bullicioso, pero espero que te ayude a tener claro el concepto, Megan

Notas al pie

[1] Etiquetas para identificar idiomas

[2] Capítulo 2

[3] Ejemplo de formato HTML de hipertexto

Las “etiquetas” en el contexto de Google Tag Manager, o cualquier otro administrador de etiquetas, son pequeños fragmentos de código (típicamente) de JavaScript que extienden la funcionalidad de su sitio web a través de otra aplicación en línea (webapp).

Google Analytics es un ejemplo común de una aplicación web que proporciona funcionalidad analítica a su sitio web.

Para que Google Analytics funcione con su sitio, debe instalar un fragmento de código en cada página de su sitio. Típicamente en el elemento de apertura < `, o antes del elemento de cierre` `.

Los administradores de etiquetas instalan un fragmento de código una vez en su sitio, y luego se conectan a cientos o miles de otras “etiquetas” como Google Analytics, en un intento de minimizar la cantidad de veces que necesita editar el código.

TL; DR
Cada documento HTML incluye etiquetas, rodea el contenido del documento, le aplica significado y le dice cómo se debe formatear el documento.

Explicación detallada:
Cuando el navegador procesa / procesa la página html antes de mostrarla al usuario. Necesita saber qué hacer con las diferentes partes o cómo mostrar las diferentes partes de la página. Esto es lo que definen las etiquetas, aplica significado al documento.

Ejemplo enemigo:

es una etiqueta de declaración de tipo de documento y le permite al navegador saber qué tipo de HTML está utilizando. HTML 5 en este caso.

etiquetas le dicen al navegador que cualquier cosa entre estas dos etiquetas debe considerarse como un documento HTML .

De manera similar, la etiqueta (ancla) le dice al navegador que necesita vincular a alguna otra fuente , que puede ser una página completamente diferente, una parte del mismo documento u otra fuente en la web.

Puede consultar los detalles de las etiquetas más comunes aquí Etiquetas HTML

Espero que ayude.

¿Ha cambiado esta pregunta? Las otras respuestas son muy diferentes a las mías.


(o


en XHTML) significa regla horizontal, aunque el W3C actualmente se refiere a ella como un “salto temático” que describe con mayor precisión su propósito.

Por lo general, lo usa para crear una línea horizontal como divisor visual entre áreas de contenido. Sin embargo, también indicará una división para aquellos que no verán la línea, como las personas que escuchan un sitio a través de un lector de pantalla para ciegos. Visualmente podría lograr un efecto similar al diseñar un borde debajo de un párrafo, pero las personas que usan lectores de pantalla no tendrían ninguna indicación de eso.

Puede aplicar estilo a la


de varias maneras, generalmente aplicando uno o más bordes. Incluso podría hacer que parezca una caja ancha, sin embargo, dado que es un elemento de cierre automático, no contendría contenido.

Los estilos simples para


dan algunos buenos ejemplos.

Referencias W3C:
4.5.2 El elemento hr

hr – pausa temática (CAMBIADO) – HTML5

La etiqueta le dice al navegador que este es un documento HTML. Etiquetas usadas en el lenguaje HTML. Cada etiqueta comienza con un abridor de etiquetas (un signo menor que) y termina con una etiqueta más cercana (un signo mayor que). Muchas etiquetas tienen etiquetas de cierre correspondientes que son idénticas, excepto por una barra oblicua después del abridor de etiquetas. (Por ejemplo, la etiqueta TITLE).

Algunas etiquetas toman parámetros, llamados atributos. Los atributos se dan después de la etiqueta, separados por espacios. Ciertos atributos tienen un efecto simplemente por su presencia, otros son seguidos por un signo igual y un valor. (Ver la etiqueta Anchor, por ejemplo). Los nombres de etiquetas y atributos no distinguen entre mayúsculas y minúsculas: pueden estar en minúsculas, mayúsculas o mayúsculas con exactamente el mismo significado. (En este documento, generalmente se representan en mayúsculas).

Una etiqueta es cualquier cosa que tenga <> . Y hay diferentes tipos de etiquetas.

Ejemplos:
Esta

se llama etiqueta de párrafo.
Este se llama etiqueta de anclaje.

Cada etiqueta tiene su uso como:

es para crear párrafos y agregar contenido.
es para crear hipervínculos que enviarán al usuario a otra página o a una página interna, etc.

Una regla que debe tener una etiqueta es una etiqueta de cierre y esto sucede agregando una barra diagonal inversa dentro de la etiqueta, es decir /

Ejemplos de etiquetas de cierre:
Esta

es la etiqueta de apertura para un párrafo. Esta

es una etiqueta de cierre para un párrafo.
Este es la etiqueta de apertura para configurar la fuente como negrita. Esta es la etiqueta de cierre para el límite de hacer que la fuente esté en negrita.

Al declarar las etiquetas de cierre, establece un límite de dónde debería tener efecto. Ejemplo:

My name is John Smith.


Tendrá una salida como la siguiente:
Me llamo John Smith

Algunas etiquetas se cierran automáticamente como,
o


o o , etc.

Más referencia sobre etiquetas:
Introducción a HTML

Supongo que estás preguntando sobre la etiqueta HTML …

Está allí para que el analizador (por ejemplo, un navegador) pueda pasar datos no HTML sobre el tipo de documento ANTES de que pase el HTML real. Los datos que no son HTML suelen ser la versión de HTML en el documento o cómo deben tratarse con respecto a la adhesión a los estándares.

Podríamos eliminarlo por completo, pero ¿dónde pondríamos esa información? El analizador debe saberlo antes de que comience el HTML o perderá tiempo almacenándolo sin saber qué hacer con él (lo cual está bien si no lo está analizando en tiempo real, pero en los navegadores esto solo está retrasando lo inevitable).

Definición y uso

La etiqueta le dice al navegador que este es un documento HTML.

La etiqueta representa la raíz de un documento HTML.

La etiqueta es el contenedor de todos los demás elementos HTML (excepto la etiqueta ).

Atributos globales

La etiqueta también admite los atributos globales en HTML.

Configuraciones CSS predeterminadas

La mayoría de los navegadores mostrarán el elemento con los siguientes valores predeterminados:

html {
bloqueo de pantalla;
}

html: focus {
esquema: ninguno;
}

Ejemplo

Un simple documento HTML5:




Título del documento


El contenido del documento ……

Soporte de navegador

  • Chrome: sí
  • Internet Explorer / Edge – Sí
  • Firefox: sí
  • Safari: sí
  • Opera – Si

Fuente: haga clic aquí .

Un código HTML que define cada estructura en una página HTML , incluida la colocación de texto e imágenes y enlaces de hipertexto. Las etiquetas HTML comienzan con el carácter menor que (<) y terminan con mayor que (>). Estos símbolos también se denominan “corchetes angulares”.

Para saber más visite Learnvern.

Los documentos HTML están formados por elementos HTML. Los elementos HTML se escriben con una etiqueta de inicio, una etiqueta de finalización, con el contenido en el medio. El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de finalización.

Tomado de: ¿Qué es un elemento HTML? El | WebDevAddict

Considere que tiene que mostrar su texto en HTML.

Ahora contendrá encabezados, párrafos, enlaces, imágenes, etc.

Para dar cuenta de todo esto, HTML usa etiquetas.

Para un encabezado: Soy HTML, use

Soy HTML

.

Vea, simplemente intente reemplazar h1 (s) con p para obtener el formato de párrafo.

PD: consulte las escuelas W3 para obtener una buena comprensión y los tipos de etiquetas HTML

Las etiquetas contienen elementos que proporcionan instrucciones sobre cómo se procesará o mostrará la información.

  1. Las cosas dentro de <> se llaman etiquetas .
  2. Las etiquetas casi siempre vienen en pares: una etiqueta de apertura y una etiqueta de cierre.
  3. Ejemplo de etiqueta de apertura:
  4. Ejemplo de etiqueta de cierre:

Puede pensar en las etiquetas como paréntesis: cada vez que abra una, debe cerrarla.

  • ¡Algún texto!
  • El texto se pone en negrita debido a la etiqueta b (negrita)

Etiqueta HTML

Agregaré las nuevas etiquetas HTML5 más importantes.

Etiqueta

Lo que es

Cuando usarlo

Ancla (más comúnmente un enlace)

Vital. Úselo para crear enlaces en el contenido. Utilice el atributo de título siempre que el contenido del par no describa con precisión lo que obtendrá al seleccionar el enlace. El atributo de título a menudo se muestra como información sobre herramientas en los navegadores visuales, lo que puede ser una ayuda útil para la usabilidad.

Define una abreviatura

Funciona de manera similar a y , utilizando un atributo de título (muestra información sobre herramientas en navegadores visuales estándar). por ejemplo, HTML

Define un acrónimo

Funciona de manera similar a y , utilizando un atributo de título (muestra información sobre herramientas en navegadores visuales estándar).

Se utiliza para marcar una dirección física (por ejemplo, correo postal)

No se usa comúnmente. Recomienda buscar microformatos, que permiten más detalles e interoperabilidad.

Inserta un applet de Java

La antigua forma de insertar una aplicación Java. Utilice en su lugar hoy.

Punto de acceso en el mapa de imagen

Evite los mapas de imágenes siempre que sea posible. Ocasionalmente necesario.

Especifica la ubicación base del documento.

Úselo solo cuando sea necesario. Ajusta los enlaces y rutas relativas dentro del documento.

Establece el tamaño de fuente predeterminado

Mostrar información: nunca la use

Texto más grande

Mostrar información: nunca la use

Hace que el texto parpadee

Te vas al infierno si usas esto

Gran bloque de texto citado

Úselo para cualquier texto citado que constituya uno o más párrafos (nota: también debe contener etiquetas

). Use para citas dentro de un párrafo. A menudo se usa junto con para citar la fuente de la cita.

Cuerpo del documento

Esencial (a menos que esté usando marcos)


Salto de línea

Esto es posiblemente información de visualización. Todavía en uso común, pero usar con moderación.

Texto en negrita

Mostrar información: nunca la use

Se usa para un botón estándar en el que se puede hacer clic dentro de un formulario

A menudo es mejor que o , ya que le permite asignar diferentes estilos basados ​​solo en el elemento HTML, mientras que diferenciar el estilo basado en el tipo de entrada es menos adecuado soportado.

Título de una tabla: describe el contenido de la tabla.

La forma correcta de asignar un título a una tabla

Bloque centrado

Mostrar información: nunca la use. Utilice

o alguna otra etiqueta de nivel de bloque con el estilo text-align: center en su lugar

Define una cita

Define el origen de una cita (junto con el contenido en pares o

).

Define un extracto de código

No se usa comúnmente. Similar a la etiqueta


, pero contrae espacios en blanco consecutivos y saltos de línea en la fuente.

Identifica una columna particular en una tabla.

Puede ser muy útil por ejemplo,

se puede aplicar a cada primera columna en una serie de tablas, luego el ancho de cada columna se puede configurar para que sea igual en la hoja de estilo, anulando la tendencia natural de la tabla a ajustar sus propios anchos de columna a se ajusta a su contenido.

Definición de un término

Funciona de manera similar a y , utilizando un atributo de título (muestra información sobre herramientas en navegadores visuales estándar).

Lista de directorios

Ahora en desuso. Utilice una

    estándar u otra lista en su lugar.

    División

    Especifica una división lógica dentro de un documento. Úselo para separar o identificar fragmentos de contenido que de otro modo no se distinguen naturalmente utilizando otras etiquetas.

    Una de las etiquetas HTML más comunes.

    Lista de definiciones

    Contiene uno o más pares de definición-término / definición-descripción.

    Término de definición

    Se utiliza como parte de un par

    dentro de una lista de definición (

    )

    Descripción de la definición

    Énfasis

    Comúnmente utilizado en lugar de la antigua etiqueta (cursiva) para indicar énfasis (pero menos que )

    Configuraciones de fuente

    Mostrar información: nunca la use

    Formulario de entrada

    Esencial para la entrada de datos.

    Encabezado de nivel 1

    Procure tener un H1 en cada página, que contenga una descripción de lo que trata la página.

    Encabezado de nivel 2

    Define una sección de la página.

    Encabezado de nivel 3

    Define una subsección de la página (siempre debe seguir un H2 en la jerarquía lógica)

    Encabezado de nivel 4

    Etc. Menos utilizado

    Encabezado de nivel 5

    Menos comúnmente usado. Solo los documentos académicos complejos se desglosarán a este nivel de detalle.

    Encabezado de nivel 6

    Menos comúnmente usado

    Cabeza del documento

    Esencial. Contiene información sobre una página que no constituye contenido para ser comunicado como parte de la página.


    Regla horizontal

    Mostrar información sin valor semántico: nunca la use. "Horizontal", por definición, es un atributo visual.

    Elemento central de cada página web.

    Mostrar una imagen

    Vital. Utilice siempre los atributos alt o longdesc cuando la imagen tenga valor de contenido

    Campos de entrada dentro de formularios

    Vital. (Prefiero usar para botones y enviar botones)

    Viejo tipo de entrada de búsqueda

    Realmente no se usa más. Use

    en su

    lugar.

    Texto en cursiva

    Mostrar información: nunca la use

    Entrada de teclado

    Mostrar información: nunca la use

    Define una relación con otro documento.

    Se usa comúnmente para hacer referencia a hojas de estilo externas, pero tiene otros usos menores

  • Elemento de la lista

    Especifica un elemento en una lista desordenada u ordenada (

      o

        )

        Mapa de imágenes del lado del cliente

        Puede tener un valor ocasional, pero solo usar cuando sea absolutamente necesario

        Hace que el texto se desplace por la pantalla

        Ver

        Lista de elementos del menú

        Obsoleto. No utilice. Utilice otros tipos de lista estándar en su lugar.

        Meta informacion

        Manera útil de insertar información relevante en la sección de la página que no necesita mostrarse.

          Lista ordenada

          Tipo de lista donde el orden de los elementos tiene algún significado. Generalmente se representa con números de artículo (mejor administrado con CSS).

          Opción de lista de selección

          Vital para las opciones dentro de un control desplegable.

          Parámetro para el applet de Java

          Se utiliza junto con una etiqueta o para pasar información de configuración adicional en tiempo de ejecución.

          
          

          Texto preformateado

          Representa el texto en un estilo preformateado, preservando los saltos de línea y todos los espacios presentes en la fuente. Puede ser útil. (Esta es una paradoja, ya que es estrictamente información de visualización que se aplica solo a la navegación visual, pero todavía es tan utilizada y útil que dudo en recomendar no usarla).

          Párrafo

          Solo se usa para denotar un párrafo de texto. Nunca lo use para espaciar solo.

          Cita corta

          Úselo para las citas en línea (mientras que

          debe usarse para las citas de un párrafo o más). A menudo se usa junto con para citar la fuente de la cita.

          Denota texto de salida de muestra

          Similar a la etiqueta . Raramente usado. Evitar.

          Script en línea (por ejemplo, JavaScript)

          Es mejor tener todos los scripts como archivos separados que escribir en línea o en la sección , sin embargo, todavía tiene sus usos.

          Lista de selección

          Un selector desplegable para un formulario.

          Texto más pequeño

          Mostrar información: nunca la use

          Un espacio en línea dentro del texto

          Se usa para aplicar significado (y estilo) a un espacio de texto que va con el flujo de contenido (mientras que una etiqueta

          es de nivel de bloque y rompe el flujo)

          Mostrar información: nunca la use

          Fuerte énfasis

          Use esto en lugar de la antigua etiqueta .

          Configuraciones de estilo CSS

          Normalmente se usa en la sección de una página. Intente usar hojas de estilo externas, para poder aplicar diferentes estilos para diferentes medios de salida.

          Texto del subíndice

          Se puede mostrar información: se recomienda usar etiquetas alternativas (p. Ej., ). Puede ser requerido en algunos usos académicos, por ejemplo, fórmulas químicas.

          Texto superíndice

          Mesa

          Úselo para datos repetidos que tienen una forma naturalmente tabular. Nunca lo use para fines de diseño.

          Celda de datos de tabla

          Una celda que contiene datos reales. Si una celda realmente contiene un descriptor o identificador para una fila o columna, use una etiqueta

          (encabezado de tabla), no una

          .

          Esto generalmente se aplica a los encabezados de columna (dentro de un

          ), a los pies de página de la columna (dentro de un

          ), así como a los encabezados de fila (generalmente la primera celda de una fila en el

          ).

          Área de entrada de texto de varias líneas en un formulario

          Esencial

          Columna de tabla o celda de encabezado de fila

          Puede aparecer en un

          (para denotar una celda de encabezado de columna),

          (para denotar un encabezado de fila) y en

          (para denotar una celda de pie de columna, por ejemplo, un total)

          Indica el cuerpo principal de una tabla de datos.

          Siempre vale la pena usar esta etiqueta, así como también usar

          y

          cuando sea apropiado.

          Tenga en cuenta que está permitido tener más de un

          ,

          y

          en la misma tabla.

          La sección principal de una mesa

          El lugar para colocar celdas de encabezado de columna (

          )

          La sección del pie de una mesa.

          Buen lugar para poner, por ejemplo, datos de resumen, como totales. Tenga en cuenta que va antes de la etiqueta

          !

          Titulo del documento

          Esencial

          Fila de la tabla

          Imprescindible con mesas

          "Teletipo" - simula la salida de la máquina de escribir

          Similar a

          , excepto que contrae el espacio en blanco como HTML normal (mientras que 
           deja intactos todos los espacios en blanco consecutivos).  Evitar si es posible 

            Lista desordenada

            Esencial. Úselo para listas donde el pedido o los artículos no tienen una importancia particular.

            Subrayar texto

            Mostrar información: nunca la use

            Variable en código de computadora

            Etiqueta oscura, solo puede ser útil en documentos académicos. Evitar.

            Una etiqueta es lo que compone HTML. Básicamente cuentan todo tipo de cosas, como listas, títulos, fuentes. Cuando se escribe un comando, también tiene uno final. Por ejemplo: , esto dice el nombre del sitio web en la parte superior de la página, pero solo se ejecutará si se usa una etiqueta final como . HTML es principalmente un lenguaje para crear sitios web y puede coincidir con Javascript, CSS o ambos.

            Las etiquetas HTML son las palabras clave ocultas dentro de una página web que definen cómo su navegador web debe formatear y mostrar el contenido. La mayoría de las etiquetas deben tener dos partes, una de apertura y otra de cierre. Por ejemplo, < html > es la etiqueta de apertura y html > es la etiqueta de cierre.

            Las etiquetas HTML son como huesos del sitio web. Al igual que nuestro cuerpo es inútil sin huesos, lo mismo ocurre con las etiquetas html.

            Sin etiquetas HTML, un sitio web es como un cuerpo sin huesos.

            Algunas etiquetas html importantes son: ,

            , , etc.

            Todas las etiquetas html tienen sus propias características únicas, como la etiqueta b se usa para poner en negrita el texto, u para subrayar.

            Puede obtener más información sobre las etiquetas html en línea.

            Espero que esto ayude 🙂

            Una etiqueta HTML se define comúnmente como un conjunto de caracteres que constituyen un comando formateado para una página web. En el núcleo de HTML, las etiquetas proporcionan las instrucciones o recetas para el contenido visual que se ve en la Web.

            Para saber más visite Learnvern.

            Las etiquetas HTML son las palabras clave que definen cómo un navegador formatea y muestra una página web. La mayoría de las etiquetas requieren 2 partes: una etiqueta de apertura y una etiqueta final. Por ejemplo, el cuerpo de una página web comienza con la etiqueta y termina con . Las etiquetas son los comandos de palabras clave que definen la estructura y el formato de una página web.

            Una etiqueta en HTML es un par de tokens que se pasan al intérprete en el navegador. Una etiqueta le dice al navegador “¡Oye, deberías mostrar una imagen aquí!”. Una etiqueta

            le dice al navegador “¡Hola, aquí hay un nuevo párrafo de texto!”. etc.