Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Curso Basico HTML2

    Cargado por

    Manuel Alejandro Tolaba Navarro
    5 vistas13 páginas

    Título original

    CursoBasicoHTML2

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas13 páginas

    Curso Basico HTML2

    Cargado por

    Manuel Alejandro Tolaba Navarro

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 13

    Construccin de una pgina Web.

    En primer lugar, debemos notar que el Lenguaje HTML consiste en una serie de etiquetas (tags), encerradas entre los smbolos < y >. Cada etiqueta realiza una tarea de formato diferente. Por ejemplo, si queremos que un texto aparezca centrado, escribiremos la etiqueta <CENTER> seguida por el texto que deseamos centrar, y cerrando la instruccin con la etiqueta </CENTER> Ejemplo: <CENTER> Mi primera lnea en html </CENTER>

    Estructura bsica de un documento HTML.


    Las etiquetas (tags) ms comunes en una pgina Web son las siguientes:

    Estructura bsica de un documento HTML.


    Es importante observar el orden en el cual se encuentran escritas las etiquetas. La etiqueta <HTML> marca el comienzo del documento, y como es lgico se requiere otra etiqueta para marcar el final del documento. La etiqueta que finaliza el documento es </HTML>.
    Una etiqueta da inicio a un conjunto de tareas, las cuales terminan cuando encuentran una etiqueta con el mismo nombre, pero precedida por el smbolo /.

    Estructura bsica de un documento HTML.

    Las etiquetas se pueden escribir indistintamente con maysculas o minsculas.

    Pasos para construir una pgina Web


    Paso 1
    El primer paso consiste en abrir un editor de texto. Una opcin 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 cdigo.

    Pasos para construir una pgina Web


    <HEAD> <TITLE> Claudio Gutirrez-Soto </TITLE> </HEAD> <BODY BGCOLOR=WHITE> <CENTER> <FONT SIZE=5> Claudio Gutirrez Soto </FONT> </CENTER> <P> <I> (cursiva) Soy docente del departamento de Ing. computacin </I> <BR> <B> (Negrita) de la Universidad de Magallanes </B> </BR> <CENTER><IMG SRC="foto.JPG"></CENTER> <BR> <A HREF="http://www.umag.cl"> UMAG </A> <BR> <A HREF=mailto:cjoelg@ona.fi.umag.cl"> Mi correo </A> </BR> </BODY> </HTML>

    Pasos para construir una pgina Web


    Paso 2.
    Pulse sobre la opcin de men Archivo y a continuacin en Guardar como... . Elija un directorio, asigne el nombre de archivo Prueba.html y pulse el botn Guardar

    Paso 3.
    En este paso desplegamos el contenido de la pgina HTML en un explorador, como por ejemplo Internet Explorer. O podemos acceder simplemente haciendo doble click sobre el archivo Prueba.html

    Comentarios al documento HTML


    Nota 1
    Entre las etiquetas <TITLE> Y </TITLE> introducimos el ttulo del documento. Este ttulo aparecer en la barra superior de la ventana cuando visualicemos la pgina 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 <BODY> de la siguiente forma: <BODY BGCOLOR=WHITE>

    Comentarios al documento HTML

    Si queremos hacer un punto y aparte utilizamos la etiqueta <P>. La etiqueta <BR> se emplea para avanzar a la siguiente lnea. Utilizamos la etiqueta <I> para resaltar un texto usando letra cursiva Si queremos texto en negrita, utilizamos la etiqueta <B>. Por defecto, los textos aparecen alineados a la izquierda. Para centrarlos utilizaremos la etiqueta <CENTER>...</CENTER>

    Comentarios al documento HTML


    Nota 4
    Los formatos grficos (imgenes) ms utilizados en la Web son GIF y JPG. Es necesario, por lo tanto, que las imgenes insertadas en el documento HTML estn en cualquiera de estos dos formatos Una imagen se inserta en el documento HTML utilizando la etiqueta <IMG SRC=...>. Los puntos de la imagen seguida por su extensin. Es conveniente que tanto el documento HTML como sus imgenes estn almacenadas en el mismo directorio.

    Comentarios al documento HTML


    Nota 5
    Para establecer enlace con otra pgina, utilice la siguiente etiqueta: <A HREF=http://www.umag.cl> Universidad de Magallanes </A> Tambin se puede utilizar los hipervnculos para transmitir un correo electrnico. Por ejemplo:

    <A HREF=mailto:cjoelg@ona.fi.umag.cl> cjoelg@ona.fi.umag.cl </A>

    Ejercicio
    Modifique el cdigo de manera que le quede la siguiente pgina

    Ejercicio

    También podría gustarte