You are on page 1of 7

ACTIVIDAD DE LA GUIA#1 HTML: 1. SISTESIS: El mundo de hoy gira alrededor de internet.

Publicidad, juegos, redes sociales entre otros hacen parte del gran mundo ciberntico que nos rodea en todo momento. Esto es posible gracias a HTML, el lenguaje de programacin para diseo y estructuracin de la pginas web. y En esta plataforma de programacin encontramos diferentes versiones desarrolladas desde el inicio del internet en 1995 hasta nuestros das. La primera versin, la 2.0, se produjo precisamente cuando el internet surgi. Esta, a pesar de cumplir el objetivo para la cual fue creada, no tena las suficientes herramientas para el manejo completo de documentos en lnea, pues este no fue su propsito inicial. El IETF, para solucionar el problema, empez a desarrollar una ms actualizada plataforma de HTML, la versin 3.0. Debido a su complejidad fue difcil la aceptacin en el mercado lo que obligo a diferentes compaas de software a crear una nueva congregacin llamada W3C, quien empez a elaborar la versin 3.2, la cual, despus de su aprobacin en 1997 sali al mercado como la versin 4.0. y HTML, para resumir, es el lenguaje utilizado por los programadores para mostrar la informacin requerida a travs de internet a los usuarios. y El lenguaje se basa en etiquetas, las cuales son las caractersticas de texto a presentar. Estas se presentan entre los smbolos <>, en donde, por medio de instrucciones predeterminadas, se definen las caractersticas para el uso del lenguaje. El lenguaje no necesita de programas adicionales instalados en el computador, pues con un editor de texto sencillo se pude trabajar. y La estructura de una pagina web es bastante sencilla si la desglosamos en los bloques que hacen parte de la misma. El primer bloque para poder trabajar HTML es, precisamente el bloque <html>.Todas las etiquetas deben estar dentro de este bloque as: <html> ETIQUETA APERTURA HTML Cdigo </html> ETIQUETA CIERRE HTML El segundo bloque que se maneja la cabecera <head>. Se usa as: <html> ETIQUETA APERTURA HTML <head> ETIQUETA APERTURA CABECERA Cabecera </head> ETIQUETA CIERRE CABECERA y

2. 3. 4. 5. 6. 7. 8. 9.

10. 11. 12.

13. 14. 15. 16. 17. 18. 19. 20. 21.

22. 23. 24. 25. 26. 27.

Cdigo </html > ETIQUETA CIERRE HTML La estructura cabecera estar delimitada solamente al titulo, que pondremos entre la estructura <title>, con su respectiva estructura de cierre. La ubicaremos despus de la apertura de la cabecera y en un solo rengln. SI queremos poner mas informacin lo hacemos en el cuerpo del texto. Se denomina la etiqueta <body>, con su respectiva etiqueta de cierre. <html> ETIQUETA APERTURA HTML <head> ETIQUETA APERTURA CABECERA <title>SENA Virtual :)</title> </head> ETIQUETA CIERRE CABECERA <body> Un espacio de aprendizaje </body> </html > ETIQUETA CIERRE HTML Para introducir un prrafo usamos la etiqueta <p> y su respectivo cierre. Si queremos introducir un salto de lnea entre prrafos o frases usamos la etiqueta <br>, pero esta no tiene finalizacin. Las dos combinadas se usan as: <p> ETIQUETA APERTURA PARRAFO Hola, mi nombre es Erika y tengo 18 aos. <br> ETIQUETA SALTO DE LINEA </p> ETIQUETA CIERRE PARRAFO <p> Me gusta mucho pintar. </p>

2. PREGUNTAS: *Como se introduce un espacio vertical entre lneas? Usando la etiqueta <br>. Si pones varias seguidas no se mostrar ms espacio, pero esto puede solucionarse insertando entre las etiquetas la cadena . Por ejemplo para insertar tres lneas en blanco puede usarse: <br> &nbsp; <br> &nbsp; <br> &nbsp; El atributo align en la etiqueta <p> permite especificar la alineacin del prrafo.

*Qu se necesita para crear una pgina web? Pueden crearse con cualquier programa. No es necesario ningn programa especial, Gracias a ello se ha conseguido que se puedan crear pginas con cualquier ordenador y sistema operativo. El cdigo HTML, no es ms que texto y por tanto lo nico necesario para escribirlo es un editor de texto como el que acompaan a todos los sistemas operativos: edit. en MS-DOS, bock de notas en Windows, vi en UNIX, etc. Por supuesto estos no son los nicos editores de texto que pueden ser usados, sino cualquier otro. Para crear una pgina Web, solo necesitamos un editor de texto simple, como el bock de notas de Windows. Una vez hemos escrito el cdigo deberemos guardar el archivo (con formato de texto) con la extensin .HTML. *Cmo se insertan prrafos? En HTML para demarcar un prrafo se usa la etiqueta p, situndose la instruccin de inicio <p> al comienzo del prrafo y la instruccin de fin </p> tras la ltima frase. Entre ellas pueden insertarse tantos saltos de lnea como se deseen as como muchos otros elementos HTML

