Etiquetas HTML
Las etiquetas HTML son los elementos básicos que definen la estructura y el contenido de un documento HTML. Cada etiqueta se compone de un nombre de etiqueta encerrado en corchetes angulares < >. La mayoría de las etiquetas vienen en pares de apertura y cierre, aunque algunas son etiquetas auto-cerradas.
- Etiqueta de apertura:
<nombreEtiqueta> - Etiqueta de cierre:
</nombreEtiqueta> - Etiqueta auto-cerrada:
<nombreEtiqueta />
Ejemplos de etiquetas comunes:
Encabezados: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>sta estructura básica asegura que el documento HTML esté bien formado y sea fácil de mantener y ampliar.
<h1>Este es un encabezado de nivel 1</h1>
<h2>Este es un encabezado de nivel 2</h2>Párrafos: <p>
<p>Este es un párrafo de texto.</p>Enlaces: <a>
<a href="https://www.example.com">Visitar Example</a>Imágenes: <img />
<img src="imagen.jpg" alt="Descripción de la imagen" />Listas: <ul>, <ol>, <li>
<ul>
<li>Elemento de lista no ordenada</li>
<li>Otro elemento de lista</li>
</ul>
<ol>
<li>Elemento de lista ordenada</li>
<li>Otro elemento de lista</li>
</ol>Atributos HTML
Los atributos proporcionan información adicional sobre los elementos HTML. Se colocan dentro de la etiqueta de apertura y generalmente se componen de un nombre de atributo y un valor.
Sintaxis: <nombreEtiqueta nombreAtributo="valorAtributo">
Ejemplos de atributos comunes:
href (para enlaces):
<a href="https://www.example.com">Visitar Example</a>src y alt (para imágenes):
<img src="imagen.jpg" alt="Descripción de la imagen" />id y class (para identificación y estilos CSS):
<p id="parrafo1">Párrafo con un identificador único.</p>
<p class="clase1">Párrafo con una clase para estilos comunes.</p>style (para estilos en línea):
<p style="color: red; font-size: 20px;">Párrafo con estilos en línea.</p>title (para información adicional en tooltips):
<p title="Información adicional">Párrafo con un tooltip.</p>target (para enlaces que abren en una nueva pestaña):
<a href="https://www.example.com" target="_blank">Abrir en nueva pestaña</a>