Breaking

jueves, 27 de agosto de 2020

actividad 1 SENA - fundamentos de html

 Aplicación de Etiquetas Básicas de HTML.

En nuestra primera sesión sincrónica de Fundamentos en HTML conocimos la aplicación y uso de las etiquetas más básicas de este lenguaje de marca, con ellas pudimos diseñar una página web sencilla pero vistosa, no olvidando algunas reglas de diseño básicas.

descarga el archivo completo sin ninguna complicación abajo del articulo :), en caso que coincida con tu compromiso 👇

I. Ahora es el momento de que en esta primera actividad diseñes tu propia pagina aplicando las siguientes etiquetas, que aquí te recuerdo:

 <html> <head> <title> <body> <p> <center> <a> <strong> <b> <i> <u>

<br> <hr> <h1>...<h6> <img> <ol> <ul> <li></li> <marquee>





II. Haciendo uso de cada una de ellas, vas a diseñar tu primera pagina web, el tema es libre, es decir que, puedes crear una pagina con el tema que eligas o prefieras (Deportes, cine, musica, salud, comida saludable, peliculas, etc)

III. La pagina debe contener como minimo:

  • a. 5 Parrafos de texto con diferentes tañamos de fuente (aplica letra cursiva, negrita)
  • b. Aplicar un color de fondo a la pagina
  • c. Aplicar imagen de fondo a la pagina
  • d. Inserta 3 imágenes en el cuerpo de la pagina.
  • e. Inserta 3 enlaces o links que direccionen a diferentes paginas.
  • f. Inserta 2 videos de youtube.
  • g. Aplica texto en movimiento con la etiqueta <marquee>
  • h. Antes de enviar, comprime la carpeta de trabajo con la pagina e imágenes.

Etiquetas Básicas

  •  <html> </html> marco general
  •  <head> </head> para información sobre el documento  <title></title> para información sobre el documento
  • <body> </body> para el contenido
  •  <p> para parágrafos
  •  <center> centrar texto
  •  <div> división dentro del contenido
  •  <a> para enlaces
  •  <strong> <b> para poner el texto en negrita
  •  <i> cursiva
  •  <u> subrayada
  •  <br> para saltos de línea
  •  <hr> Linea
  •  <h1>...<h6> para títulos dentro del contenido
  •  <img> para añadir imágenes al documento
  •  <ol> para listas ordenadas, <ul> para lista desordenadas, <li></li> para elementos dentro de la lista
  • <marquee> para añadir marquesina
Respuesta del ejercicio



el Resultado seria este





No hay comentarios:

Publicar un comentario