HTML III: Listas y textos

En este curso aprenderemos a crear listas ordenadas, desordenadas y modificar algunos atributos de los textos (color de fondo, alineación...)

Primero creamos el documento html y añadimos un párrafo:

Muy importante tener todo bien identado para mejorar la visualización del código:

Para crear una lista ordenada se utiliza la etiqueta <ol> y cada elemento de la misma con <li>:

Un par de listas ordenadas:

Ahora listas desordenadas (<ul>):

Mezclando ambos tipos de listas:

Se pueden realizar comentarios como en cualquier lenguaje de programación empezando la línea del comentario con <!-- y terminando con -->

Para cambiar los atributos de un párrafo basta con escribir en su misma etiqueta (de inicio) style="atributo a cambiar: valor del atributo"

Cambiando el color y tamaño de fuente de algunos encabezados y párrafos:

Ahora el de elementos de listas:

El de un párrafo:

El de todo el cuerpo de la página:

Alineando elementos de listas:

Para poner un parte concreta de un texto en negrita se escribe entre las etiquetas <strong></strong>

Para cursiva entre <em></em>

Ahora vamos a crear nuestro propio perfil de redes sociales:

Agregamos un título a la página y una imagen:

Un poco de información personal:

Una lista para otra información como aficiones, trabajos o donde vivo:

Más listas dentro de los apartados anteriores para especificar más sobre nosotros:

Cambiamos el color de algunas letras para hacer el perfil más visual:

Y por último un poco de negrita y cursiva: