lunes, 18 de marzo de 2019

Práctica de código HTML

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo

Ana María

Resultado de imagen de htmlAhora te traduciré lo que acabas de hacer en HTML, utilizando el símbolo / para escribir detrás del código y que el programa no lea ese texto explicativo.

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo
<br />              / sirve para añadir un cambio de renglón
<br />              / sirve para añadir un cambio de renglón
<b>                / abre la orden de escribir en negrita
Ana María           / es el texto que quiero escribir en negrita
</b>                / cierra la orden de escribir en negrita


Comienza en tu libreta un listado de la utilidad de cada orden que la profe va utilizando hoy en clase,el el mismo orden que lo vamos utilizando:

1º día: jugamos con los tipos de letra, tamaños, cursiva, subrayado, tachado, cambio de color a rojo, y cambio de color a lila.

2º día:
Hoy probaremos el efecto del color de fondo, el enlace a Internet, lista numerada, lista con viñetas...

- insertar color de fondo de texto: Ana María
Para abrir la orden <span style="background-color: yellow;"> Para cerrarla </span>

- insertar enlace de Internet: mi blog
<a href="https://tic4salinas.blogspot.com/">mi blog</a>
Para abrir la orden <a href="...nombre de la web.../">...texto que aparece escrito… Para cerrarla </a>

- insertar listas numeradas:
  1. Desenchufar la nevera.
  2. Vaciarla.
  3. Limpiarla.
  4. Llenarla de nuevo.
Para abrir la orden de que comience una lista numerada <ol>
Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas, para cerrarlo </li>
Para cerrar la lista de viñetas </ol>

- insertar listas con viñetas:
  • lentejas
  • manzanas
Para abrir la orden de que comience una lista <ul>
Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas, para cerrarlo </li>
Para cerrar la lista de viñetas </ul>

Práctica: realiza en un papel en blanco la programación del código html necesario para que aparezca en pantalla lo siguiente:

Lista de recados de mañana lunes 1 de abril:
  1. recoger botas en zapatero.
  1. comprar 2 bombillas led.
  2. hacer la compra en Lidl (https://www.lidl.es/es/index.html) abre de 9 a 21 horas.
    • sal
    • patatas
    • leche
    • pan integral

1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
13 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

No hay comentarios:

Publicar un comentario

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