pagina web

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áncontactar 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!
Siestás usando Windows, abre el "Block de Notas".
Si usas Mac, abre "Simpletext".
Ejemplo

Escribe en el mismo, el siguiente texto:
Código


Mi primera página Web



Hola a todos.


Resultado
Hola a todos.
Guarda el archivo como "pagina1.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML).
Abre el navegadorInternet(Internet Explorer, Firefox, Chrome, etc.).
Selecciona "File" y luego "Open".
Se abrirá una ventana, selecciona "Browse" y ubica el archivo que acabas de guardar -"pagina1.html"- elígelo y presiona "Open".
Ahora tú ves la dirección, por ejemplo "C:\My Documents\pagina1.html". Presiona "OK" y el navegador mostrará la página recién creada.
Expliquemos el ejemplo
 --> Indica al navegador que abre unarchivo HTML.
 --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
Mi primera página Web --> Título de la página.
 --> Cierre de la cabecera del documento.

 --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
 --> Cierre del cuerpo del documento.
 --> Cierre del archivoHTML
La primera etiqueta del archivo es . Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos . Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.

Luego vemos la etiqueta . Lo que sigue a continuación hasta su cierre , es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el títulode la página(Mi primera página Web), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.

Entre las etiquetas  y  se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".

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

La estructura del sitio
En los próximos capítulos, encontrarás una explicación sobre los distintos elementos que conforman HTML, con una completa guía de referencias y múltiples ejemplos que harán más simple el proceso de aprendizaje.
Elementos y etiquetas de HTML
Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.

Los elementos
Loselementos son declaraciones para visualizar o dar forma a una página Web.

Las etiquetas
Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.


Reglas básicas
Las etiquetas están encerradas entre los signos "".
Generalmente vienen en pares  y .
La primera es de apertura y la segunda de cierre.
El texto que se...