Primeros pasos con HTML

Esta es una breve introduccin a la escritura HTML. Qu es HTML? Es un tipo especial de documento de texto que es utilizado por los navegadores web para presentar textos y grficos. El texto incluye etiquetas de marcas tales como <p> para indicar el inicio de un prrafo, y </ p> para indicar el final de un prrafo. Los documentos HTML se refieren a menudo como "pginas web". El navegador recupera las pginas Web de los servidores Web que gracias a la Internet, puede ser ms o menos en cualquier parte del mundo. Muchas personas siguen escribiendo HTML a mano, utilizando herramientas tales como el Bloc de Notas de Windows, o TextEdit en Mac. Esta gua lo pondr en marcha. Incluso si usted no tiene intencin de editar HTML directamente y en su lugar va a utilizar un editor HTML como Netscape Composer, o Amaya del W3C, esta gua le permitir comprender lo suficiente como para hacer un mejor uso de las herramientas y la forma de hacer que sus documentos HTML accesible en una amplia gama de navegadores. Una vez que usted se sienta cmodo con los fundamentos de la creacin de HTML, es posible que desee aprender a agregar un toque de estilo con CSS, y para probar aspectos contemplados en HTML avanzado. Esta pgina le ensear cmo: Comenzar con un ttulo Aadir ttulos y prrafos Dar nfasis a su texto Aadir imgenes Aadir enlaces a otras pginas Utilizar varios tipos de listas

*/Posteriormente dar a conocer el Tutorial de HTML avanzado/*

Comenzar con un ttulo

Todo documento HTML necesita un ttulo. Para ponerlo solo necesitas poner: <title> Introduccin al HTML </title> Para probar esto, escriba lo anterior en un bloc de notas y guarde el archivo como "prueba.html", a continuacin, vea el archivo en un navegador web. Si la extensin es HTML" o " Htm" el navegador lo reconocer como HTML. La mayora de los navegadores muestran el ttulo en la barra de ttulo de la ventana. Con slo un ttulo, el navegador mostrar una pgina en blanco. No se preocupe. La siguiente seccin se muestra cmo agregar contenido con vista.

Agregar ttulos y prrafos

Al igual que Microsoft Word, estamos familiarizados con los estilos para los ttulos de importancia desigual. En HTML existen seis niveles de ttulos. H1 es la ms importante, el H2 es un poco menos importante, y as sucesivamente hasta H6 el menos importante. Aqu se muestra cmo agregar un ttulo importante:

<h1> El ttulo ms importante </h1> y aqu es un ttulo un poco menos importante: <h2> Un poco menos importante</h2> Cada prrafo debe comenzar a escribir con una etiqueta <p>. La </p> es opcional, a diferencia de las etiquetas de final para los elementos como encabezados. Por ejemplo: <p> Este es el primer prrafo </p> <p> Este es el segundo prrafo </p>

Aadiendo un poco de nfasis

Usted puede hacer que una o ms palabras con la etiqueta <em>, por ejemplo: Este es un muy <em>interesante</em> tema! Si lo intentaron y revisaron se abran dado cuenta que queda exactamente as: Este es un muy interesante tema!

Aadiendo imgenes La forma ms sencilla de aadir una imagen es mediante la etiqueta <img>. Supongamos que usted tiene un archivo de imagen llamado "2_large.jpg" en la misma carpeta que el archivo HTML que est creando. Se trata de 500 pxeles de ancho por 355 pxeles de alto. Al insertar deber quedar algo as: <img src="2_large.jpg" width="500" height="355">

El atributo src= da nombre del archivo de imagen. La anchura y la altura no es estrictamente necesario, pero ayudan mucho a acelerar la visualizacin de la pgina Web.

Algo que todava falta! La gente que no puede ver la imagen necesita una descripcin que puede leer en su ausencia. Se puede agregar una breve descripcin de la siguiente manera: <img src="2_large.jpg" width="500" height="355" alt="Imagen de muestra 1">

El atributo alt se usa para dar una descripcin corta, en este caso, "Imagen de muestra 1". Para imgenes complejas, puede que tenga que dar tambin una descripcin ms larga. Asumiendo que esto se ha escrito en el archivo "descrpcion.html", agregamos una de la siguiente manera con el atributo longdesc: <img src="2_large.jpg" width="500" height="355" alt="Imagen de muestra 1" longdesc = "descripcion.html"> Puede crear imgenes en una serie de maneras, por ejemplo con una cmara digital, mediante el escaneo de una imagen, o crear uno con una pintura o un programa de dibujo. La mayora de navegadores entender los formatos GIF y JPEG, los navegadores ms recientes tambin entender el formato de imagen PNG. Para evitar largas demoras, mientras que la imagen se descarga en la red, se debe evitar el uso de archivos de gran tamao de la imagen. *Dato* En un documento de Bloc de Notas o TextEdit en Mac, se puede insertar lneas de cdigo como apareceran en la pgina web, por ejemplo si insertamos el cdigo de una imagen seguido de otra tendremos algo parecido a esto:

Como pueden ver, se genera una lnea de imgenes exactas. Por ende podemos crear un mosaico ajustando el cdigo en el editor que usemos:

Y tenemos un lindo mosaico en la pgina HTML. Ms adelante les enseare a cmo poner un lindo fondo.

Siguiente documento: Aadiendo enlaces a otras pginas Tres tipos de listas HTML: cabeza y un cuerpo Hasta la prxima, mientras estudien HTML