Introducción al HTML

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

¿Qué son los archivos HTML?

HTML (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto".
Los archivos HTML deben tener una extensión htm o 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, Mozilla, etc.) como mostrar la página.

¡Vamos a hacer una pequeña prueba!

Si estás usando Windows, abre el "Block de Notas".

Si usas Mac, abre "Simpletext".

Escribe en el mismo, el siguiente texto:

<html>
<head>
<title>Mi primera página Web</title>
</head>

<body>
Hola a todos.
</body>
</html>

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 navegador Internet(Internet Explorer, Firefox, Opera, 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.

Expliquemos el ejemplo

<html> --> Indica al navegador que abre un archivo HTML.
<head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
<title>Mi primera página Web</title> --> Título de la página.
</head> --> Cierre de la cabecera del documento.

<body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
</body> --> Cierre del cuerpo del documento.
</html> --> Cierre del archivo HTML

La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.

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

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, como por ejemplo, "Hola a todos.".

Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura 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 multiples ejemplos que harán más simple el proceso de aprendizaje.

¿No encuentras lo que buscas?

<<< Home de HTML Elementos y etiquetas >>>

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

Búsqueda

Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

webmaster@virtualnauta.com

Mapa del sitio

HTML

Básico

Colores

Avanzado

Ejemplos y Examen

Guías de referencia