Etiquetas básicas en HTML

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>

ejemplos h

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:
img y vid

  • 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.

    1. Elemento 1
    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:

listas

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 -->


Actividad

1. Crea un archivo HTML llamado index.html.
2. Copia este código en el archivo:

codigo

3. Abre el archivo con tu navegador y observa cómo se ve.

Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)