jueves, 26 de marzo de 2020

Tarea 30-03-2020 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 html. 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, 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 y publica como borrador el artículo con título de la entrada "Lista de la compra e imagen con código HTML" y etiqueta: 5 Bloque - Programación en HTML

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.