Sei sulla pagina 1di 7

ORGENES DEL INTERNET.

Sus orgenes se remontan a la dcada de 1960, dentro de ARPA (hoy DARPA), Defense Advanced Research Projects
Agency (Agencia de Proyectos de Investigacin Avanzados de Defensa), como respuesta a la necesidad de esta
organizacin de buscar mejores maneras de usar los computadores.
Internet es un conjunto descentralizado de redes de comunicacin interconectadas que utilizan la familia de protocolos
TCP/IP, garantizando que las redes fsicas heterogneas que la componen funcionen como una red lgica nica, de alcance
mundial. Sus orgenes se remontan a 1969, cuando se estableci la primera conexin de computadoras, conocida como
ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.

TCP. Protocolo de Control de Transmisin (Protocolo de Control de Transmisin)


IP. Protocolo de Internet (Protocolo de Internet)
Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. En rutadas por las WWW.
HTML. HyperText Markup Language (Lenguaje de marcacin de Hipertexto)
HTTP. (HyperText Transfer Protocol), protocolo de transferencia de hipertexto Software

Uno de los servicios que ms xito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web" (Red informtica
mundial), hasta tal punto que es habitual la confusin entre ambos trminos. La WWW es un conjunto de protocolos que
permite, de forma sencilla, la consulta remota de archivos de hipertexto. sta fue un desarrollo posterior (1990) y utiliza
Internet como medio de transmisin.
Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el envo de correo electrnico
(SMTP), la transmisin de archivos (FTP y P2P), las conversaciones en lnea (IRC), la mensajera instantnea y presencia,
la transmisin de contenido y comunicacin multimedia -telefona (VoIP), televisin (IPTV)-, los boletines electrnicos
(NNTP), el acceso remoto a otros dispositivos (SSH y Telnet) o los juegos en lnea.

QUE ES RED?
Existen varias definiciones acerca de que es una red, algunas de las cuales son:
Conjunto de operaciones centralizadas o distribuidas, con el fin de compartir recursos "hardware y software".
Sistema de transmisin de datos que permite el intercambio de informacin entre ordenadores.
Conjunto de nodos "computador" conectados entre s.

TIPOS DE REDES.
Las redes LAN (Local Area Network, redes de rea local) son las redes que todos conocemos, es decir,
aquellas que se utilizan en nuestra empresa. Son redes pequeas.
Las redes WAN (Wide Area Network, redes de rea extensa) son redes punto a punto que interconectan
pases y continentes. Al tener que recorrer una gran distancia sus velocidades son menores que en las LAN
aunque son capaces de transportar una mayor cantidad de datos. El alcance es una gran rea geogrfica, como
por ejemplo: una ciudad o un continente.
Las redes MAN (Metropolitan Area Network, redes de rea metropolitana) , comprenden una ubicacin
geogrfica determinada "ciudad, municipio", y su distancia de cobertura es mayor de 4 Kmts.

Estructura de los documentos de HTML


Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrar el documento actual.
Contiene dos secciones primordiales: la cabecera y el cuerpo encerrados respectivamente por los elementos
<HEAD> cabeza y <BODY> cuerpo.
La cabecera puede contener informacin y siempre contiene el ttulo del documento encerrado por el elemento
<TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos, hipervnculos,
etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:

Ejemplo:
<HTML>
<HEAD>
<TITLE> Ttulo de mi pgina de Internet </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pgina </CENTER> </H1>
<HR>
Esta es mi primera pgina, aunque todava es muy sencilla. Como el lenguaje HTML no es difcil, pronto
estaremos en condiciones de hacer cosas ms interesantes.
<P> Aqu va un segundo prrafo.
</BODY>
</HTML>
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura
en comn. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrar el documento actual.
Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD>
cabeza y <BODY> cuerpo.
La cabecera puede contener informacin y siempre contiene el titulo del documento encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos, hipervnculos, etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:

Ejemplo:
<HTML>
<HEAD>
<TITLE> Ttulo de mi pgina de Internet </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pagina </CENTER> </H1>
<HR>

Esta es mi primera pagina, aunque todava es muy sencilla. Como el lenguaje HTML no es difcil, pronto estaremos en
condiciones de hacer cosas mas interesantes.
<P> Aqu va un segundo prrafo.
</BODY>
</HTML>

Para escribir ttulos se usa la etiqueta <Hx></Hx> en donde x es un nmero.


Ejemplo:
<h1>Titulo principal</h1>
<h2>Titulo secundario</h2>
<h3>Titulo terciario</h3>
<h4>Titulo cuarto nivel</h4>
<h5>Titulo quinto</h5>
<h6>Titulo sexto</h6>

Quedara mas o menos as:


Titulo principal
Titulo secundario
Titulo terciario
Titulo cuarto nivel
Titulo quinto
Titulo sexto

