Construcción de una página Web.

1 Construcción de una página Web.En primer lugar, debemos...
Author: Bajardo Corpuz
0 downloads 2 Views

1 Construcción de una página Web.En primer lugar, debemos notar que el Lenguaje HTML consiste en una serie de etiquetas (tags), encerradas entre los símbolos < y >. Cada etiqueta realiza una tarea de formato diferente. Por ejemplo, si queremos que un texto aparezca centrado, escribiremos la etiqueta

seguida por el texto que deseamos centrar, y cerrando la instrucción con la etiqueta
Ejemplo:
Mi primera línea en html

2 Estructura básica de un documento HTML.Las etiquetas (tags) más comunes en una página Web son las siguientes:

3 Estructura básica de un documento HTML.Es importante observar el orden en el cual se encuentran escritas las etiquetas. La etiqueta marca el comienzo del documento, y como es lógico se requiere otra etiqueta para marcar el final del documento. La etiqueta que finaliza el documento es . Una etiqueta da inicio a un conjunto de tareas, las cuales terminan cuando encuentran una etiqueta con el mismo nombre, pero precedida por el símbolo /.

4 Estructura básica de un documento HTML.Las etiquetas se pueden escribir indistintamente con mayúsculas o minúsculas.

5 Pasos para construir una página WebEl primer paso consiste en abrir un editor de texto. Una opción sencilla es utilizar el bloc de notas de windows. Siga las secuencia: Haga click en Inicio| Programas| Accesorios | bloc de notas Abra un nuevo documento (Archivo|Nuevo) e introduzca el siguiente código.

6 Pasos para construir una página Web </span> <span class='tr'>Claudio Gutiérrez-Soto</span> <span class='tr'>

Claudio Gutiérrez Soto

(cursiva) Soy docente del departamento de Ing. computación
(Negrita) de la Universidad de Magallanes

UMAG

7 Pasos para construir una página WebPulse sobre la opción de menú Archivo y a continuación en Guardar como Elija un directorio, asigne el nombre de archivo Prueba.html y pulse el botón Guardar Paso 3. En este paso desplegamos el contenido de la página HTML en un explorador, como por ejemplo Internet Explorer. O podemos acceder simplemente haciendo doble click sobre el archivo Prueba.html

8 Comentarios al documento HTMLNota 1 Entre las etiquetas Y introducimos el título del documento. Este título aparecerá en la barra superior de la ventana cuando visualicemos la página usando un navegador. Nota 2 Por defecto, si no indicamos un color de fondo, aparecerá el blanco. Para cambiarlo, basta con indicarlo en la etiqueta inicial de la siguiente forma:

9 Comentarios al documento HTMLSi queremos hacer un punto y aparte utilizamos la etiqueta

. La etiqueta
se emplea para avanzar a la siguiente línea. Utilizamos la etiqueta para resaltar un texto usando letra cursiva Si queremos texto en negrita, utilizamos la etiqueta . Por defecto, los textos aparecen alineados a la izquierda. Para centrarlos utilizaremos la etiqueta

...

10 Comentarios al documento HTMLNota 4 Los formatos gráficos (imágenes) más utilizados en la Web son GIF y JPG. Es necesario, por lo tanto, que las imágenes insertadas en el documento HTML estén en cualquiera de estos dos formatos Una imagen se inserta en el documento HTML utilizando la etiqueta . Los puntos de la imagen seguida por su extensión. Es conveniente que tanto el documento HTML como sus imágenes estén almacenadas en el mismo directorio.

11 Comentarios al documento HTMLNota 5 Para establecer enlace con otra página, utilice la siguiente etiqueta: Universidad de Magallanes También se puede utilizar los hipervínculos para transmitir un correo electrónico. Por ejemplo:

12 Ejercicio Modifique el código de manera que le quede la siguiente página

13 Ejercicio