Introducción al HTML

¿Qué significa HTML? y un primer ejemplo de sitio.

¿Qué es HTML?

HTML (HyperText Markup Language) o "Lenguaje para Marcado de
Hipertexto".
HTML es el lenguaje que te permite describir y dar forma a tús páginas Web.

Publica tus propias páginas con fotos, listas, tablas, etc.

Obtén información de los visitantes de tu sitio.

Diseña los formularios que te permitirán contactar tus futuros clientes.

Crea un sitio para vender tús productos o servicios.

Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús
páginas Web

¿Qué conocimientos previos debes poseer?
Para estudiar HTML no se requiere de conocimientos previos en programación.
Es muy simple de aprender ya que no es un lenguaje de programación sino que es un
lenguaje de marcas.

Los archivos HTML



Los archivos HTML deben tener una extensión htm o html (ej. misitio.htm o
misitio.html).
Para crear un archivo HTML solo hace falta un editor de texto.
Un archivo HTML está compuesto por etiquetas.
Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google
Chrome, Opera, Safary, etc.) como mostrar la página Web.

¡Vamos a hacer nuestro primer sitio!
Si estás usando Windows, abre el "Block de Notas".
Si usas Mac, abre "Simpletext".

<title>Mi primera página Web</title> --> Título de la página.Ejemplo Escribe en el mismo. selecciona "Browse" y ubica el archivo que acabas de guardar -"pagina1.html" (las extensiones ". Luego vemos la etiqueta <head>. Firefox. Presiona "OK" y el navegador mostrará la página recién creada. etc. </head> --> Cierre de la cabecera del documento. Lo que sigue a continuación hasta su cierre </head>.elígelo y presiona "Open". Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla. Ahora tú ves la dirección. Para cerrar el archivo usamos </html>. Selecciona "File" y luego "Open". </body> </html> Guarda el archivo como "pagina1.". <body> --> Apertura del cuerpo del documento. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>).html". Sección que no se muestra en la pantalla.htm" o ". --> Texto que va a ser mostrado por el navegador. Expliquemos el ejemplo <html> --> Indica al navegador que abre un archivo HTML. Chrome. Se abrirá una ventana. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.html" tienen el mismo significado y nos indican que se trata de un archivo HTML).     Abre el navegador Internet(Internet Explorer. por ejemplo "C:\My Documents\pagina1. Esto le indica al navegador que se trata de un archivo HTML.). .html". </html> --> Cierre del archivo HTML La primera etiqueta del archivo es <html>. es la cabecera del documento y no se muestra en la pantalla. Esta sección aparece en la pantalla. </body> --> Cierre del cuerpo del documento. "Hola a todos. el siguiente texto: Código <html> <head> <title>Mi primera página Web</title> </head> Resultado Hola a todos. como por ejemplo. Hola a todos. palabras claves para los motores de búsqueda. <head> --> Apertura de la cabecera del documento. <body> Hola a todos. una descripción de la página y otros datos del documento.

Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre. .