Etiquetas básicas en HTML
Encabezados
Sirven para títulos y subtítulos.
<h1>Título principal</h1>
<h2>Subtítulo</h2>
<h3>Encabezado más pequeño</h3>
Párrafos
Párrafos
Para escribir texto normal en la página.
<p>Este es un párrafo de ejemplo.</p>
Enlaces
Enlaces
Para añadir hipervínculos que te lleven a otras páginas.
<a href="https://www.google.com">Ir a Google</a>
Usa el atributo target="_blank" para abrir el enlace en una nueva pestaña:
<a href="https://www.google.com" target="_blank">Abrir Google en otra pestaña</a>
Imágenes, Videos
Imágenes
- Para insertar imágenes en la página.
<img src="https://via.placeholder.com/150" alt="Imagen de ejemplo">
Videos
- type: define el formato del video
<video controls>
<source src="video.mp4" type="video/mp4">
Tu navegador no soporta el video.
</video>
Ejemplo:
- width="500" height="300", sirve para darle resolución a la imagen y usarla con el tamaño que queramos.
Listas
LISTAS
Listas ordenadas numeradas.
-
- Elemento 1
-
- Elemento 2
<ol>
<li>Primer elemento</li>
<li>Segundo elemento</li>
</ol>
Listas desordenadas con viñetas.
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
</ul>
Ejemplo:
Nerita y Cursiva
Negrita y cursiva
: Negrita.
: Cursiva.
Ejemplo de uso:
<p>Este texto es <b>importante</b>.</p>
<p>Este texto está en <i>cursiva</i>.</p>
Comentarios
Comentarios en HTML
Documentan el propósito de partes del código.
Ayudan a "desactivar" temporalmente elementos sin eliminarlos, ya que estos no afectan el código.
Ejemplo:
<!-- Ejemplo de comentario en HTML -->