Las etiquetas HTML son como palabras clave que definen cómo el navegador web formateará y mostrará el contenido. Con la ayuda de etiquetas, un navegador web puede distinguir entre un contenido HTML y un contenido simple. Las etiquetas HTML contienen tres partes principales: etiqueta de apertura, contenido y etiqueta de cierre. Pero algunas etiquetas HTML son etiquetas abiertas.

Cuando un navegador web lee un documento HTML, lo lee de arriba a abajo y de izquierda a derecha. Las etiquetas HTML se utilizan para crear documentos HTML y representar sus propiedades. Cada etiqueta HTML tiene propiedades diferentes.

Un archivo HTML debe tener algunas etiquetas esenciales para que el navegador web pueda diferenciar entre un texto simple y un texto HTML. Puede utilizar tantas etiquetas como desee según los requisitos de su código.

• Todas las etiquetas HTML deben estar entre corchetes.
• Cada etiqueta en HTML realiza diferentes tareas.
• Si ha usado una etiqueta abierta, entonces debe usar una etiqueta cerrada (excepto algunas etiquetas)

Sintaxis

contenido

Ejemplos de etiquetas HTML

Nota: Las etiquetas HTML siempre se escriben en letras minúsculas. Las etiquetas HTML básicas se detallan a continuación:

Etiqueta de párrafo

Etiqueta de encabezado

Etiqueta en negrita

Etiqueta en cursiva

Etiqueta subrayada

Etiquetas HTML abiertas

Algunas etiquetas HTML no están cerradas, por ejemplo br y hr.

Etiqueta: br significa romper línea, rompe la línea del código.

Metaetiquetas HTML

DOCTYPE, título, enlace, meta y estilo

Etiquetas de texto HTML

,

Nivel de encabezado 2

Nivel de encabezado 3

Nivel de encabezado 4

Nivel de título 5

Nivel de título 6

45.

---

:

Con la ayuda de esta etiqueta, podemos dividir la página web. Significa regla horizontal o ruptura de tema.

Sintaxis:

<hr>

46. :

Con la ayuda de esta etiqueta, todos los demás elementos quedan contenidos en ella. También se la conoce como raíz del elemento HTML.

Sintaxis:

47. :

Con la ayuda de esta etiqueta, podemos poner cualquier contenido en cursiva. Destaca un término, frase o término técnico importante.

Sintaxis:

 <i>Italicized Text</i> 

48.

Con la ayuda de esta etiqueta, podemos incrustar otra página HTML en la página web actual.

Sintaxis:

 <iframe src="url"></iframe>

49. :

Con la ayuda de esta etiqueta, podemos incrustar una imagen en la página web actual. Vincula una imagen a la imagen sin insertarla directamente en la página web.

Sintaxis:

50.

Con la ayuda de esta etiqueta, podemos habilitar el control interactivo en el formulario. También depende de los distintos campos del tipo de atributo.

hora de la cena versus la hora de la cena

Sintaxis:

51. :

Con la ayuda de esta etiqueta, podemos especificar el bloque del texto insertado. También significa que se ha agregado un rango particular de texto al documento.

Sintaxis:

Inserted Text

52. :

Con la ayuda de esta etiqueta, podemos hacer referencia a la parte textual del texto en línea que representa el teclado, la voz o cualquier otro dispositivo de entrada de texto del usuario.

Sintaxis:

Keyboard Input

53. :

Con la ayuda de esta etiqueta, podemos mejorar la usabilidad para los usuarios del mouse, es decir, al hacer clic en la etiqueta se alternará el control.

Sintaxis:

Label Text

54. :

Con la ayuda de esta etiqueta, podemos definir el título del contenido infantil. Las leyendas son el elemento padre de todos los elementos secundarios. Podemos definir estos elementos con la ayuda de .

Sintaxis:

 Fieldset Caption 

55.

:

Con la ayuda de esta etiqueta, podemos representar la lista de elementos de la página web. Contiene una lista ordenada (un menú desordenado o un menú) como elemento principal.

Sintaxis:

<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

56. :

Con la ayuda de esta etiqueta, podemos vincular recursos externos a la página web actual.

Sintaxis:

57. :

Con la ayuda de esta etiqueta, podemos hacer que un elemento ordinario sea el elemento más importante. Tenemos que escribir esta etiqueta dentro de la etiqueta.

Sintaxis:

58. :

Con la ayuda de esta etiqueta, podemos definir la imagen del mapa. El mapa de imágenes también tiene un área en la que se puede hacer clic.

Sintaxis:

59. :

Con la ayuda de esta etiqueta, podemos representar el texto resaltado, que se utilizará como referencia o notación. En función de la importancia del contenido, destacó el texto.

Sintaxis:

Highlighted Text

60. :

Con la ayuda de esta etiqueta podemos representar los metadatos del documento. Los metadatos contienen descripción de la página, palabras clave, derechos de autor, el idioma utilizado y el autor.

Sintaxis:

61. :

Con la ayuda de esta etiqueta, podemos representar las medidas dentro de un rango determinado o valores fraccionarios. También se le conoce como calibre.

Sintaxis:

Fallback Content

62. :

Con la ayuda de esta etiqueta podemos representar la sección de enlaces de navegación en un documento. Algunos ejemplos de etiquetas de navegación son menús, tablas de contenido, índices, etc.

Sintaxis:

63. :

Con la ayuda de esto, podemos proporcionar un script alternativo cuando el navegador del usuario no admite ese script en particular. También funciona cuando el navegador del usuario no admite secuencias de comandos del lado del cliente o no admite ningún lenguaje de secuencias de comandos.

Sintaxis:

64. :

Con la ayuda de esta etiqueta, podemos mostrar multimedia como audio, vídeos, imágenes, archivos PDF y Flash en páginas web.

Sintaxis:

65.

:

Esta etiqueta se utiliza para la creación de la lista ordenada. La lista ordenada puede ser numérica o alfabética. Dentro de

etiqueta, podemos crear la lista usando la
1. etiqueta. Luego seguirá el orden.

Sintaxis:

<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

66. :

Esta etiqueta se utiliza en la creación de la lista desplegable. Con la ayuda de esta etiqueta podemos definir el grupo de opciones.

Sintaxis:

 Option 1 Option 2 

67. :

Con la ayuda de esta etiqueta, podemos definir la opción en la lista desplegable usando la etiqueta.

Sintaxis:

 Option Text 

68. :

Con la ayuda de esta etiqueta podemos crear el contenedor para el elemento que inyecta el resultado del cálculo.

Sintaxis:

69. :

Con la ayuda de esta etiqueta, podemos definir la etiqueta de párrafo. Con la ayuda de una etiqueta de párrafo, podemos representar los medios visuales como bloques de texto separados de los bloques adyacentes por líneas en blanco o sangría de primera línea.

Sintaxis:

Paragraph text goes here.

70. :

Con la ayuda de esta etiqueta, podemos definir el parámetro de un objeto. Con la ayuda de esto, podemos pasar el parámetro para otro objeto incrustado.

Sintaxis:

71. :

Con la ayuda de esta etiqueta, podemos brindar flexibilidad a la página web especificando la imagen. También contiene etiquetas como y .

Sintaxis:

72.

:

Con la ayuda de esta etiqueta, podemos declarar el bloque de texto preformateado en la página web con el carácter preformateado, como espacios, saltos de línea, tabulaciones, etc.

Sintaxis:

El texto preformateado va aquí.

73. :

Con la ayuda de esta etiqueta, podemos mostrar la progresión de la tarea. Con la ayuda de esto, el desarrollador puede crear una barra de progreso en su página web.

programas de Python

Sintaxis:

74. :

Con la ayuda de esta etiqueta, podemos crear una cotización en línea en la página web. El texto está contenido entre comillas en la mayoría de los navegadores actuales.

