Lección 1
|
|
Así que querés hacer
una Página WEB!
Lección 1 |
Vamos por partes, dijo el descuartizador (Schiavon, eternamente gracias!!). Arrancá el Notepad y empezá con esto...
<HTML>
</HTML>
Cada una de esas es llamada una etiqueta. Hay una etiqueta incial, y una
etiqueta
final. Para hacer una etiqueta final, sólamente hay que agreagar una
/ a la etiqueta inicial. La mayoría de las etiquetas(aunque no todas)
requieren una etiqueta final.
Pensá en las etiquetas como si le estuvieras hablando al browser, o mejor
aún, dándole instrucciones. Lo que acabás de decirle al
browser es "este es el comienzo de un documento HTML" (
<HTML>
)
y "este es el final de un documento HTML" (
</HTML>
).
Ahora hay que poner algo adentro de este documento.
Cada documento HTML necesita un par de etiquetas HEAD .
<HTML>
<HEAD>
</HEAD>
</HTML>
De lo único que nos vamos a preocupar por lo que va en la parte HEAD por ahora son las etiquetas TITLE
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
Y el cuerpo de la página va a estar entre las etiquetas BODY
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Ah, otra cosa más.... Dale a tu documento un título, y poné algo en el cuerpo.
<HTML>
<HEAD>
<TITLE>
Mi primera mala página!
</TITLE>
</HEAD>
<BODY>
Hola Beto!
</BODY>
</HTML>
Ahora grabala, no como un documento de texto, sino como un documento html.
Grabala como
pagina1.html
en una carpeta nueva en algún lado.
Si estás un poco confuso en como hacer esto, esto es lo que tenés
que hacer... En la ventana de Notepad, hacé click en
File
, luego en
Save
as
. Te va a aparecer un cuadro de diálogo. Hacé una carpeta nueva
haciendo click en esto
->
Nombrala como se te ocurra. Después hacé doble click en ella
para abrirla. Donde dice
File name:
escribí
pagina1.html
Donde dice
Save as type:
asegurate que dice
All Files(*.*)
Apretá enter y estamos listos!
Felicitaciones!! Sos el orgulloso autor de una Página Web funcional! La podés subir al servidor para que el resto del Universo se maraville con tu creación!
Buscala en el Windows Explorer, hacé doble click en ella y vé los resultados de tu labor .
Lo que vendría ahora es empezar a poner algo un poquito más avanzado en tu página.
La mejor manera de seguir este tutorial es corriendo el Notepad y dos ventanas de tu browser favorito. Una conteniendo este tutorial, y la otra conteniendo tu nueva página.
Dos cositas más antes de ir a la lección 2. Una, lo que acabás de hacer es el esqueleto de un documento HTML. Este es el contenido mínimo requerido para una página web, y todas las páginas de la web contienen estos componentes básicos. Y dos, el título del documento (entre las etiquetas <TITLE></TITLE>) es lo que aparece arriba de todo en la ventana de tu browser.
| Así que querés hacer una Página WEB! | ||
|
Lecciones
Intro - 1 - 2 - 3 - 4 - 5 - 6 |
||
| Principiantes | Tutorial de Tablas | Tutorial de Frames |