5. Etiquetas de prrafo

Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy til debido a que si uno escribe algo (en el editor que se
este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma lnea.
Para alinear un prrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de
tres formas diferentes:
<p align="left"> Prrafo... </p> Alinea a la izquierda.
<p align="center"> Prrafo... </p> Realiza un centrado.
<p align="right"> Prrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra lnea utilizamos el comando <BR>.
Al terminar de escribir un prrafo es conveniente y esttico utilizar el comando para separar un prrafo de otro que es <HR>

Etiquetas para darle formato al texto:


Para el tamao y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamao (Size), Tipo de letra
o fuente (face) y color

Formato:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma funcin que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con nfasis</EM> texto con nfasis
<CITE>citacin</CITE> citacin
<DFN>definicin</DFN> definicin
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamao de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.

Ejemplo:
<FONT> texto</FACE>
Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:
1. Mediante la especificacin de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores
Rojo/Verde/Azul)
2. Mediante la especificacin del nombre del color en ingles

Ejemplos:

<FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFFF


<FONT COLOR="BLACK">Negro</FONT> Negro #000000
<FONT COLOR="RED">Rojo</FONT> Rojo #FF0000
<FONT COLOR="GREEN">Verde</FONT> Verde #00FF00
<FONT COLOR="BLUE">Azul</FONT> Azul #0000FF
<FONT COLOR="YELLOW">Amarillo</FONT> Amarillo #FFFF00
<FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT> Magenta #FF00FF

Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De
esta manera trabajamos independientemente de los navegadores Web.
Si especificamos el nombre del color, podemos evitar la definicin del color en forma hexadecimal que es un poco ms
difcil. Actualmente estn estandarizados tan slo 16 colores. Existen colores adicionales los cuales son dependientes de los
navegadores Web.
Primero que todo debe escribir un smbolo #. A continuacin siguen las 6 cifras para la definicin del color. Las primeras 2
cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 ltimas el valor azul.

Las cifras hexadecimales son:


0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la pgina anterior)

Para ponerle color de fondo a la pgina escribir:


<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras pginas puede provocar problemas. Qu ocurra con los links o enlaces si
colocramos un fondo de color azul?. Puesto que los links son azules cuando todava no se han pulsado puede ocurrir que
no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.
Se puede imaginar todava un caso peor si decidiramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera
distinguir con claridad la informacin que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el
color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:

text="#nmero" Para el color del texto.


link="#nmero" Para el color de los enlaces.
vlink="#nmero" El color con que aparecern los enlaces ya visitados.
alink="#nmero" Color del enlace cuando lo pulsamos.

Por lo tanto la etiqueta <body> puede quedar del siguiente modo:


<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:
background="localizacin de la imagen" Esta etiqueta va dentro de la etiqueta <body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">

Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.
Etiquetas META
Son usadas para poner meta-informacin del documento. Esta "directiva" indica al visor de Internet las palabras clave y
contenido de nuestra pgina Web. Muchos de los buscadores de pginas Web de Internet (Yahoo, Lycos, etc...) utilizan el
contenido de esta directiva para incluir la pgina en sus bases de datos.

Ejemplo:
<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon">
Indica al visor el nombre de la pgina y sus contenidos principales.
<META NAME="Author" content="Pablo Ravioli">

Indica el nombre de la persona que elabora la pagina WEB


<META NAME = "keywords" content = "Informacin de Sailor Moon">

Indica al visor las palabras clave para los buscadores de Internet.


Para hacer listas:
Las listas se definen de forma muy sencilla: se dice dnde empieza la lista, dnde empieza cada punto y dnde acaba la
lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de lnea, o al menos sin texto por delante (slo
espacios o tabulaciones).

Las listas pueden ser: Lista desordenada, <UL> (Unordered List).


Lista ordenada, <OL> (Ordered List).
Ejemplos de diferentes tipos de listas:

Lista con nmeros romanos:


<ol>
<li type=I>Manzana
<li type=I>Zanahoria
<li type=I>Lechuga
<li type=I>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate

Lista numerada:
<ol>
<li>Manzana
<li>Zanahoria
<li>Lechuga
<li>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate

Lista con puntos:

<ul>
<li> Manzana
<li> Zanahoria
<li> Lechuga
<li>Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate

Lista con crculos:


<ul>
<li type=circle> Manzana
<li type=circle> Zanahoria
<li type=circle> Lechuga
<li type=circle> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate

Lista con cuadrados:


<ul>

<li type=square> Manzana


<li type=square> Zanahoria
<li type=square> Lechuga
<li type=square> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate

6. Como insertar una imagen

A la hora de crear una pgina Web podemos introducir grficos de forma muy sencilla, slo hay que tener en cuenta que las
imgenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imgenes a una pgina Web es <IMG> y va acompaada de un atributo fundamental
"SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.
Es decir:
<IMG SRC="lugar donde guardo la imagen">
Supongamos que tenemos la imagen dragonball.gif, que est presente en el mismo directorio en donde est la pgina y que
la queremos insertar. La etiqueta apropiada sera:
<IMG SRC="dragonball.gif">
Y el usuario ver en el browser:

