introduccion archivos html

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 delarchivo HTML
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 seencuentra entre dos etiquetas es el contenido del elemento.
Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea es lo mismo que .

Etiquetas de HTML
Veamos un ejemplo.


Una página Web


Hola a todos. Este texto es en negrita



Esta es una etiqueta HTML:
Este texto es en negrita.

El elemento HTML comienza con la etiqueta de apertura (etiqueta que nos muestra eltexto en negrita).
El contenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre .

Otro elemento HTML en el ejemplo es:

Hola a todos. Este texto es en negrita


EL elemento HTML comienza con la etiqueta de apertura (etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es: Hola a todos. Este texto es en...