Post Top Ad

Your Ad Spot

domingo, 19 de abril de 2020

Etiquetas HTML

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 no cerradas.
Cuando un navegador web lee un documento HTML, el navegador 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 diferentes propiedades.
Un archivo HTML debe tener algunas etiquetas esenciales para que el navegador web pueda diferenciar entre un texto simple y un texto HTML. Puede usar tantas etiquetas como desee según su requisito de código.
  • Todas las etiquetas HTML deben estar encerradas entre <> estos corchetes.
  • Cada etiqueta en HTML realiza diferentes tareas.
  • Si ha utilizado una etiqueta abierta <tag>, debe usar una etiqueta de cierre </tag> (excepto algunas etiquetas)

Sintaxis

<tag> content </tag>

Ejemplos de etiquetas HTML

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

<p> Etiqueta de párrafo </p>

<h2> Etiqueta de encabezado </h2>

<b> Etiqueta en negrita </b>
<i> Etiqueta cursiva </i>
<u> Etiqueta de subrayado </u>
Pruébalo ahora

Etiquetas HTML no cerradas

Algunas etiquetas HTML no están cerradas, por ejemplo br y hr.
<br> Tag : br significa línea de corte, rompe la línea del código.
<hr> Etiqueta : hr significa Regla horizontal. Esta etiqueta se utiliza para poner una línea en la página web.

Metaetiquetas HTML

DOCTYPE, título, enlace, meta y estilo

Etiquetas de texto HTML

<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acrónimo>, <dirección>, <bdo >, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> y <br>

Etiquetas de enlace HTML

<a> y <base>

Imagen HTML y etiquetas de objeto

<img>, <area>, <map>, <param> y <object>

Etiquetas de lista HTML

<ul>, <ol>, <li>, <dl>, <dt> y <dd>

Etiquetas de tabla HTML

table, tr, td, th, tbody, thead, tfoot, col, colgroup y caption

Etiquetas de formulario HTML

formulario, entrada, área de texto, selección, opción, grupo de opciones, botón, etiqueta, conjunto de campos y leyenda

Etiquetas de secuencias de comandos HTML

guión y noscript

Nota: Veremos ejemplos usando estas etiquetas en cartas posteriores.

Lista de etiquetas HTML

A continuación se muestra la lista completa de etiquetas HTML con la descripción que se ordenan alfabéticamente.

Nota: Aquí Lista de etiquetas HTMLrepresenta elementos recientemente agregados en HTML5.

Etiquetas HTML por alfabetos

Z


