HTML - 2ª Parte - Texto sencillo e imagen usando código html

Cuando publicamos un artículo en un blog y usamos los iconos superiores, en ocasiones se autoescribe códico innecesario, por eso los programadores prefieren teclear ellos personalmente las instrucciones.

Ya sabes que los bogs están escritos en código de programación HTML. También sabes copiar código y pegarlo, pero quizá no lo entiendas aún. Las instrucciones más básicas son:

• <br /> para cambiar de renglón
• <i>Así es como se pone un texto en cursiva</i>
• <b>Así es como se pone un texto en negrita</b>
• <u>Así es como se pone un texto con subrayado</u> 
• <ul> para iniciar un listado como éste con viñetas (el puntito inicial)</ul>
• <li> para iniciar un nuevo renglón en un listado con viñeta</li>

Si queremos pegar la imagen desde una dirección web, tenemos que usar
<img src="dirección de la página">

Por ejemplo:
<img src="https://www.blogger.com/img/blogger-logotype-color-black-1x.png">


Tarea de hoy:

- Prueba a hacer una lista de la compra con al menos 5 productos, en un artículo de tu blog, con título "Lista de la compra" en negrita cursiva y subrayado, con la pestaña "HTML"  activada (en el menú superior a la derecha) y pegar una imagen que venga al caso, con su dirección de internet según el ejemplo que te acabo de explicar, sin utilizar en ningún momento la pestaña "Redactar".

- Realiza una captura de lo que has tecleado.

- Pasa a la pestaña "Redactar" para ver cómo se vería en el blog y realiza otra captura de la pantalla.

- Mándame las dos capturas en un correo electrónico (a mi correo institucional, no al otro) y publica como borrador el artículo en tu blog, con título de la entrada "Lista de la compra e imagen con código HTML" y etiqueta: 5 Bloque - Programación en HTML.


P.D. Si no te contesto a tu mensaje de entrega de tarea (esta tarea o cualquiera de las anteriores), es que no la he recibido, lo digo por si hay alguien mandando cosas a alguna dirección de correo que no es la mía.