Sintaxis:

Here is a short quotation within a sentence.

75. :

Con la ayuda de esta etiqueta, podemos usarla entre paréntesis alternativos cuando un navegador no admite anotaciones Ruby.

Sintaxis:

 Base text (Ruby text) 

76. :

Con la ayuda de esta etiqueta, podemos definir la pronunciación del carácter dentro de la anotación Ruby.

Sintaxis:

 Base text Ruby text 

77. :

Con la ayuda de esto, podemos definir la pronunciación de los caracteres del este de Asia y representar pequeñas anotaciones encima, debajo o al lado del texto base.

Sintaxis:

 Base text Ruby text 

78. :

Con la ayuda de esta etiqueta, podemos representar el texto tachado o con una línea. Podemos usar esta etiqueta cuando las cosas ya no son precisas o relevantes.

Sintaxis:

Struck-through text

79. :

Con la ayuda de esta etiqueta, podemos definir el resultado de muestra del programa de computadora. El contenido de esta etiqueta se muestra utilizando una fuente monoespaciada en el navegador.

Sintaxis:

Sample text or code goes here

80. :

Con la ayuda de esta etiqueta, podemos insertar el script del lado del cliente. También permite la inserción del script en la página web HTML.

Sintaxis:

81. :

Con la ayuda de esta etiqueta podemos crear el encabezado y pie de página o cualquier otra sección de la página web.

Sintaxis:

82. :

Con la ayuda de esta etiqueta, podemos definir la lista de opciones dentro de la lista.

Sintaxis:

 Option Text 

83. :

Con la ayuda de esta etiqueta, podemos reducir el tamaño de fuente en un tamaño menor que su tamaño base, por ejemplo, de grande a pequeño.

Sintaxis:

Small text goes here

84.

Con la ayuda de esta etiqueta, podemos vincular múltiples recursos multimedia como y,

Sintaxis:

85.

Con la ayuda de esta etiqueta podemos definir el contenido como muy importante. El navegador mostrará ese elemento en negrita.

Sintaxis:

 <strong>Emphasized text</strong> 

86.:

Es el elemento más genérico del HTML. Podemos aplicar el estilo agrupando los elementos.

Sintaxis:

<span>Text or content goes here</span>

87. :

Podemos proporcionar la información de estilo del documento con la ayuda de esta etiqueta.

Sintaxis:

 CSS rules go here 

88._:

Con la ayuda de esta etiqueta, podemos mostrar el elemento subíndice solo por motivos tipográficos.

Sintaxis:

<sub>Subscript text</sub>

89. :

Con la ayuda de esta etiqueta, podemos crear un cuadro con la ayuda de un elemento que contiene el resumen, título o leyenda. Cuando hacemos clic en el botón de resumen, realiza el estado abierto/cerrado del elemento principal *detalles>.

Sintaxis:

 Summary text 

90.^:

Con la ayuda de esta etiqueta, podemos mostrar cualquier texto como superíndice del elemento en línea.

Sintaxis:

<sup>Superscript text</sup>

91. :

Con la ayuda de esta etiqueta, podemos incrustar los gráficos SVG en la página web. Además, podemos definir los gráficos vectoriales en formato XML con la ayuda de esta etiqueta.

Sintaxis:

92.:

Con la ayuda de esta etiqueta, podemos definir los datos en formato tabular en HTML. Creará una tabla bidimensional que tiene algunas filas y columnas.

Sintaxis:

<table class="table"> </table>

93.:

Con la ayuda de esta etiqueta, podemos encapsular las filas de la tabla asociadas con el cuerpo de la tabla.

Sintaxis:

<table class="table"> <tbody> </tbody> </table>

94.:

Con la ayuda de esta etiqueta, podemos definir la celda de la tabla. Una fila de la tabla puede constar de más de unaelemento. La alineación predeterminada se deja en este elemento.

Sintaxis:

<tr> <td>Table cell content</td> </tr>