Nombre de etiquetaDescripción
<! - ->Esta etiqueta se usa para aplicar comentarios en un documento HTML.
<! DOCTYPE>Esta etiqueta se usa para especificar la versión de HTML
UNA
<a>Se denomina etiqueta de anclaje y crea un hipervínculo o enlace.
<abbr>Define una abreviatura para una frase o palabra más larga.
<acrónimo>Define el acrónimo de una palabra. (No compatible en HTML5)
<dirección>Define la información de contacto del autor del artículo HTML.
<applet>Define un applet Java incrustado. (No compatible en HTML5)
<área>Define el área de un mapa de imagen.
<artículo>Lista de etiquetas HTMLDefine el contenido autónomo.
<aside>Lista de etiquetas HTMLDefine contenido aparte del contenido principal. Principalmente representado como barra lateral.
<audio>Lista de etiquetas HTMLSe utiliza para incrustar contenido de sonido en documentos HTML.
si
<b>Se usa para poner un texto en negrita.
<base>Esta etiqueta define la URL base para todas las URL relativas dentro del documento.
<basefont>Esta etiqueta se utiliza para establecer la fuente, el tamaño y el color predeterminados para todos los elementos del documento. (No compatible en HTML5)
<bdi>Lista de etiquetas HTMLEsta etiqueta se utiliza para proporcionar aislamiento para esa parte del texto que puede formatearse en diferentes direcciones de su texto circundante.
<bdo>Se utiliza para anular la dirección del texto actual.
<grande>Esta etiqueta se usa para hacer que el tamaño de fuente sea un nivel más grande que el contenido que lo rodea. (No compatible en HTML5)
<blockquote>Se utiliza para definir un contenido que se toma de otra fuente.
<cuerpo>Se utiliza para definir la sección del cuerpo de un documento HTML.
<br>Se utiliza para aplicar un salto de línea simple.
<botón>Se usa para representar un botón en el que se puede hacer clic
C
<canvas>Lista de etiquetas HTMLSe utiliza para proporcionar un espacio gráfico dentro de un documento web.
<caption>Se utiliza para definir un título para una tabla.
<centro>Se utiliza para alinear el contenido en el centro. (No compatible en HTML5)
<citar>Se utiliza para definir el título de la obra, libro, sitio web, etc.
<code>Se utiliza para mostrar una parte del código de programación en un documento HTML.
<col>Define una columna dentro de una tabla que representa las propiedades comunes de las columnas y se usa con el elemento <colgroup>.
<colgroup>Se utiliza para definir un grupo de columnas en una tabla.
re
<datos>Lista de etiquetas HTMLSe utiliza para vincular el contenido con la traducción legible por máquina.
<datalista>Lista de etiquetas HTMLSe utiliza para proporcionar una lista predefinida para la opción de entrada.
<dd>Se utiliza para proporcionar la definición / descripción de un término en la lista de descripción.
<del>Define un texto que se ha eliminado del documento.
<detalles>Lista de etiquetas HTMLDefine detalles adicionales que el usuario puede ver u ocultar.
<dfn>Se utiliza para indicar un término que se define dentro de una oración / frase.
<dialog>Lista de etiquetas HTMLDefine un cuadro de diálogo u otros componentes interactivos.
<dir>Se utiliza como contenedor para la lista de archivos del directorio. (No compatible en HTML5)
<div>Define una división o sección dentro del documento HTML.
<dl>Se demanda para definir una lista descriptiva.
<dt>Se utiliza para definir un término en la lista de descripción.
mi
<em>Se utiliza para enfatizar el contenido aplicado dentro de este elemento.
<embed>Lista de etiquetas HTMLSe utiliza como contenedor integrado para archivos / aplicaciones / medios externos, etc.
F
<fieldset>Se utiliza para agrupar elementos / etiquetas relacionados dentro de un formulario web.
<figcaption>Lista de etiquetas HTMLSe utiliza para agregar un título o explicación para el elemento <figure>.
<figura>Lista de etiquetas HTMLSe utiliza para definir el contenido autónomo, y en su mayoría se refiere como una sola unidad.
<font>Define la fuente, el tamaño, el color y la cara del contenido. (No compatible en HTML5)
<footer>Lista de etiquetas HTMLDefine la sección de pie de página de una página web.
<form>Se utiliza para definir un formulario HTML.
<frame>Define un área particular de la página web que puede contener otro archivo HTML. (No compatible en HTML5)
<frameset>Define el grupo de marcos. (No compatible en HTML5)
H
<h1> a <h6>Define encabezados para un documento HTML del nivel 1 al nivel 6.
<head>Define la sección de encabezado de un documento HTML.
<encabezado>Lista de etiquetas HTMLDefine el encabezado de una sección o página web.
<hr>Se utiliza para aplicar un salto temático entre elementos de nivel de párrafo.
<html>Representa la raíz de un documento HTML.
yo
<i>Se utiliza para representar un texto en alguna voz diferente.
<iframe>Define un marco en línea que puede incrustar otro contenido.
<img>Se utiliza para insertar una imagen dentro de un documento HTML.
<input>Define un campo de entrada dentro de un formulario HTML.
<ins>Representa el texto que se ha insertado dentro de un documento HTML.
<índice>Se utiliza para mostrar la cadena de búsqueda del documento actual. (No compatible en HTML5)
K
<kbd>Se utiliza para definir la entrada del teclado.
L
<etiqueta>Define una etiqueta de texto para el campo de entrada del formulario.
<leyenda>Define un título para el contenido de <fieldset>
<li>Se utiliza para representar elementos en la lista.
<enlace>Representa una relación entre el documento actual y un recurso externo.
METRO
<principal>Lista de etiquetas HTMLRepresenta el contenido principal de un documento HTML.
<mapa>Define un mapa de imagen con áreas activas.
<marca>Lista de etiquetas HTMLRepresenta un texto resaltado.
<marquee>Se utiliza para insertar el texto de desplazamiento o una imagen horizontal o verticalmente. (No compatible en HTML5)
<menú>Se utiliza para crear una lista de menú de comandos.
<meta>Define metadatos de un documento HTML.
<meter>Lista de etiquetas HTMLDefine la medición escalar con rango conocido o valor fraccional.
norte
<nav>Lista de etiquetas HTMLRepresenta la sección de la página para representar los enlaces de navegación.
<noframes>Proporciona contenido alternativo para representar en el navegador que no admite los elementos <frame>. (No compatible en HTML5)
<noscript>Proporciona un contenido alternativo si no se admite un tipo de script en el navegador.
O
<objeto>Se utiliza para incrustar un objeto en un archivo HTML.
<ol>Define una lista ordenada de artículos.
<optgroup>Se utiliza para agrupar las opciones de una lista desplegable.
<opción>Se utiliza para definir opciones o elementos en una lista desplegable.
<salida>Lista de etiquetas HTMLSe utiliza como elemento contenedor que puede mostrar el resultado de un cálculo.
PAG
<p>Representa un párrafo en un documento HTML.
<param>Define el parámetro para un elemento <object>
<imagen>Lista de etiquetas HTMLDefine más de un elemento fuente y un elemento de imagen.
<pre>Define texto preformateado en un documento HTML.
<progreso>Lista de etiquetas HTMLDefine el progreso de una tarea dentro del documento HTML.
Q
<q>Define una cita corta en línea.
R
<rp>Lista de etiquetas HTMLDefine un contenido alternativo si el navegador no admite anotaciones ruby.
<rt>Define explicaciones y pronunciaciones en anotaciones rubí.
<ruby>Se utiliza para representar anotaciones en rubí.
S
<s>Representa texto que ya no es correcto o relevante.
<samp>Se utiliza para representar la salida de muestra de un programa de computadora.
<script>Se utiliza para declarar el JavaScript dentro del documento HTML.
<sección>Lista de etiquetas HTMLDefine una sección genérica para un documento.
<seleccionar>Representa un control que proporciona un menú de opciones.
<pequeño>Se utiliza para hacer que la fuente de texto sea un tamaño más pequeño que el tamaño de fuente base del documento.
<source>>Lista de etiquetas HTMLDefine múltiples recursos de medios para diferentes elementos de medios como <picture>, <video> y <audio>.
<span>Se utiliza para diseñar y agrupar en línea.
<ataque>Se utiliza para hacer huelga a través del texto. (No compatible en HTML5)
<strong>Se utiliza para definir texto importante.
<style>Se utiliza para contener información de estilo para un documento HTML.
<sub>Define un texto que se muestra como un texto de subíndice.
<resumen>Lista de etiquetas HTMLDefine el resumen que se puede usar con la etiqueta <details>.
<sup>Define un texto que se representa como texto superíndice.
<svg>Se utiliza como contenedor de SVG (Gráficos vectoriales escalables).
T
<table>Se utiliza para presentar datos en forma de tabla o para crear una tabla dentro del documento HTML.
<cuerpo>Representa el contenido del cuerpo de una tabla HTML y se utiliza junto con <thead> y <tfoot>.
<td>Se utiliza para definir celdas de una tabla HTML que contiene datos de la tabla.
<plantilla>Se utiliza para contener el contenido del lado del cliente que no se mostrará en el momento de la carga de la página y puede mostrarse más tarde usando JavaScript.
<textarea>Se utiliza para definir entradas de líneas múltiples, como comentarios, comentarios y revisión, etc.
<tfoot>Define el contenido del pie de página de una tabla HTML.
<th>Define la celda principal de una tabla HTML.
<thead>Define el encabezado de una tabla HTML. Se usa junto con las etiquetas <tbody> y <tfoot>.
<hora>Lista de etiquetas HTMLSe utiliza para definir datos / tiempo dentro de un documento HTML.
<título>Define el título o el nombre de un documento HTML.
<tr>Define las celdas de fila en una tabla HTML
<track>Se utiliza para definir pistas de texto para elementos <audio> y <video>.
<tt>Se utiliza para definir texto de teletipo. (No compatible en HTML5)
U
<u>Se utiliza para representar texto adjunto con un subrayado.
<ul>Define una lista desordenada de elementos.
V
<var>Define el nombre de la variable utilizada en el contexto matemático o de programación.
<video>Lista de etiquetas HTMLSe utiliza para incrustar un contenido de video con un documento HTML
W
<wbr>Lista de etiquetas HTMLDefine una posición dentro del texto donde la línea de corte es posible.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas