Etiquetas básicas de HTML Página 1

Cabeceras de texto <h1>

<h1>Título cabecera h1</h1>
<h2>Título cabecera h2</h2>
<h3>Título cabecera h3</h3>
<h4>Título cabecera h4</h4>
<h5>Título cabecera h5</h5>
<h6>Título cabecera h6</h6>

Etiqueta párrafo <p>

<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Sint delectus, fugiat saepe tempora omnis dolor.</p>

Cada ves que queramos crear

un párrafo nuevo tenemos que
utilizar la etiqueta <p> al
inicio y al final </p> del
bloque de texto para que el
navegador lo pueda
interpretar como un párrafo.
Etiquetas básicas de HTML Página 2

Etiqueta Lista Ordenada <ol>

Esta etiqueta la utilizamos para crear listas de numeración.
Donde <ol> viene a definir el tipo de lista, ya que dentro de ella se tienen que utilizar otras
etiquetas llamadas <li>, esta definen la cantidad de segmentos numerados de a lista.

<ol>
<li>Manzana</li>
<li>Pera</li>
<li>Sandía</li>
<li>Melón</li>
<li>Limón</li>
</ol>

Etiqueta Lista Desordenada <ul>

Esta etiqueta a diferencia de la anterior sustituye los números por viñetas.

<ul>
<li>Manzana</li>
<li>Pera</li>
<li>Sandía</li>
<li>Melón</li>
<li>Limón</li>
</ul>
Etiquetas básicas de HTML Página 3

Etiqueta imágen
Esta etiqueta permite insertar imágenes su modo de uso es muy facil, lo que necesitas es
tener una imagen en la misma carpeta del proyecto y colocarle un nombre para su posterior
utilización.

Fotografía en documento local, esta es la imagen que esta guardada en la misma carpeta.

<img src="flor-loto.jpeg" alt=“”>

Fotografía de documento externo, esta es la imagen que encontré en google y solo tomé la
dirección de ella.

<img src="https://s1.significados.com/foto/foto-kirushanthan-
krishnapillai-en-unsplash_bg.png" alt=“">
Etiquetas básicas de HTML Página 4

Etiqueta <a>
Esta etiqueta es utilizada para crear hipervinculos, los hipervinculos son las letras azules que
sueles ven en los resultados que vez cuando haces una búsqueda en google, recuerda estos
hipervinculos son los enlaces con otras paginas o documentos, cuando tu de das clic a una de
estos enlaces te muestra otra pagina con información.

Como podemos utilizar esta etiqueta, pues es muy sencillo de

hacerlos, solamente necesitas un texto para mostrar para poder
presionar o dar click con el raton, y colocar la dirección hacia
donde quieres que el enlace te mande cuando le des click, he aquí
un ejemplo de ello.

<a href=“flor-loto.jpeg”>flor de loto</a>

<a href="http://facebook.com">facebook</a>
Etiquetas básicas de HTML Página 5
Etiquetas básicas de HTML Página 6
Etiquetas básicas de HTML Página 7