|
Programación básica en HTML
1. Principios básicos de HTML
El lenguaje HTML o
lenguaje etiquetado de hipertexto es el lenguaje utilizado para
crear páginas web. Un archivo html no es
más que un archivo de texto
convencional que puede editarse con cualquier editor básico
(como el bloc de notas de Windows) con un texto al que se le han
añadido unas etiquetas (generalmente circunscritas
a los
símbolos "<" y ">") tal y como se ve a
continuación.
El lenguaje HTML es una
aplicación de SGML conforme al estándar
internacional ISO 8879. XHTML
es una reformulación de HTML 4 como aplicación XML
1.0, y que supone la base para la evolución estable de este
lenguaje.
Además XHTML permite la compatibilidad con los agentes de
usuario que
ya admitían HTML 4 siguiendo un conjunto de reglas.
2. Principales
etiquetas
Las etiquetas
básicas de HTML, de obligada presencia en todo documento son:
<HTML>: Es la
etiqueta que define el inicio del documento html, le indica al navegador
que todo lo que viene a continuación debe tratarlo como una
serie de códigos html.<HEAD>: Define la
cabecera del documento html,
esta cabecera suele contener información sobre el documento
que no se
muestra directamente en el navegador. Como por ejemplo el
título de la
ventana de su navegador. Dentro de la cabecera <HEAD>
podemos encontrar:
<TITLE>: Define
el título de
la página. Por lo general, el título aparece en
la barra
de título encima de la ventana<LINK>: para
definir algunas características avanzadas, como por ejemplo
las hojas de estilo
usadas para el diseño de la página, ejemplo:<link
rel="stylesheet" href="/style.css" type="text/css">
<BODY>: Define el
contenido principal o cuerpo
del documento, esta es la parte del documento html que se muestra en el
navegador, dentro de esta etiqueta pueden definirse propiedades comunes
a toda la página, como color de fondo y
márgenes. Dentro del cuerpo <BODY>
podemos encontrar numerosísimas etiquetas. A
continuación se indican algunas a modo de ejemplo:
<H1>, <H2>,...
<H6>: encabezados o títulos del
documento en diferentes tamaños de fuente<P>:
párrafo nuevo<BR>: salto de
línea forzado<TABLE>:
comienzo de una tabla (las filas se identifican con <TR>
y las celdas dentro de las filas con <TD>)<A>: indica la
existencia de un hipervínculo o
enlace, dentro o fuera la página web. Debe definirse el
parámetro de
pasada por medio del atributo href (ejemplo: <a
href="http://www.google.es">Google</a>
se representa como Google)<DIV>: comienzo
de un área especial en la página<IMG>: indica la
existencia de una imagen para mostrarse en el navegador<LI><OL><UL>:
Es uno de los mas utilizados para el manejo de listas.
3. Página web básica
[ir arriba]
|
|
Creación de Páginas Web con
Nvu/KompoZer