Etiquetas y selectores
Etiqueta
Una etiqueta es una construcción
especial que se utiliza para definir y marcar elementos específicos en un
documento. Las etiquetas son parte fundamental de la sintaxis de HTML y se
utilizan para indicar al navegador web cómo debe interpretarse y mostrarse el
contenido en una página web. Cada etiqueta está compuesta por corchetes angulares
< y > y dentro tienen a un elemento que se llama "selector". Las etiquetas son denotadas por estos corchetes que encierran un conjunto de caracteres (palabras
o nombres específicos, en fin alfanuméricos) que indican qué tipo de elemento o estructura se está
utilizando en el documento web.
Por ejemplo, una etiqueta clásica
es <p> que denota la apertura de un párrafo y </p> es la etiqueta
de cierre que indica el final del párrafo.
<p>Este es un párrafo de
ejemplo.</p>
HTML se basa en un sistema de etiquetas o "marcado" que se insertan en un documento de texto para definir la estructura y el contenido de una página web. Estas etiquetas proporcionan instrucciones al navegador web sobre cómo mostrar el contenido.
Algunos ejemplos de etiquetas HTML comunes incluyen:
<!DOCTYPE html>: Se utiliza en un documento HTML para especificar la versión del estándar de HTML que se está utilizando.
<html>: La etiqueta raíz que envuelve todo el contenido de la página web.
<head>: Contiene metadatos y enlaces a recursos externos como hojas de estilo y scripts.
<title>: Define el título de la página que se muestra en la barra de título del navegador.
<meta>: Se utiliza para proporcionar metadatos adicionales, como la codificación de caracteres y la descripción de la página.
<link>: Se utiliza para vincular hojas de estilo externas a la página.
<style>: Se utiliza para agregar reglas de estilo CSS en línea en el documento HTML.
<script>: Permite agregar scripts de JavaScript u otros lenguajes de programación al documento.
<body>: Contiene el contenido visible de la página web, como texto, imágenes y otros elementos.
<h1>, <h2>, <h3>, ... <h6>: Encabezados de diferentes niveles, utilizados para estructurar el contenido en secciones y subsecciones.
<p>: Crea párrafos de texto.
<a>: Crea enlaces a otras páginas web o recursos.
<img>: Inserta imágenes en la página.
<ul> y <ol>: Crean listas sin viñetas (no ordenadas) y listas numeradas (ordenadas), respectivamente.
<li>: Define elementos de lista dentro de <ul> o <ol>.
<div>: Se utiliza para agrupar y estructurar elementos en bloques.
<span>: Se utiliza para aplicar estilos o scripts a partes de texto dentro de un elemento.
<table>, <tr>, <th>, <td>: Se utilizan para crear tablas y definir filas y celdas en una tabla.
<form>, <input>, <textarea>, <button>: Se utilizan para crear formularios interactivos que permiten a los usuarios ingresar datos.
<br>: Crea un salto de línea dentro de un párrafo o un elemento de texto.
<hr>: Inserta una línea horizontal para separar secciones del contenido.
<div>: Es una etiqueta HTML que se utiliza para crear un contenedor genérico o un bloque de división en una página web. No tiene un significado semántico específico por sí misma, pero es una herramienta fundamental para organizar y estructurar el contenido en una página web. Los <div> se utilizan comúnmente junto con CSS (Cascading Style Sheets) para aplicar estilos y diseños a grupos de elementos o secciones de una página web.
Es importante señalar que cuando se abre una etiqueta <selector> hay que cerrarla con la barra “/”, así: </selector>.
HTML es un lenguaje de marcado de hipertexto, lo que significa que permite la creación de enlaces y navegación entre diferentes partes de un documento o entre documentos relacionados. Junto con CSS (Cascading Style Sheets) y JavaScript, HTML forma la base de la mayoría de los sitios web modernos, permitiendo no solo estructurar el contenido sino también darle estilo y añadir interactividad.
Volver a Información general.
Comentarios
Publicar un comentario