FUNDAMENTOS BÁSICOS DE HTML5 - PARTE 4 - Etiquetas con formato - codeAb

Hola amigos lo que haremos hoy en este artículo es aprender las etiquetas con formato.

ETIQUETA CON FORMATO:
Algunas etiquetas de HTML5 nos devuelven un formato especifico entre ellos tenemos el

formato NEGRITA, CURSIVA, TACHADO, SUBRAYADO, SUPERÍNDICE, entre otros. Pero ojo HTML no es un lenguaje de estilos.

Vamos a conocer algunas de estas etiquetas.

 ----> Es una etiqueta que devuelve texto con formato negrita.
 ----> Es una etiqueta que devuelve texto con formato cursiva.
 ----> Es una etiqueta que devuelve texto con formato marcado o resaltado.
<del></del> ----> Es una etiqueta que devuelve texto con ~~formato tachado o eliminado~~.
<ins></ins> ----> Es una etiqueta que devuelve texto con formato subrayado.
 ----> Devuelve texto con con base(YA LO VEREMOS EN EL EJEMPLO).
 ----> Devuelve texto con con exponente(YA LO VEREMOS EN EL EJEMPLO).
 ----> Es una etiqueta también devuelve texto en negrita .
 ----> Esta etiqueta hace referencia a énfasis

De todas estas etiquetas algunas ya no se usan, estas se dejaron de usar ya que ahora algunos de estos formatos de textos se le puede hacer con CSS.

DIFERENCIA ENTRE ETIQUETA Y 

Entre estas etiquetas no hay diferencia visual pero si hay diferencia semántica, la etiqueta solo te devuelve un formato, la etiqueta significa un texto fuerte o un texto importante.

DIFERENCIA ENTRE ETIQUETA Y 

Entre estas etiquetas visualmente también te devuelven lo mismo pero sistemáticamente no son lo mismo, la etiqueta solo te devuelve un texto con formato cursiva, mientras que la etiqueta un texto en énfasis un texto que sobresale de los demás.

Para aprovechar este tema también aprenderemos las etiquetas de Listas.

Existen dos tipos de listas en HTML5 y para añadir listas en html se usan 3 etiquetas una etiqueta para cada tipo de lista y la otra es para definir los elementos dentro de la lista .

LISTAS ORDENADAS: Se caracterizan por llevar números sucesivos delante de cada elemento para ello se usa la etiqueta <ol></ol>

LISTAS DESORDENADAS: estas solo llevan una viñeta delante de cada elemento, para esta lista se usa la etiqueta <ul>.</ul>

Códigos:
Primera Imagen: ETIQUETAS CON FORMATO

<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<h1>ETIQUETAS CON FORMATO</h1>

Hola yo soy negrita 
Hola yo soy cursiva o italic 
yo estoy Resaltado 
<del>Yo estoy tachado</del> 
<ins>Estoy Subrayado</ins> 
23 
54 
FUERTE 
RESALTAR
</body>
</html>

Segunda Imagen: LISTAS

<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<h1>LISTA ORDENADA</h1>
<ol>
<li>Pato</li>
<li>Perro</li>
<li>Oso</li>
<li>Silla</li>
<li>Pluma</li>
</ol>

<h1>LISTA DESORDENADA</h1>
<ul>
<li>Manzana</li>
<li>Kiwi</li>
<li>Naranja</li>
<li>Melón</li>
</ul>
</body>

</html>