HTML
Básico
HTML HomeHTML Introducción
HTML Etiquetas y Elementos
HTML Etiquetas Básicas
HTML Formato de Texto
HTML Caracteres Especiales
HTML Enlaces
HTML Frames
HTML Tablas
HTML Listas
HTML Formularios
HTML Imágenes
HTML Fondos de Pantalla
Colores
HTML ColoresHTML Código de Colores
Avanzado
HTML Diseño Páginas WebHTML Hojas de Estilo
HTML Sección Head
HTML Meta Etiquetas
HTML Dirección URL
HTML Inserción de Scripts
HTML Atributos Estandard
HTML Eventos Dinámicos
HTML Servidor Web
Ejemplos y Examen
HTML EjemplosHTML Examen
Guías de referencia
HTML EtiquetasHTML Atributos
HTML Eventos
HTML Código ASCII
HTML Caract. Especiales
HTML Código URL
HTTP Mensajes
Introducción al HTML
<<< Ir a la home de HTML Elementos y etiquetas de HTML >>>
¿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á usando Windows, abra el "Block de Notas".
Si usa Mac, abra "Simpletext".
Escriba en el mismo, el siguiente texto:
<head>
<title>Mi primera página Web</title>
</head>
<body>
Hola a todos.
</body>
</html>
Guarde el archivo como "pagina1.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML).
- Abra el navegador Internet(Internet Explorer, Firefox, Opera, etc.).
- Seleccione "File" y luego "Open".
- Se abrirá una ventana, seleccione "Browse" y ubique el archivo que acaba de guardar -"pagina1.html"- elíjalo y presione "Open".
- Ahora usted ve la dirección, por ejemplo "C:\My Documents\pagina1.html". Presione "OK" y el navegador mostrará la página.
Expliquemos el ejemplo
<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: observe 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á 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?
<<< Ir a la home de HTML Elementos y etiquetas de HTML >>>
Diseño Web
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.
Copyright 2007 - 2009 by Martín Solomiak. Todos los derechos reservados.
Mapa del sitio
