HTML

¿Qué es HTML5?

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella.

HTML5 está siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group.

Caracteristicas HTML5

El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

El Web tenía que ser hipertexto y debía ser fácil navegar por él.

Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).

Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido

Estas características son las que marcaron el diseño de todos los elementos del WWW incluida la programación de páginas Web. Como respuesta a todos estos requisitos se creo el lenguaje HTML (HiperText Markup Language), cuyas siglas significan "lenguaje hipertexto de marcas"

Este lenguaje será el encargado de convertir un inocente archivo de texto inicial en una página web con diferentes tipos y tamaños de letra, con imágenes impactantes, animaciones sorprendentes, formularios interactivos, etc.

Estructura HTML

Etiquetas HTML

El HTML elimina todos los espacios en blanco sobrantes, salvo un espacio en blanco entre las palabras y lo escribe todo junto en el mismo renglón si no damos la orden contraria, hay que poner las etiquetas pero siempre hay que acordarse de cerrarlas despues. Los códigos que van dentro de "div" se cierran solo con "/div".

Para conseguir espacios en blanco, esto sin el espacio entre la n y la b:

&n bsp

Cambiar de línea,

CÓDIGO:

<br>.... </br>

Mostrar el contenido tal y como se escribe, con los espacios en blanco y las líneas.

CÓDIGO:

<pre>...... </pre>

TEXTO JUSTIFICADO Y CON MÁRGENES

Margen todo alrededor

CÓDIGO:

<div align="justify" style="margin:40px;">TEXTO </div>

Márgenes diferenciados

left, right, top y botton. Respectivamente, izquierda derecha, arriba y abajo.

CÓDIGO:

<div align="justify" style="margin-left:10px; margin-right:10px; margin-top:10px; margin-botton:10px;">TEXTO </div>

TEXTO EN MAYÚSCULAS AUTOMÁTICAMENTE

CÓDIGO:

text-transform: uppercase

CUADROS O TABLAS

Sencillo:

CÓDIGO:

<DIV align=center>

<TABLE bordercolor=#c13365 cellSpacing=55 width=600 background=URL foto marco border=6><TBODY> <TR> <TD bgcolor=c13365> TU TEXTO </TD> </TR> </TBODY> </TABLE></DIV

Con título y 2 ventanas:

CÓDIGO:

<TABLE cellSpacing=15 width=600 bgColor=blue><TBODY><TR> <TD bgColor=red colSpan=2> <TR><TD bgColor=red><TD bgColor=red> </TD></TR> </TBODY></TABLE>

...