3. MAPA CONCEPTUAL:

HTML.
QU ES WWW? QU ES HTML? QU ES URL?

Es un conjunto de servicios basados en hipermedios, ofrecidos en todo el mundo a travs de Internet.

Es el lenguaje usado por los navegadores para mostrar las pginas webs al usuario, siendo hoy en da la interface ms extendida en la red.

VERCIONES:
EL World Wide Web (WWW) es un sistema interconectado de documentos de hipertexto que pueden ser accesados atravez de internet (por eso pones HTTP al principio), originalmente el WWW fue disenado para ser un repositorio del conocimiento humano, que permitiria a las personas de lugares lejano compartir sus ideas de un proyecto en comn.

HTML 2.0: establecido en noviembre del 95. HTML 3.0: result ser demasiado grande para la poca, lo que dificult su aceptacin en el mercado. HTML 3.2: inclua muchas de las mejoras que los principales navegadores (Netscape y Explorer) haban introducido en Internet, como son las tablas, los applets, etc... HTML 4.0: El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.

Es una secuencia de caracteres, de acuerdo a un formato estndar, que se usa para nombrar recursos, como documentos e imgenes en Internet, por su localizacin. El URL de un recurso de informacin es su direccin en internet, la cual permite que el navegador la encuentre y la muestre de forma adecuada. Por ello el URL combina el nombre del ordenador que proporciona la informacin, el directorio donde se encuentra, el nombre del fichero y el protocolo a usar para recuperar los datos.

URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso y se refiere a la direccin nica que identifica a una pgina web en Internet.

Un servidor es una computadora que, formando parte de una red, provee servicios a otras computadoras 1 denominadas clientes.

Navegador: Software que

permite al usuario recuperar y visualizar documentos de hipertexto desde servidores web a travs de Internet.

4. ETIQUETAS: *PARA TABLAS: Las etiquetas para tablas son <table> y la de cierre es </table>. *URL: Las etiquetas usadas para url's son las mismas que se usan para poner direcciones electrnicas e informacin del creador de la pagina, estas son <address> y la de cierre </address>.

*TITULOS: Las etiquetas usadas para los ttulos son dos: primero se debe usar la etiqueta <header> con su respectivo cierre </header> y dentro de este se debe poner el titulo entre la etiqueta <title>; es decir si el titulo es, por ejemplo, "Mi Pagina Web", se debe poner: <header> <title>Mi Pagina Web</title> </header> 5 . B L O C D E N O T A S : Utilizando los comandos vistos, realice en bloc de notas, la siguiente interfaz de usuario, a partir de lo mostrado en pantalla:

<html> <head> <title>La chistera - Humor y magia </title> </head> <body>

<br> <br> <br> <center> <img src="sombrero.gif"><h1>LA CHISTERA - Humor y magia </h1> </center> <br> <br> <h2>Quienes somos</h2> <p>La chistera es un grupo de artistas de magia, comedia y espectculo. Entre nosotros podrs encontrar humoristas, magos , showmen etc.</p> <p>Si usted y su empresa necesita crear un espectculo y no quiere quedar decepcionado no dude en escribirnos AHORA MISMO. Nuestra direccion es:</p> <p><center>chistera@chistera.es</center></p> <h2>Un ejemplo de nuestro repertorio</h2> <p>Cada dia le mostramos ejemplos distintos de nuestro amplisimo y novedoso repertorio de chistes:</p> aguja</p> <p>Era un tio tan gafe, tan gafe, que se sento en un pajar y se clavo una <p>Doctor, doctor, cuanto tiempo me queda de vida?<br>5... 4... 3... 2...</p> <h2>Enlaces a pginas relacionadas</h2> <a href = "www.areirsetoca.com">A Reirse Toca! Ja!Ja!Ja!</a> Si te aburres, estas deprimidos, o simplemente quieres reir y disfrutaras

de los ms de 110 chistes que tiene. Con posiblidad de enviar el tuyo!<br> <br> <a href = "www.feos.com">1er Concurso de feos por internet</a> 1er Concurso de feos por internet participa y gana tu premio<br> <br> <a href = "www.albert.com" >Albert Grau's Web</a> En esta pgina encontrars un listado de dichos populares, y las 50 cosas que se deberian mejorar la vida terricola de nuestro querido planeta Tierra<br> cambiar para <br> <hr></hr> <address>Pgina creada por el equipo de programacin Web de LA CHISTERA</address> <address>Ultima actualizacin: 32-12-1997</address> </body> </html>

You might also like