TAREA 5.- HTML

el

¿Qué es y para qué sirve HTML?

HTML es el lenguaje que se emplea para páginas web. Está compuesto por una serie de etiquetas que el navegar interpreta y da forma en la pantalla.


HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.

Una estructura HTML se empieza con la etiqueta <html> y se acaba con  </html>. Todo lo que esté en medio será la página web. Dentro de <html> </html> podemos encontrar dos partes principales diferenciadas:

  1. La cabecera de la página: <head></head>. Aquí se incluirá cierta información que no es propiamente el contenido de la página; sino que incluirá el título de la página, los metadatos, estilos, código javascript. La primera que se suele estudiar es <title></title> que indica el título de la página (que generalmente se visualiza en la parte superior izquierda del navegador).
  2. El contenido de la página: <body></body>. Donde se incluirán los párrafos, fotos, formularios, etc.

Actividades

  1. Haz  una captura o varias capturas de pantalla del código de un página web que elijas y marca en ellas las etiquetas de <head></head>, <title></title> y <body></body>. Utiliza para ello un programa tipo Paint o Gimp y cuelga las imágenes en la entrada que dediques a esta tarea en tu blog.
  2. Utiliza la aplicación X-Ray Goggles y modifica el código de una página que elijas. Sube a la entrada de tu blog de esta tarea una captura de pantalla de la página original y de la modificada.
  3. Empleando uno de los siguientes editores de HTML: Cubic Factory o HTMLInstant, crea una sencilla página web que contenga: 
    • En el campo title: Tarea 5 y tu nombre
    • Un título o cabecera de la página en negrita
    • Un enlace
    • Una imagen
    • Una tabla
Para ello, busca en internet aquellas etiquetas de HTML que permitan realizar esas funciones. Una vez tengas el diseño en HTML generado, haz una captura de pantalla en la que se vea tanto el código HTML como la previsualización que muestran los editores y súbela a la entrada de tu blog de esta tarea.

Comentarios

Publicar un comentario