Foro de elhacker.net

Informática => Tutoriales - Documentación => Mensaje iniciado por: Creature en 25 Marzo 2003, 05:23 am



Título: Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 25 Marzo 2003, 05:23 am
Dedicale un poco de tiempo al HTML y veras como lo aprendes completo y sin dificultades.


Antes de Empezar


Recomendaciones

Para realizar tu pagina Web necesitas en principio un editor de textos para escribir los ficheros que la compondran.

Simplemente usando el NOTEPAD de Windows o el EDIT del MS-DOS puedes realizar tus páginas Web, ya que una pagina Web es simplemente un texto alque se le añaden diferentes plabras clave (directivas) con el objeto de indicar diferentes propiedades. De cualquier manera existen editores específicos para realizar paginas Web. Dichos editores permiten por medio de menus e iconos incluir directivas de HTML sin necesidad de teclearlas. Es decir, para poner un texto en cursiva en una pagina Web deberiamos escribir la instrucción:<I>Texto</I>


En un editor de Html, simplemente marcaríamos el texto con el raton y pulsariamos el icono de cursiva, el editor de encargaria de poner automaticamente las directivas <I></I>.

Existen muchos y muy variados editores de HTML, puedes bajar a tu ordenador alguno de ellos desde la pagina Web de Solo Windows'95.Cuando escribas tu paginas Web te recomiendo que todos los links, nombres de graficos, etc.. los consignes en letra minúscula ya que la mayoria de los servidores Web distinguen entre mayusculas y minusculas. Es decir, las directivas :
<IMG SRC="dibujo.gif">
<IMG SRC="Dibujo.Gif">
hacen referencia a ficheros distintos, aunque en tu disco duro haran referencia al mismo fichero, ya que Windows no distingue entre mayusculas y minusculas. Asi que procura escribir correctamente estos nombres.



Publicar tu web

Una vez tengas tus paginas listas para ser publicadas en Internet, necesitaras un servidor de paginas Web donde alojarlas. Un servidor Web es un ordenador que esta permanentemente conectado a Internet, por lo que situando nuestras paginas en el, estas seran accesibles a todo el mundo. Generalmente los proveedores de Internet ofrecen a sus clientes espacios Web gratuitos para publicar paginas personales.

Geocities te ofrece la posibilidad de publicar tu pagina Web de forma totalmente gratuita de hasta 2 Mb. Para ello solo necesitas tener acceso a internet y disponer de una direccion de correo electronico (e-mail). Los pasos para obtener el espacio en el servidor de Geocities son los siguientes :1º) Accede a la URL http://www.geocities.com/join.
2º) Marca la opcion "Free Personal Home Page Program" y pulsa el boton "JOIN" que se encuentra al final de la pagina.
3º) Rellena con tus datos el formulario que te aparecera en la pagina siguiente. Es MUY IMPORTANTE escribir correctamente la direccion de e-mail, y recordar el "nombre de usuario". Una vez rellenado el formulario pulsa sobre el boton "I AGREE" situado al final de la pagina.
4º) La siguiente pagina te pregunta si deseas recibir informacion periodica sobre diversos temas. Yo personalmente te aconsejo que marques todo como "NO". Pulsa a continuacion sobre el boton "SUBMIT" que se encuentra al final de la pagina.
5º) La siguiente pagina nos pregunta el area de interes, o sea, de que va a tratar nuestra pagina. Marcar lo deseado y pulsar el boton "CONTINUE".
6º) En funcion del area de interes se nos ofrecen las comunidades donde podemos albergar nuestras paginas. (el nombre de la comunidad formara parte de la direccion web de la pagina, p.ej. www.geocities.com/comunidad/numero) Escoger la que deseemos y pulsar el boton "CONTINUE".
7º) En la siguiente pagina se nos muestran las direcciones "libres" dentro de la comunidad escogida. Marcamos la que mas nos guste y pulsamos el boton "Move Me In!"
8º) Si la direccion escogida ya estuviese ocupada, se nos vuelve a mostrar la pagina de direcciones libres, escoger otra y volver a pulsar el boton "Move Me In!"
9º) Se nos muestra la pagina de bienvenida a Geocities. Debemos esperar a que Geocities nos envie por e-mail la password para poder empezar a enviar ficheros a nuestra pagina, cosa que haremos desde la utilidad "File Manager" situada en la pagina http://www.geocities.com/members/
Tu direccion en Geocities sera la formada por tu "comunidad" escogida y tu "numero", por ejemplo si has escogido como "comunidad" Heartland/Hills y el numero escogido fue el 5198, tu URL seria :
http://www.geocities.com/Heartland/Hills/5198


-----------------------------------------------------------------

De nada sirve tener tu pagina Web en Internet si su direccion no la conoce nadie. Es muy importante "publicitar" tu pagina para que la vean otras personas. En principio es aconsejable incluir la URL de tu pagina Web en todos los correos que envies. Asmimismo debes dar de alta la direccion de tu pagina en los principales buscadores. En la pagina AUTOREGISTRALO podras registrar de una manera comoda tu pagina Web en los principales buscadores.

-------------------------------------------------------------------


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 25 Marzo 2003, 05:30 am
1- Introducción


1.1- Que es HTML

El HTML (Hyper Text Markup Language) es un sistema para estructurar documentos. Estos documentos pueden ser mostrados por los visores de paginas Web en Internet, como Netscape, Mosaic o Microsoft Explorer. Por el momento no existe un estandar de HTML ya que tanto Netscape como Microsoft se empeñan en incluir directivas que solo funcionan con sus respectivos navegadores. De cualquier manera existen diferentes revisiones o niveles de estandarización, el 1.0, el 2.0 y el 3.0, lo que produce que algunos visores no "comprendan" en su totalidad el contenido de un documento. En este manual se ha utilizado la revisión 3.0 de HTML. Esto quiere decir que algunas de las órdenes de HTML que aquí se indican puede que no sean reconocidas por algunos visores de páginas Web. Netscape 2.x y Microsoft Explorer 3.x reconocen prácticamente todas las órdenes HTML vistas en este manual.
Básicamente, el HTML consta de una serie de órdenes o directivas, que indican al visor que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. En este manual nos referiremos a estas órdenes con la palabra "directiva".
Las directivas de HTML pueden ser de dos tipos, cerradas o abiertas. Las directivas cerradas son aquellas que tienen una palabra clave que indica el principio de la directiva y otra que indica el final. Entre la directiva inicial y la final se pueden encontrar otras directivas. Las directivas abiertas constan de una sola palabra clave. Para diferenciar las directivas del resto del texto del documento se encierran entre los símbolos < y >. Las directivas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Una directiva puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la directiva.

