Tema: Cómo hacer una página web html

Trabajo práctico de Informática

Alumna: Daiana Alva

Profesor: Juan Carlos Puente

Curso: 5to “B” TT

Tema: Cómo hacer una página web html

Ciclo lectivo: 2017

1. Introducción

a) ¿Qué es html?: HTML (HyperText Markup Language) es un lenguaje que se emplea para el desarrollo de páginas de internet web mediante etiquetas o elementos.  Estas etiquetas son interpretadas por el navegador y luego lo presenta de forma visual para que podamos interactuar con él.

Con HTML podremos incluir dentro de nuestras páginas web texto, imágenes, enlaces, tablas, vídeos, música… Cualquier elemento que nos ayude a diseñar la página.

b) ¿Qué se necesita?: Para poder hacer una página html se necesita de una bloc de notas, donde vamos a escribir los códigos y un navegador donde éstos van a actuar.

Antes de comenzar con el tutorial, es necesario hablar sobre lo que más va a abarcar una estructura html; los elementos y etiquetas.

Los elementos proporcionan la estructura al documento HTML e indican al navegador cómo quieres que se presente tu sitio web. Por lo general, los elementos están formados por una etiqueta de inicio, el contenido, y una etiqueta de cierre…

¿Y a qué nos referimos con etiquetas? Son marcas que se usan para señalar el inicio y  el fin de un elemento. Todas comparten el mismo formato: empiezan con el signo menor que "<" y terminan con el signo mayor que ">".

Por lo general, hay dos tipos de etiquetas: las de inicio, por ejemplo, , y las etiquetas de cierre, por ejemplo, . La única diferencia entre estas es la barra "/". El contenido queda etiquetado al colocarlo entre una etiqueta de inicio y una etiqueta de cierre.

Ahora sí, a comenzar!

1. Desarrollo:

a) Lo primero que tienes que hacer es decirle al navegador que le "hablarás" usando el lenguaje HTML. Esto se consigue con la etiqueta . Así que antes de hacer cualquier otra cosa, escribe "" en la primera línea del documento creado con el Bloc de notas.

Como recordarás, es una etiqueta de inicio y tiene que cerrarse con su correspondiente etiqueta de cierre cuando hayas terminado de escribir el código HTML. Así que para no olvidar la etiqueta de cierre del elemento HTML escribe "" un par de líneas más abajo, y entre ambas etiquetas y escribe el resto del documento.

Lo siguiente que necesita el documento es una "cabecera", que proporcionará información relativa a este mismo documento, y un "cuerpo" donde se incluirá el contenido del documento. Puesto que HTML es de lo más lógico, la cabecera (es decir, las etiquetas y ) se encuentra encima del cuerpo (o sea, encima de las etiquetas y ).

El documento debería presentar ahora este aspecto, que sería la plantilla básica: *imagen de estructura principal xdxd *

Es recomendable estructurar el código HTML de una forma nítida, con saltos de línea y sangrados, para que puedas interpretar el código de forma más simple una vez terminado todo.

b) Como aprendiste anteriormente, todo documento HTML tiene dos partes: un encabezado y un cuerpo. En la sección del encabezado se incluye información sobre la propia página, mientras que el cuerpo contiene la información que constituye la página en sí…

Por ejemplo, si quieres poner a la página un título que aparecerá en la barra de títulos del navegador, deberías hacerlo en la sección del encabezado, es decir dentro de las etiquetas "body". El elemento que se usa para el título es center, o sea, escribe el título de la página entre la etiqueta de inicio

Cualquier cosa que quieras que aparezca en la página es contenido y debe, por la tanto, añadirse entre las etiquetas y . Para agregar párrafos se utiliza las etiquetas

y

Una vez terminado, lo siguiente que hay que hacer es guardarlo en el disco duro y luego abrirlo en el navegador:

. Dirígete en el bloc de notas a “Guardar como…” del menú “Archivo” que se encuentra debajo de la cabecera.

Primero, vas a tener que guardarlo como un archivo de texto, por lo tanto va a llevar seguido “.text” o “.txt” nombre que le pongas al documento. Luego, vas a tener que repetir el mismo paso pero esta vez con “.html” para hacer de la estructura una página web.

Una vez finalizado vas a tener dos archivos guardados: el bloc de notas donde obviamente se va a encontrar la estructura y una página web como documento donde se va a representar el código.

¡Listo! ¡Ya tenemos nuestra página html!

c) ¿Y ahora qué sigue? Bueno, claramente que hay gran variedad de elementos que se le pueden agregar a la página:

...