miércoles, 27 de marzo de 2019

Práctica 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:

Código HTML
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...

Código HTML
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. dejarla secar
  5. 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 cerrar el renglón </li>
Para cerrar la lista de viñetas </ol>

- insertar listas con viñetas:
  • lentejas
  • manzanas
  • arroz
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 cerrar el renglón </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.

  2. comprar 2 bombillas led.

  3. hacer la compra en Lidl (https://www.lidl.es/es/index.html) recordar que abre de 9 a 21 horas.
    • sal
    • patatas
    • leche
    • pan integral

No hay comentarios:

Publicar un comentario

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