Ejemplos :

Directiva cerrada
<CENTER> Mi página Web </CENTER>

Directiva abierta
<HR>

Directiva con parámetros
<BODY bgcolor="#FFFFFF"> </BODY>


Los ficheros que contienen documentos HTML suelen tener la extensión .html o .htm. En este manual se han fijado los siguientes criterios a la hora de escribir la sintaxis de las directivas de HTML:

1º) Las directivas se indican en letra mayúscula y en negrilla.
2º) Los parámetros de las directivas se indican en letra minúscula y negrilla.
3º) El resto de elementos se indican en letra normal.
4º) Las palabras a resaltar en el texto se indican en cursiva y negrilla.



1.2- Estructura básica de un documento HTML

Un documento escrito en HTML contendría básicamente las siguientes directivas :



<HTML>                       Indica el inicio del documento.
     <HEAD>                  Inicio de la cabecera.
          <TITLE>             Inicio del título del documento.
          </TITLE>            Final del título del documento.
     </HEAD>                 Final de la cabecera del documento.
     <BODY>                  Inicio del cuerpo del documento.
     </BODY>                 Final del cuerpo del documento.
</HTML>                       Final del documento.



El documento se hallará situado en algún ordenador al que se pueda acceder a traves de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator). La URL es el camino que ha de seguir nuestro visor a traves de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc. Es decir, lo que el visor de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red Internet. La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero. El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y fichero el nombre del fichero que contiene la página Web escrita en HTML. Por ejemplo :

http://ares.six.udc.es/cine/corunha2.html

Donde ....          
http://                  es el indicador de pagina Web
ares.six.udc.es     es el Dominio (nombre) del ordenador
/cine/                    es el Directorio dentro del ordenador
corunha2.html      es el Fichero que contiene la página Web






Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 25 Marzo 2003, 05:41 am
2- Divisiones de un documento HTML


2.1- Cabecera del documento

La directiva <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la directiva <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro visor de páginas Web.

Ejemplo :


<TITLE>La página Web de AcMark</TITLE>
 

Dentro de la cabecera de nuestro documento podemos incluir otras directivas adicionales. La directiva <META> indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos. La directiva <META> lleva generalmente dos parámetros, name y content.


Ejemplos :

<META name="Pagina de Jose" content="Mi pagina personal, Musica y Peliculas">
 
Indica al visor el nombre de la página y sus contenidos principales.


<META name="keywords" content="Jose musica peliculas links españa">

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


Otro uso de la directiva <META> es la de indicar documentos con "refresco automático". Si se indica una URL se sustituirá el documento por el indicado una vez transcurridos el número de segundos especificados. Si no se incluye ninguna URL se volverá a cargar en el visor el documento en uso transcurridos los segundos indicados. Esto es util para páginas que cambian de contenido con mucha frecuencia o para redireccionar a la persona que visita nuestra pagina Web a una nueva dirección donde se encuentra una versión actualizada de nuestra pagina Web.


Ejemplo :

<META http-equiv="refresh" content="15;URL=http://www.microsoft.com">

Transcurridos 15 segundos se accederá a la pagina Web de Microsoft.


La directiva <BASE> indica la localización de los ficheros, gráficos, sonidos, etc... a los que se hace referencia en nuestra página Web. Si no se incluye esta directiva el visor entiende que dichos elementos se encuentran en el mismo lugar donde se encuentra nuestra página Web.


Ejemplo :

<BASE href="http://www.jet.es/jose/">




2.2- Cuerpo del documento

La directiva <BODY></BODY> indica el inicio y final de nuestra pagina Web. Será entre el inicio y el final de esta directiva donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc.... Esta directiva tiene una serie de parámetros opcionales que nos permiten indicar la "apariencia" global del documento :


background= "nombre de fichero grafico"
Indica el nombre de un fichero gráfico que servirá como "fondo" de nuestra página. Si la imagen no rellena todo el fondo del documento, esta sera reproducida tantas veces como sea necesario.


bgcolor = "codigo de color"
Indica un color para el fondo de nuestro documento. Se ignora si se ha usado el parámetro background.

text = "codigo de color"
Indica un color para el texto que incluyamos en nuestro documento. Por defecto es negro.

link = "codigo de color"
Indica el color de los textos que dan acceso a un Hyperenlace. Por defecto es azul.

vlink = "codigo de color"
Indica el color de los textos que dan acceso a un Hyperenlace que ya hemos visitado con nuestro visor. Por defecto es purpura.

El codigo de color es un numero compuesto por tres pares de cifras hexadecimales que indican la proporcion de los colores "primarios", rojo, verde y azul. El codigo de color se antecede del símbolo #.


Ejemplos :

#000000  --> Color Negro
#FF0000  --> Color Rojo
#00FF00  --> Color Verde
#0000FF  --> Color Azul
#FFFFFF   --> Color Blanco

El primer par de cifras indican la proporción de color Rojo, el segundo par de cifras la proporcion de color Verde y las dos ultimas la proporcion de color Azul. Cada par de cifras hexadecimales nos permiten un rango de 0 a 255. Combinando las proporciones de cada color primario obtendremos diferentes colores.

De cualquier forma la mayoría de los editores de HTML nos permiten obtener el código de color correspondiente escogiendo directamente el color de una paleta.





Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 10:28 am
3- Elementos de un documento HTML


3.1- Juego de caracteres del documento

Todos los visores de páginas Web actuales soportan todos los caracteres gráficos del la especificación ISO 8859-1, que permiten escribir textos en la mayoría de los paises occidentales.

