Las páginas web son archivos escritos en el lenguaje de marcado HTML (HyperText Markup Language). El desarrollo de estas páginas abarca un amplio grupo de tecnologías, desde páginas que sólo usan el lenguaje HTML hasta las más complejas que usan DHMTL (Dynamic HTML), CSS, JavaScript, Applets, Servlets, etc.
El lenguaje HTML se basa en SGML (Standard Generalized Markup Language) el cual es un estandar normalizado por la ISO (International Organization for Standardization) para la organización y etiquetado de documentos. HTML define e interpreta las etiquetas de acuerdo a SGML.
Las páginas web se pueden clasificar en dos tipos:
- Estáticas. Poseen un contenido fijo, todos los usuarios que las consultan reciben la misma información. El usuario recibe en su navegador la página del servidor sin un procesamiento previo.
- Dinámicas o activas en el servidor. Poseen un contenido variable, distintos usuarios al consultar la misma información pueden recibir distintos contenidos. El usuario recibe en su navegador la página después de haber sido procesada en el servidor. Para lograrlo se emplean lenguajes de programación como por ejemplo Java.
Por otro lado, según como se visualizan las páginas en el cliente, se clasifican en:
- Estáticas. Cuando no poseen ningún tipo de código de scripts, applets o pluggins. Ejemplo: sólo código HTML.
- Dinámicas o activas en el cliente. Cuando se interpreta o ejecuta código en el equipo del usuario. Para lograrlo se emplean lenguajes de programación y objetos integrados. Ejemplo: páginas con JavaScript, DHTML, applets, etc.
Conceptos básicos de HTML
Un archivo HTML suele tener la extensión *.html o *.htm, consta de una serie de etiquetas o marcas (tags). La mayoría de las etiquetas aparecen por parejas, habiendo una de inicio (apertura) y otra de fin (cierre), delimitando la parte del documento HTML que se ve afectada por una acción.
Todas las etiquetas comienzan con el simbolo < (menor que) y terminan con el simbolo > (mayor que) , por ejemplo <html>,<hr>, <body>. En HTML no se distingue entre mayúsculas y minúsculas por lo que las cadenas <HTML>,<html>,<Html> representan la misma etiqueta.
Las etiquetas de fin tienen el mismo nombre que las de inicio, pero vasn precedidas del símbolo / (barra inclinada). Por ejemplo, la etiqueta de cierre correspondiente a <html> es </html>.
Una etiqueta puede poseer varios atributos a los que hay que asignar un valor. Algunosd e estos atributos son obligatorios, mientras que otros suelen ser opcionales. Los atributos se escriben dentro de la etiqueta y separados por espacios en blanco. Para asignar un valor a un atributo se emplea el signo igual (=). El valor que se asigna a un atributo tiene que ir encerrado entre comillas. Por ejemplo, la etiqueta <img> (que no tiene una etiqueta de cierre) tiene varios atributos, entre ellos src que espera cualquier carácter válido en una URL, width y height que esperan un valor alfanumérico y el atributo alt que espera cualquier cadena de caracteres. Un ejemplo del uso de esta etiqueta es: <img src="archivo.gif" width="10" height="10" alt="Algo">. Los atributos sólo se ponen en la etiqueta de inicio: la etiqueta de fin nunca lleva atributos.
Estructura de una página web
La estructura básica de una página web se define en cabecera (<head> ... </head>) y cuerpo (<body> ... </body>). El esquema básico de una página web es:1: <!DOCTYPE HTML PUBLIC ".//W3C//DTD HTML 4.0//EN">
2: <html>
3: <head>
4: Cabecera de la página
5: </head>
6: <body>
7: Cuerpo de la página
8: </body>
9: </html>
en donde cada línea representa:
Línea 1: Permite indicar la versión HTML que se va a utilizar para escribir en la página. De este modo, el navegador puede utilizar
No hay comentarios:
Publicar un comentario