Html Basico

HTML (XHTML 1.0) Implantación de Aplicaciones Informáticas de Gestión
BLOQUE DE PROGRAMACIÓN WEB Tema 1 – HTML
Rosa Mª Medina IES Les Dunes Curso 2011/2012

XHTML 1.0


Existen varios estándares HTML definidos por la W3C. Las últimas versiones son HTML 4.0 (más antigua) y XHTML 1.1 Nosotros utilizaremos XHTML 1.0, que nos obliga a seguir unas sencillas reglas y hacer el código mucho máslegible, además de evitar problemas de visualización entre navegadores. Existen 2 versiones de XHTML principalmente. La estricta 'strict' y la transicional 'transitional'. La primera separa completamente el diseño del código HTML, mientras que la segunda es más permisiva.







XHTML 1.0


HTML es un lenguaje de etiquetado. Se forma de etiquetas que representan los elementos ycontienen a su vez otras etiquetas o texto. En el estándar XHTML, todas las etiquetas deben cerrarse. Contenido Si alguna etiqueta no puede contener nada dentro, y por lo tanto no existe una etiqueta de cierre, se debe poner de esta forma (El espacio antes de /> es importante): No se puede cerrar una etiqueta hasta que no se hayan cerrado antes las que contiene dentro (MUY importante este orden).





XHTML 1.0


Muchas etiquetas admiten modificadores llamados atributos. Dichos atributos definen las características que tendrá el elemento HTML al que afectan.

Contenido


En el código HTML los saltos de línea no se tienen en cuenta y se interpretan como espacios en blanco, por ello lo anterior es correcto. Según el estándar XHTML todas las etiquetas y los nombres deatributos deben ir con MINÚSCULAS, mientras que los valores de los atributos deben ir entre COMILLAS.



XHTML 1.0


En HTML 4.0 hay atributos que no tienen valor, se pone sólo el nombre del atributo. En XHTML todos los atributos deben tener valor. Para estos atributos comentados el valor es el mismo que el nombre del atributo.

Opción 1 → HTML 4.0 Opción 1 → XHTML 1.0


Hayatributos que en XHTML (sobretodo en la versión estricta) ya no existen mientras que si lo hacían en HTML 4.0. Suelen ser atributos que definen un estilo, algo que debería ser trabajo exclusivo de CSS.

Estructura de un documento


Para indicar al navegador como debe interpretar nuestro código, debemos indicar que estándar estamos utilizando en la primera línea. Cuanto más estricto sea el estándar,más limitado estará y más rápido podrá validarlo el navegador (mejora en velocidad), pero también será más fácil cometer algún error. Estas son las líneas para XHTML 1.0 Transicional (más estricto que HTML 4), y XHTML 1.0 estricto (todavía lo es más)









Estructura de un documento


Todo el documento HTML debe ir contenido con la etiqueta . Esta etiqueta deberá contener unaserie de atributos para indicar que el documento es XHTML y que el idioma utilizado será el Español (o el que usemos). Además, el documento tendrá una cabecera con información para el navegador y buscadores, y un cuerpo con la estructura de nuestro documento.



Cabecera Cuerpo

Estructura de un documento


Dentro de la cabecera del documento pondremos entre otras cosas (queveremos más adelante), el título de la página (entre etiquetas , y le indicaremos al navegador la codificación que estamos utilizando. Si no lo hacemos, el navegador intentará adivinarla y podemos tener problemas con acentos y demás. Podemos utilizar unicode (UTF-8), o ISO-8859-1. Depende del editor que usemos pondremos uno u otro. Es aconsejable usar unicode, porque permite usar caracteres de cualquieridioma (en Linux es la codificación por defecto. En Windows debemos usar un editor que lo soporte).



< meta http-equiv="Content-Type" content="text/html; charset=utf-8" / > < meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >

Estructura de un documento


Así quedaría la estructura básica de un documento XHTML 1.0 Transicional.

Título de la web...