De cualquier forma y como muchos sistemas tienen distintos juegos de caracteres ASCII, se han definido dos formas de representar caracteres especiales usando solamente el código ASCII de 7 bits. Para hacer referencia a estos caracteres se les asigna un código numérico o un nombre de "entidad". Asimismo hay caracteres que se utilizan para las directivas de HTML, por ejemplo < y >. Estos caracteres pueden ser representados por un código numérico o una entidad cuando deseemos que aparezcan en el documento "tal cual". Las entidades comienzan por el símbolo & (ampersand) y terminan con el símbolo ; (punto y coma).


A continuacion veamos una tabla con las principales entidades :


Por lo complejo que me fue hacer buenas tablas en el post decidi mejor dejar una url:


http://usuarios.lycos.es/thecreature/tablas.htm


Por lo tanto la palabra página la podríamos escribir como:

página
p&aacute;gina
p&#225;gina

Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes entidades o códigos para representarlas.




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 10:45 am
3.2- Espaciados y saltos de linea

En HTML solo se reconoce un espacio entre palabra y palabra, el resto de los espacios seran ignorados por el visor.


Ejemplo:
Esto     es    una      frase

Se vera como:
Esto es una frase  


Asimismo tampoco se respetan las tabulaciones, retornos de carro etc... Para ello existen una serie de directivas que indican estos codigos. La directiva <PRE></PRE> obliga al visor a visualizar el texto tal y como ha sido escrito, respetando tabulaciones, espacios, retornos de carro, etc..


Ejemplo:
<PRE>
Este texto      ha sido
     preformateado  .

</PRE>

Se vera como:
Este texto       ha sido
     preformateado   .
 

Para indicar un salto de linea se utiliza la directiva <BR> y para un cambio de parrafo (deja una linea en blanco en medio) se utiliza la directiva <P>.


Ejemplo:
Este texto tiene<BR>saltos de linea y <P> de párrafo.  

Se vera como:
Este texto tiene
saltos de linea y
 
de párrafo.
 

La directiva <P> puede usarse tambien como directiva "cerrada" <P></P> indicando de esta manera los atributos de un parrafo en concreto. Cuando se usa de esta manera tiene el parametro align que indica al visor la forma de "justificar" el parrafo. Los valores posibles de este parametro son LEFT, RIGHT y CENTER, estando aun en estudio el valor JUSTIFY.


Ejemplo:
<P Align=right>Este es un ejemplo de un parrafo de texto justificado a la derecha.</P>

Se vera como:
Este es un ejemplo de parrafo de texto justificado a la derecha

Ejemplo:
<P Align=center>Este es un ejemplo de parrafo de texto centrado.</P>

Se vera como:

Este es un ejemplo de parrafo de texto centrado.


La directiva <HR> muestra una linea horizontal de tamaño determinable. Tiene los siguientes parámetros opcionales :

align = posicion
Alinea la linea a la izquierda (left), a la derecha (right) o la centra (center).

noshade
No muestra sombra, evitando el efecto en tres dimensiones.

size = numero
Indica el grosor de la linea en pixels.

width = num / %
Indica el ancho de la linea en tanto por ciento en función del ancho de la ventana del visor. Tambien se puede especificar un número que indicaría el ancho de la línea en pixels.

Ejemplo :
<HR align=center size=20 width=50%>



-------------------------------------------------------------

La directiva <HR> sin ningun parámetro mostraría una linea horizontal que ocuparia todo el ancho de la página. Estas líneas sencillas son las que ves en este manual para separar las diferentes secciones

-------------------------------------------------------------




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:01 am
3.3- Cabeceras

En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de las directivas <H1><H2><H3><H4><H5> y <H6>. El texto que escribamos entre el inicio y el fin de la directiva será el afectado por las cabeceras. La cabecera <H1> será la que muestre el texto en mayor tamaño.


Ejemplo:
<H1>Texto de Prueba</H1>

Se vera como:
Texto de Prueba

Ejemplo:
<H2>Texto de Prueba</H2>

Se vera como:
Texto de Prueba

Ejemplo:
<H3>Texto de Prueba</H3>

Se vera como:
Texto de Prueba

Ejemplo:
<H4>Texto de Prueba</H4>

Se vera como:
Texto de Prueba

Ejemplo:
<H5>Texto de Prueba</H5>

Se vera como:
Texto de Prueba

Ejemplo:
<H6>Texto de Prueba</H6>

Se vera como:
Texto de Prueba


Los textos marcados como "cabeceras" provocan automaticamente un retorno de carro sin necesidad de incluir la directiva <BR>. Por ejemplo


Ejemplo:
<H3>Pagina de Jose</H3>Esta es mi pagina personal.  

Se veria como:
Pagina de Jose

Esta es mi pagina personal.


Atributos del texto

Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias directivas. Algunas de ellas no son reconocidas por determinados visores de Internet, es por ello que segun el visor que este vd. utilizando, verá el resultado correctamente o no.

vease: http://usuarios.lycos.es/thecreature/tablas2.htm

Por otro lado la directiva <FONT></FONT> nos permite variar el tamaño, el color, y el tipo de letra de un texto determinado. Utiliza para ello los parámetros size, bgcolor y face.


size = valor
Da al texto un tamaño en puntos determinado.

size = +/- valor
Da al texto un tamaño tantas veces superior (+) o inferior (-) como indique el valor.

color = "codigo de color"
Escribe el texto en el color cuyo codigo se especifica.

face = "nombre de font"
Escribe el texto en el tipo de letra especificado. Si este tipo de letra no existe en el ordenador que "lee" la pagina se usara el font predeterminado del navegador.


Ejemplo:
<FONT size=+2 color="#FF0000 face="Arial"> Texto de prueba </FONT>

Se veria como:
Texto de prueba


Existen otras directivas que realizan las mismas operaciones que las antes vistas en los atributos del texto.

Directiva                                   Hace lo mismo que
<STRONG></STRONG>             <b></b>
<CITE></CITE>                         <i></i>
<STRIKE></STRIKE>                  <s></s>

Para incluir comentarios en la página Web se utiliza la directiva <!-- -->.

Ejemplo :

<!-- Esto es un comentario sobre mi pagina Web -->