Para poner la imagen en la izquierda escribir:


<IMG ALIGN=LEFT SRC=" dragonball.gif ">
A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif">
Y si se quiere poner la imagen en el centro:
<P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P>

Hiperenlaces, Hyperlinks, Anclas o Links


Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva
debe incluir el parmetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos
abrir con <a href="URL">, y despus cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aqu para visitar la
NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:
<a href="http://www.nasa.gov/">Pulse aqu para visitar a la NASA</a>

Que se vera de esta forma: Pulse aqu para visitar a la NASA


Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:
<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrir la imagen.gif.

Tambin se puede ir a otro enlace por medio de una imagen. Lo nico que se debe hacer es cambiar el texto por una
imagen:
<a href="http://www.altavista.com"><img src="Logo.jpg"></a>
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podra ser el logo
del Altavista) y se convierta en una "manito", al hacer clic nos enve al buscador Altavista.
Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:
<a href="mailto:pfravioli[arroba]fibertel.com.ar">Mandame un Email</a>
Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrir (por defecto) el Microsoft Outlook Express
con la direccin del destinatario ya escrita.

Caracteres especiales
Existe una razn evidente que impide que podamos escribir ciertos smbolos directamente en un texto HTML, como por
ejemplo el <: dichos smbolos tienen un significado en HTML, y es necesario diferenciar claramente cundo poseen ese
significado y cundo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica
el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo
escribiendo algo que no de lugar a confusin, en este caso &lt;. Los smbolos afectados por esta limitacin, y la forma de
escribirlos, se detallan a continuacin:

< (Menor que): &lt;


>(Mayor que): &gt;
& (smbolo de and, o ampersand): &amp;
" (comillas dobles): &quot;

Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner &lt;&quot;hola&quot;&gt;.
El otro caso especial se da cuando en un texto HTML se quiere escribir una ee, por ejemplo. Existe una forma fcil de
hacerlo, que consiste en utilizar cdigos como las que antes se presentaron para escribir ciertos smbolos. Los cdigos
comienzan siempre con el smbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carcter que
queremos que se escriba. Los cdigos necesarias en nuestro idioma son:

: &aacute;
: &eacute;
: &iacute;
: &oacute;
: &uacute;
: &Aacute;
: &Eacute;
: &Iacute;
: &Oacute;
: &Uacute;
: &uuml;
: &Uuml;
: &ntilde;
: &Ntilde;
: &#191;
: &#161;
?: &#63;
!: &#33;
@: &#64;

Por lo tanto la palabra pgina la podramos escribir como :


pgina
p&aacute;gina
Otro ejemplo: En qu ao estamos?
Sera: &#191En qu&eacute; a&ntilde;o estamos&#63;
Es por ello que si deseamos que cualquier visor de pginas Web pueda visualizar las letras acentuadas de nuestro
documento debemos utilizar sus correspondientes cdigos para representarlas.
Recuerden que las etiquetas se pueden escribir en maysculas o en minsculas, es lo mismo poner <HTML>, <html> o
<HtmL>.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos ponindole un nombre, y necesariamente lo
debemos guardar con la extensin .HTM o .HTML.
Para ir visualizando lo que hemos estado haciendo tendramos que abrir nuestro browser (Netscape o Internet Explorer),
hacemos click en la opcin FILE o ARCHIVO, estando all seleccionamos OPEN o ABRIR, le damos BROWSE o
EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrir nuestra
pagina.

7. Conclusin

Sin HTML no existira el Internet que hoy conocemos, si no se hubiera inventado, seguiramos con el aburrido FTP
(Protocolo de Transferencia de Ficheros) mandndonos o bajando archivos que a veces ni sabamos lo que eran, sin tener
la posibilidad de visualizarlo antes. Ahora por medio de una pgina llena de colores y botones por la cual se puede navegar,
se puede tener acceso a bastante informacin y archivos.
El lenguaje de HTML abri una puerta al mundo permitindole a las personas expresar sus ideas por medio de pginas y
mostrrselas a todas las personas de todos los pases.

Con el HTML se logr un gran movimiento econmico ya que muchsimas empresas publican, venden, y ofrecen sus
productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. Tambin gracias al HTML nacieron muchas
empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las pginas WEB ya que no solo te dan la posibilidad de pasar el tiempo
navegando, sino que tambin hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos
personales y el nmero de tarjeta de crdito y en ocho das lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la World Wide Web
estn hechas con el lenguaje de programacin HTML.

Leer ms: http://www.monografias.com/trabajos7/html/html.shtml#ixzz2cNkrpye5

Potrebbero piacerti anche