Bachiller
Páginas: 91 (22664 palabras)
Publicado: 15 de agosto de 2012
¿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 lapá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" tienenel 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>. Todolo 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, unadescripció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 sitioEn 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.
Etiquetas de HTML
Veamos un ejemplo.
<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es ennegrita</b>
</body>
</html>
Esta es una etiqueta HTML:
<b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
El contenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
Otro elemento HTML en el ejemplo es:<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es: Hola a todos. <b>Este texto es en negrita</b>.
El fin del elemento HTML es con la etiqueta de cierre </body>.
¿Qué son los atributos de las...
* 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 lapá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" tienenel 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>. Todolo 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, unadescripció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 sitioEn 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.
Etiquetas de HTML
Veamos un ejemplo.
<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es ennegrita</b>
</body>
</html>
Esta es una etiqueta HTML:
<b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
El contenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
Otro elemento HTML en el ejemplo es:<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es: Hola a todos. <b>Este texto es en negrita</b>.
El fin del elemento HTML es con la etiqueta de cierre </body>.
¿Qué son los atributos de las...
Leer documento completo
Regístrate para leer el documento completo.