Los comentarios no seran mostrados por el visor y son utiles para realizar anotaciones en el documento HTML que nos indiquen lo que estamos haciendo en una determinada parte del documento. Asimismo veremos mas adelante que la directiva de comentario nos sera de utilidad para incluir codigo javascript en nuestra pagina Web.




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:22 am
3.4- Listas de elementos


Existen tres tipos de listas, numeradas, sin numerar y de definición. Las listas numeradas representarán los elementos de la lista numerando cada uno de ellos segun el lugar que ocupan en la lista. Para este tipo de lista se utiliza la directiva <OL></OL>. Cada uno de los elementos de la lista irá precedido de la directiva <LI>. La directiva <OL> puede llevar los siguientes parámetros:


start = num
Indica que número será el primero de la lista. Si no se indica se entiende que empezará por el número 1.

type = tipo
Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente.

Los tipos posibles son :
1 = Numéricamente. (1,2,3,4,... etc.)
a = Letras minúsculas. (a,b,c,d,... etc.)
A = Letras mayúsculas. (A,B,C,D,... etc.)
i = Numeros romanos en minúsculas. (i.ii,iii,iv,v,... etc.)
I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.)


Ejemplo:
<OL>
<LI>España
<LI>Francia
<LI>Italia
<LI>Portugal
</OL>

Resultado:
1. España
2. Francia
3. Italia
4. Portugal


Las listas sin numerar representan los elementos de la lista con un "topo" o marca que antecede a cada uno de ellos. Se utiliza la directiva <UL></UL> para delimitar la lista, y <LI> para indicar cada uno de los elementos. La directiva <UL> puede contener el parámetro type que indica la forma del "topo" o marca que antecede a cada elemento de la lista. Los valores de type pueden ser disk, circle o square, con lo que el topo o marca puede ser un disco, un circulo o un cuadrado.


Ejemplo:
<UL type = disk >
<LI>España
<LI>Francia
<LI>Italia
</UL>
 
Resultado:
  • España
  • Francia
  • Italia


Las listas de definición muestran los elementos tipo Diccionario, o sea, término y definición. Se utiliza para ellas la directiva <DL></DL>. El elemento marcado como término se antecede de la directiva <DT>, el marcado como definición se antecede de la directiva <DD>.


Ejemplo:
<DL>
<DT>WWW
<DD>Abreviatura de World Wide Web
<DT>FTP
<DD>Abreviatura de File Transfer Protocol
<DT>IRC
<DD>Abreviatura de Internet Relay Chat
</DL>

Resultado:
WWW
       Abreviatura de World Wide Web
FTP
       Abreviatura de File Transfer Protocol
IRC
       Abreviatura de Internet Relay Chat


Existen otros dos tipos de listas menos comunes. Las listas de Menú o Directorio se comportan igual que las listas sin numerar. La lista de Menú utiliza la directiva <MENU></MENU> y los elementos se anteceden de <LI> El resultado es una lista sin numerar mas "compacta" es decir, con menos espacio interlineal entre los elementos. La lista de Directorio utiliza la directiva <DIR></DIR> y los elementos se anteceden de <LI>. Los elementos tienen un limite de 20 caracteres.

Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "indice de materias".

Ejemplo:
<UL type= disk>
<LI>Buscadores
<UL>
<LI>Yahoo
<LI>Google
</UL>
<LI>Links
<UL>
<LI>IBM
</UL>
</UL>

Resultado:
  • Buscadores
  • Lycos
  • Google
  • Links
    • IBM


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:28 am
3.5- Imagenes


Hasta el momento hemos visto como se puede escribir texto en una pagina Web, asi como sus posibles formatos. Para incluir una imagen en nuestra página Web utilizaremos la directiva <IMG>. Hay dos formatos de imagenes que todos los navegadores modernos reconocen. Son las imágenes GIF y JPG. Cualquier otro tipo de fichero gráfico o de imagen (BMP, PCX, CDR, etc...) no será mostrado por el visor, a no ser que disponga de un programa externo que permita su visualización.

La directiva <IMG> tiene varios parámetros :


src = "imagen"
Indica el nombre del fichero gráfico a mostrar.

alt = "Texto"
Mostrara el texto indicado en el caso de que el navegador utilizado para ver la página no sea capaz de visualizar la imagen.

lowsrc ="imagen"
Muestra una segunda imagen "superpuesta" sobre la primera una vez se carga la pagina. Este parametro no es reconocido por la totalidad de los navegadores ya que esta en estudio su aplicacion, asi que en la mayoria de los casos sera ignorado mostrandose solo la primera imagen (src). En Netscape muestra la imagen indicada por lowsrc en primer lugar, y posteriormente muestra la imagen indicada por src. Si las imagenes son iguales pero tienen distinta "resolucion" se conseguirá un efecto tipo "Fade". Si las imagenes son de distinto tamaño la imagen indicada en src se redimensionara al tamaño indicado por la imagen indicada en lowsrc

align = TOP / MIDDLE / BOTTOM
Indica como se alineará el texto que siga a la imagen. TOP alinea el texto con la parte superior de la imagen, MIDDLE con la parte central, y BOTTOM con la parte inferior.

border = tamaño
Indica el tamaño del "borde" de la imagen. A toda imagen se le asigna un borde que será visible cuando la imagen forme parte de un Hyperenlace.

height = tamaño
Indica el alto de la imagen en puntos o en porcentaje. Se usa para variar el tamaño de la imagen original.

width = tamaño
Indica el ancho de la imagen en puntos o en porcentaje. Se usa para variar el tamaño de la imagen original.

hspace = margen
Indica el numero de espacios horizontales, en puntos, que separarán la imagen del texto que la siga y la anteceda.

vspace = margen
Indica el número de puntos verticales que separaran la imagen del texto que le siga y la anteceda.

ismap / usemap
Indica que la imagen es un MAPA. Veremos estos parametros mas adelante en este manual.


Ejemplo:
<IMG src="caution.gif" alt="Cuidado !!">

Se verá:
(http://pics.miarroba.com/avatares/561a5b2178afb480.gif)

Y en caso de poder visualizar la imagen:
Cuidado !!


La imagen a mostrar puede encontrase en el mismo lugar (URL) que la pagina Web. Si este no fuera el caso, el nombre de la imagen ha de contener la URL donde se encuentre la imagen.


Ejemplo

<IMG src="http://www.microsoft.com/iexplorer.gif">




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:47 am
3.6- Hyperenlaces


La característica principal de una página Web es que podemos incluir Hyperenlaces. Un Hyperenlace es un elemento de la página que hace que el navegador acceda a otro recurso, otra página Web, un archivo, etc..

Para incluir un Hyperenlace se utiliza la directiva <A></A>. El texto o imagen que se encuentre dentro de los límites de esta directiva será sensible, esto quiere decir que si pulsamos con el raton sobre el, se realzará la funcion de hyperenlace indicada por la directiva <A></A>. Si el Hyperenlace esta indicado por un texto, este aparecerá subrayado y en distinto color, si se trata de una imagen, esta aparecerá con un borde rodeándola. Esta directiva tiene el parámetro href que indica el lugar a donde nos llevará el Hyperenlace si lo pulsamos.


Ejemplo:
<A href="http://www.prehackers.com/"> Pulse para ir a la página de Prehackers</A>

Se vera:
Pulse para ir a la página de Prehackers (http://www.prehackers.com)


Si situamos el ratón encima de la frase y pulsamos, el navegador accederá a la página Web indicada por el parámetro href, es decir, accederá a la página situada en http://www.microsoft.com/

Lo mismo podríamos hacer con un gráfico.


Ejemplo:
Gran web sobre hacking en Internet:
<A href="http://usuarios.lycos.es/thecreature/creature-prehackers.gif">
<IMG src="yahoo.gif"></A>

Se vera como:
Gran web sobre hacking en Internet:
(http://usuarios.lycos.es/thecreature/creature-prehackers.gif) (http://www.prehackers.com)


Pulsando sobre la imagen se accedería a la pagina situada en http://www.prehackers.com/.

Un Hyperenlace tambien puede llevarnos a una zona de nuestra página. Para ello debemos marcar en nuestra pagina las diferentes secciones en las que se divide. Lo haremos con el parametro name.

Ejemplo:
<A name = "seccion1"></A>  

Esta instrucción marca el inicio de una sección dentro de nuestra página. La sección se llamará seccion1. Para hacer un enlace a esta sección dentro de nuestra página lo haríamos de la siguiente forma :


<A href="#seccion1">Primera Parte</A>  

O tambien :
<A href="http://www.jet.es/mipagina.htm#seccion1">Primera Parte</A>  

Un Hyperenlace puede hacerse a cualquier tipo de fichero. Con las directivas anteriores hemos visto como hacer enlaces a páginas Web o secciones dentro de una página web, pero podríamos hacer un Hyperenlace a un grupo de noticias, o a otro servicio de Internet.


Ejemplo:
<A href="news://news.actualidad.es/">Noticias de actualidad</A>  

Asimismo podemos hacer que el Hyperenlace de como resultado el envío de un correo electrónico a una dirección de correo determinada.


Ejemplo:
<A href="mailto: luisfd@jet.es">Envíame tus sugerencias</A>  

También podemos realizar un Hyperenlace a un fichero cualquiera. En este caso el navegador intentará "ejecutar" el fichero, y si no puede hacerlo nos preguntará si deseamos grabarlo en nuestro ordenador. Esta es una forma sencilla de permitir a los visitantes de nuestra página copiar ficheros a su ordenador.


Ejemplo:
<A href="winzip.zip">Pulsa aqui para llevarte un ZIP.</A>
 
Pulsa aqui para llevarte un ZIP.  (http://winzip.zip/)

El parámetro onMouseOver permite que se muestre en la barra inferior del navegador un texto explicativo sobre el Hyperenlace, en vez de mostrar su direccion. Este parametro no funciona en todos los navegadores.


Ejemplo:
<A href="winzip.zip" onMouseOver="window.status='Este link copia el manual a tu disco duro'; return true;">Pulsa aqui para llevarte una copia del manual.</A>  




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:48 am
3.7- Tablas


Las tablas nos permiten representar cualquier elemento de nuestra página (texto, listas, imagenes, etc...) en diferentes filas y columnas separadas entre si. Es una herramienta muy util para "ordenar" contenidos de distintas partes de nuestra página. La tabla se define mediante la directiva <TABLE></TABLE>. Los parámetros opcionales de esta directiva son :


border = num.
Indica el ancho del borde de la tabla en puntos.

cellspacing = num
Indica el espacio en puntos que separa las celdas que estan dentro de la tabla.

cellpadding = num
Indica el espacio en puntos que separa el borde de cada celda y el contenido de esta.

width = num ó %
Indica la anchura de la tabla en puntos o en porcentaje en función del ancho de la ventana del visor. Si no se indica este parámetro, el ancho se adecuará al tamaño de los contenidos de las celdas.

height = num ó %
Indica la altura de la tabla en puntos o en porcentaje en función del alto de la ventana del visor. Si no se indica este parámetro, la altura se adecuará a la altura de los contenidos de las celdas.

bgcolor = codigo de color
Especifica el color de fondo de toda la Tabla.

Para definir las celdas que componen la tabla se utilizan las directivas <TD> y <TH>. <TD> indica una celda normal, y <TH> indica una celda de "cabecera", es decir, el contenido será resaltado en negrita y en un tamaño ligeramente superior al normal. Los parámetros opcionales de ambas directivas son :

align = LEFT / CENTER / RIGHT / JUSTIFY
Indica como se debe alinear el contenido de la celda, a la izquierda (LEFT), a la derecha (RIGHT), centrado (CENTER) o justificado (JUSTIFY).

valign = TOP / MIDDLE / BOTTOM
Indica la alineación vertical del contenido de la celda, en la parte superior (TOP), en la inferior (BOTTOM), o en el centro (MIDDLE).

rowspan = num
Indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.

colspan = num
Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.

width = num ó %
Indica la anchura de la columna en puntos o en porcentaje en función del ancho de la ventana del visor. Si no se indica este parámetro, el ancho se adecuará al tamaño de los contenidos. Este parametro solo funciona en los navegadores modernos.

bgcolor = codigo de color
Especifica el color de fondo del elemento de la Tabla.

Para indicar que acaba una fila de celdas se utiliza la directiva <TR>. A continuación mostraremos un ejemplo de una tabla que contiene solo texto. Como se indicó anteriormente el contenido de las celtas puede ser cualquier elemento de HTML, un texto, una imagen, un Hyperenlace, una Lista, etc...

Las directivas <TD> y <TH> son cerradas según el estandar de HTML, es decir que un elemento de tabla <TD> deberia cerrarse con un </TD> , sin embargo los visores asumen que un elemento de la tabla, queda automaticamente "cerrado" cuando se "abre" el siguiente.




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 11:58 am
3.8- Mapas


Un Mapa es una imagen que permite realizar diferentes Hyperenlaces en función de la "zona" de la imagen que se pulse. Las directivas para crear mapas son <MAP></MAP> y <AREA>.

La directiva <MAP> identifica al mapa y tiene el parámetro name para indicar el nombre del mapa.

La directiva <AREA> define las areas sensibles de la imagen. Tiene los siguientes parámetros obligatorios :


shape = "tipo"
Indica el tipo de area a definir.

coords = "coordenadas"
Indica las coordenadas de la figura indicada con shape.

href = "URL"
Indica la dirección a la que se accede si se pulsa en la zona delimitada por el area indicada.

Los tipos de area pueden ser los siguientes :


rect
Area rectangular. Se deben especificar las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha.

poly
Polígono. Se deben especificar las coordenadas de todos los vértices del polígono. El visor se encarga de "cerrar" la figura.

circle
Circulo. Se debe especificar en primer lugar las coordenadas del centro del círculo y a continuación el valor del radio (en puntos).

Si dos areas se superponen, se ejecutará la que se encuentre en primer lugar en la definición del mapa. Es importante definir una última area que abarque la totalidad del gráfico para direccionar a una URL "por defecto", con el objeto de contemplar el caso de que no se pulse sobre un area definida.

Veamos un ejemplo completo.


<MAP name="casa">
<AREA shape="poly" coords="2,62,57,62,28,1" href="tejado.htm">
<AREA shape="rect" coords= "21,101,35,138" href="puerta.htm">
<AREA shape = "rect" coords = "2,64,57,138" href="casa.htm">
<AREA shape = "circle" coords = "80,76,21" href="arbol.htm">
<AREA shape = "rect" coords = "78,98,85,138" href= "tronco.htm">
<AREA shape = "rect" coords = "0,0,96,138" href= "dibujo.htm">
</MAP>  


Para activar el mapa debemos indicar la imagen a mostrar, indicando que dicha imagen es tratada por un mapa. Para ello escribiríamos la siguiente directiva :

<IMG src="grafico.gif" usemap="#casa">  



---------------------------------------------------
Como podemos observar, el proceso mas laborioso es el de determinar las coordenadas. Existen programas como MAPTHIS que permiten realizar este proceso de una manera sencilla, simplemente definiendo las zonas con el raton. El programa MAPTHIS permite abrir una imagen tipo .GIF y marcar las zonas sensibles. Este programa creara un fichero con extension .map que contendra en su interior las coordenadas de cada area. Con esta información nos sera mucho mas facil escribir nuestro mapa. Puedes buscar este programa en Shareware.com buscando por mpths.
---------------------------------------------------


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 12:02 pm
3.9- Formularios


Los formularios nos permiten dentro de una página Web solicitar información al visitante y procesarla. En un formulario podremos solicitar diferentes datos (campos) cada uno de los cuales quedará asociado a una variable. Una vez se hayan introducido los valores en los campos, el contenido de estos será enviado a la dirección (URL) donde tengamos el programa que pueda procesar las variables. Para poder realizar este último paso de procesar las variables necesitaremos realizar un programa externo en algun lenguaje de programación como PERL, C++ o Visual Basic. A este programa externo se le suele llamar CGI (Common Gateway Interface). La creación de este tipo de programas sería tema de otro manual diferente, por lo que aquí veremos como se pueden enviar las variables a nuestra dirección de correo electrónico.

La declaración del formulario se pone entre las directivas <FORM></FORM>. En el interior de la declaración se indican los elementos (variables) de entrada. La directiva <FORM> tiene los parámetros action y method.


action = "programa"
Indica el programa que va a "tratar" a las variables que se envien con el formulario. En nuestro caso enviaremos las variables por correo electrónico, con lo que el "programa" será "mailto: direccion_de_correo".

method = POST / GET
Indica el método según el que se transferiran las variables. POST produce la modificación del documento de destino (como en el caso de enviar por correo las variables). GET no produce cambios en el documento destino (como en el caso de una consulta a una base de datos, p.ej. una página de búsqueda en Internet).

Campos de Entrada

Para la introducción de las variables se utiliza la directiva <INPUT>. Esta directiva tiene el parámetro type que indica el tipo de variable a introducir y name que indica el nombre que se le dará al campo. Cada tipo de variable tiene sus propios parámetros.


type= text name = campo
Indica que el campo a introducir será un texto. Sus parámetros son :

maxlenght = numero
Numero máximo de caracteres a introducir en el campo.
size = numero
Tamaño en caracteres que se mostrará en pantalla.
value = "texto"
Valor inicial del campo. Normalmente sera " ", o sea, vacio.

type = password name = campo
Indica que el campo sera una palabra de paso. Mostrará asteriscos (*) en lugar de las letras escritas. Sus parámetros opcionales son los mismos que para text.

type = checkbox name = campo
El campo se elegirá marcando una casilla. Se permite marcar varias casillas. Los valores de las casillas serán indicados por :

value = "valor"
checked
La casilla aparecera marcada por defecto.

type = radio name = campo
El campo se elegira marcando una casilla. Solo permite marcar una sola de las casillas. Los valores de las casillas seran indicados por :

value = "valor"

type = image name = campo
El campo contendra el valor de las coordenadas del punto de la imagen pinchado. Debe indicarse la imagen con el parámetro :

src = "fichero de imagen".

type = hidden name = campo
El usuario no puede modificar su valor, ya que el campo no es visible se manda siempre con el valor indicado por el parámetro :

value = "valor"

type = submit
Representa un botón. Al pulsar este botón la información de todos los campos se envía al programa indicado en <FORM>. Tiene el parámetro value = "texto" que indica el texto que aparecerá en el boton.

type = reset
Representa un botón. Al pulsar este botón se borra el contenido de todos los campos. El parámetro value = "texto" indica el texto que aparecerá en el botón.

Campos de Seleccion

Este tipo de campos despliegan una lista de opciones, entre las que debemos escoger una o varias. Se utiliza para ellos la directiva <SELECT> </SELECT> . Sus parámetros son :


name = campo
Nombre del campo

size = num
Numero de opciones visibles. Si se indica 1 se presenta como un menú desplegable, se se indica mas de uno se presenta como una lista con barra de desplazamiento.

multiple
Permite selecionar mas de un valor para el campo.
Las diferentes opciones de la lista se indican con la directiva <OPTION>. Esta directiva puede incluir el parametro selected para indicar cual es la opcion por defecto. En caso de que no se especifique, se tomara por defecto la primera opción de la lista.

Areas de texto.

Representa un campo de texto de múltiples lineas. Normalmente se utiliza para que se incluyan en el comentarios. La directiva usada es <TEXTAREA> </TEXTAREA>, y sus parámetros :


name = campo
Nombre del campo.

cols = num.
Numero de columnas de texto visibles.

rows = num.
Numero de filas de texto visibles.

wrap = VIRTUAL / PHYSICAL
Justifica el texto automáticamente en el interior de la caja. La opción PHYSICAL envia las lineas de texto separadas en lineas físicas. La opción VIRTUAL envia todo el texto seguido.




Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Creature en 8 Abril 2003, 12:08 pm
Y bueno, aquí termina, esto es lo básico de HTML, IMPRESINDIBLE para un webmaster conocer todo esto, no solo se tiene que saber lo más utilizado.

HTML extendido en http://www.hackingballz.com/manual_html/man012.php

Y mucha más info incluyendo FAQ (pregutnas frecuentes) en www.hackingballz.com.


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: SkA en 23 Junio 2003, 08:13 am
 :D  Creature ! Exelente manual o curso de Html
estoy aprendiendo mucho.
ya aprendiendo este curso bien, buscare otros para poder aprender mas de html. recomientas otro por alli?
gracias de antemano !
Saludos.


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Lmcrackk en 26 Junio 2003, 16:29 pm
www.desarrolloweb.com
En esta web ai todo lo k se debe saber.HTML,ASP,PHP,SCRIPT,y ademas como conseguir mas visitas,dar d alta en buscadores,etc.Web completisima.


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: rocambole en 27 Junio 2003, 00:27 am
La mejor web que hay sobre esto es www.htmlpoint.com, almenos que yo conozca.


Título: HTML...
Publicado por: AkHsA en 7 Julio 2003, 11:52 am
Hola, la verdad es que estubo weno, pero muy muy weno el kursillo, porke se esplika detalladamente...xD

Felicidades por el esfuerzo..!

Y efektivamente: www.htmlpoint.com es una muy wena pagina sobre HTML...<-- Un kurso bastante amplio..

Saludos...Kedo a sus servicios...AkHsA


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: Ali-G en 7 Julio 2003, 12:00 pm
Venga enseguia, ahora nos metemos con dhtml y javascript.

Pero nada de copiar de otras webs cambiando unas frases para que parezca "nuestro". Algunos ya se pasan con eso y no señalo a nadie. Si no hay conocimientos aprendeis y luego escribis como hacemos el resto.

E·M·P·I·C·A·L·4·E·V·E·R


Título: Re:Aprender HTML completo, a un par de horas de distancia
Publicado por: luisaranda en 12 Febrero 2004, 22:33 pm
es alucinante... claro, conciso .. inmejorable. Y además me surgen dudas.. hablas de CGI (Common Gateway Interface... esto existe hecho? puedo copiar un programa de estos para ver como funciona? si uso dreanweaver o algo similar ya estrá hech0?
no sé si digo muchas chorradas, no entiendo mucho del tema
gracias
Luis


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: betapro en 9 Octubre 2004, 06:38 am
muy buen manual
felicitaciones
estaba buscando algo asi
 ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: JoKu§hO en 15 Diciembre 2004, 04:49 am
Hola, quisiera saber komo puedo kambiar el ikono de mi web komo en la pagina principal de esta misma web... ???
 
gracias de antemano...


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: AvatarUy en 10 Febrero 2005, 12:50 pm
Muy bueno el tutorial. me quedé tán enganchado que me puse a buscar manuales en internet y encontré en http://www.programacion.net/html/tutorial/curso/ uno muy bueno.

AvatarUy


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: david.canovas en 24 Febrero 2005, 01:38 am
Por favor ayuda estoy intentando hacer una tabla de cinco por cinco y no soy capaz alguien me podria decir el codigo que tengo que escribir.

Por favor me he quedao atrancao.

Gracias


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: elfakir en 15 Marzo 2005, 08:57 am
No habia visto un manual tan bien explicado sobre html basico, aunque creo que es mas que basico, te felicito po el manual y te agradezco el trabajo realizado que has puesto a disposicion de todos los foreros.

Gracias


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: :[AnImOr]: en 7 Abril 2005, 23:19 pm
que puedo decir...






GRACIAS!!!!


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: jmunser en 22 Mayo 2005, 03:19 am
Simple,claro,limpio,genial!
cuídate!
gracias
jmunser


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Vn0N en 28 Mayo 2005, 04:23 am
 ;) genial... gracias  ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: [Addam] en 23 Junio 2005, 04:05 am
Este es uno de los mejores manuales que he visto, pues explica por pasos muy bien el aprendizaje del html, yo lo manejaba ya pero vi unos pasos que no me enseñaron cuando hice el curso de html por mi cuenta ??? ??? ??

Esta muy bueno para enviarselos a unos amigos que querian aprender HTML, de nuvo gracias por el articulo esta muy completo. ;D ;D

 ;) ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: cyathogoku en 14 Octubre 2005, 03:55 am
Pues falta la explicación de los frames por ejemplo.

Saludos


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Dieg^S en 2 Marzo 2006, 06:14 am
La verdad es q no entendi nada  :( :( :( :( :(

Esto es mas jodido de lo q creí q era :( :(


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Jeferi en 10 Marzo 2006, 15:28 pm
xDD Pos yo he aprendido mucho ;D
gracias Creature por postearlo, pq ara ya se un poquito mas :P

La cosa es ponerte y entenderlo...
Te recomiendo leertelo 3,4,5, hasta que lo entiendas ;D

Saludos Jeferi


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: martiimster en 20 Marzo 2006, 18:23 pm
ojal ubiese tenido este manual `para aprender estupendo te felicito


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: riveritaa en 10 Septiembre 2006, 14:04 pm
es la ostia d largo ay q empoyarselo mazo....


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: raini en 10 Septiembre 2006, 15:16 pm
esta muy bueno el cursillo ::)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: -sagitari- en 8 Octubre 2006, 22:15 pm
http://sestud.uv.es/manual.esp/indice.htm


web gracias a la cual yo aprendí HTML  ;D


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: fewol69 en 14 Octubre 2006, 16:44 pm
MUY BUENO
LA VERDAD ES Q ESTOY APRENDIENDO BASTANTE
GRACIAS POR TU ESFUERZO ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: H4RR13R en 28 Octubre 2006, 18:55 pm
mira que he leido manuale pero como este pokos...  gracias amigo te felicito :D     ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: ....................................... en 5 Abril 2007, 01:46 am
La web http://www.geocities.com/join no funciona.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Freeze. en 14 Julio 2007, 17:13 pm
Muy buen tutorial...!!

Criature pido permiso para copiarlo y ponerlo en mis webs... (con su respectivo "by Criature & Foro.elhacker.net" jejeje)

Que me dices???


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: ponchuloskys en 20 Septiembre 2007, 09:37 am
wenisimo el tutorial, si hasta yo entiendo  ;D
osea no lo he leido completo aún, pero hasta donde voy entiendo todo clarito
mañana sigo leyendo porque ahora hace sueño  :o
gracias


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: ÂìmBòt en 20 Septiembre 2007, 19:02 pm
muy buen tuto,, me quede re  :o la verdad muy bueno


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: TiTaN66 en 15 Febrero 2008, 01:58 am
BIEN COMPLETISIMO

UNA PREGUNTA:

deceo crear una pagina web q me recomiendas


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: :ohk<any> en 1 Marzo 2008, 16:03 pm
 :xD :xD :xD


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: jccabrera30 en 15 Julio 2008, 23:34 pm
Este Toturial esta como manda la ley


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: underkane en 3 Agosto 2008, 05:02 am
men mil gracias esta buenisimo ya q me dispongo a crear la web de mi colegio ^^ ....una vez la creee te paso el link para q veas el favor q hiziste xD


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Aldecarydeoz en 1 Octubre 2008, 02:10 am
Vale la pena probarlo.

Te agradezco, cuando tenga mas tiempo libre lo leo con calma.

Aun asi gracias


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: x_kRikKa_x en 3 Diciembre 2009, 03:28 am
Yo he aprendido a construir páginas web leyendo tutoriales en Internet. Cuando empezé, hace unos años, no tenía ni idea de como se construia una página web. Es bastante curioso y vale la pena :)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: Yuki.N> en 24 Diciembre 2009, 20:07 pm
el cena virtual tiene buenos cursos de html a distancia . ;)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: MCHF10 en 18 Marzo 2010, 01:15 am
Intersante!!

Gracias.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: The Dlanor (ct) en 15 Abril 2010, 02:32 am
Gracias Aportazo


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: nickr en 2 Junio 2010, 18:22 pm
Gracias, amigo! Muy útil recurso  :D


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: KarlosVid(ÊÇ) en 5 Junio 2010, 23:58 pm
Agregando al curso.

* Curso de HTML 4.0 (http://www.programacion.com/articulo/curso_de_html_4_0_32/1)
* Curso HTML (http://www.aulafacil.com/CursoHtml/temario.htm)
* Curso de HTML (http://www.aulaclic.es/html/index.htm)
* Curso de HTML (http://www.programacionweb.net/cursos/curso.php?num=4)

Salu2


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: 0000_1 en 9 Julio 2011, 04:57 am
 ;-)
Código
  1.  
[/color]
MUY BUENO, demasiado BUENO.
MUCHAS GRACIAS POR ESTE TUTORIAL.
 ;-)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: mitx00 en 5 Agosto 2011, 11:40 am
Aquí posteo una web con muy buen material y ejemplos (y ejercicios en la misma web) para aprender xhtml y demás aplicaciones web: http://www.w3schools.com/ (http://www.w3schools.com/)

A mí me sirvió mucho, espero a ustedes también.

Saludos.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: ~.L.~ en 22 Septiembre 2012, 19:55 pm
Creature no sabes como te lo agradezco, la verdad el foro con usuarios como tu se me esta haciendo tan interesante!
La mayoria de las guias que anteriormente habia visto en Google y/o otros buscadores son basicamente incomprensibles, pero la tuya es clara en toda parte, aprendi bastante.
Aportaso Creature!


Abrazo.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: agrelsoft en 2 Noviembre 2012, 19:38 pm
Excelente manual hermano. Gracias por subirlo.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: filipinix en 16 Noviembre 2012, 09:17 am
Muy útil, gracias!  ;-)


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: zilae en 8 Abril 2013, 17:57 pm
Hola tengo una dudilla. Me gustaría empezar a programar y por lo visto el HTML es fácil y bastante necesario. Pero me preguntaba si este tutorial de hace 10 años me serviría para aprender o si está obsoleto.

Los lenguajes por lo general no cambian mucho con el tiempo, pero veo referencias a internet 3.X y hablar de versiones 1.0 2.0 etc, así que me gustaría saber si puedo usarlo o no.

Saludos.


Título: Re: Aprender HTML completo, a un par de horas de distancia
Publicado por: #!drvy en 8 Abril 2013, 18:05 pm
Muchas cosas están obsoletas pero sigue sirviendo. El uso de la etiqueta <center> y poner el color de fondo (<body bgcolor="">) por ejemplo son algunas de las que están obsoletas pues ahora se usa CSS para ello.

Si te da igual que sea en ingles o en español yo te recomiendo http://w3schools.com/html/default.asp .

Saludos