Sistemas computacionales

Curso básico de programación HTML
[pic]
Optimizado para 800x600 ppp
© Reyes Rodríguez
[pic]
INICIO

ESTRUCTURA GENERAL

El primer aspecto a tener en cuenta a la hora de crear una página WEB, es la estructura general sobre la que vamos a ir montando todos los componentes de esa página. Esto quiere decir que existe una "plantilla" de uso común y obligatorio sobre la que se vertebra lapágina. Los componentes y sus etiquetas son:
|"Inicio de página" |"html" |
|"Cabecera" |"head" |
|"Final de Cabecera" |"/head" |
|"Cuerpo de página" |"body" |
|"Final de cuerpo de Página" |"/body" |
|"Final de página" |"/html"|

[pic]
Nota:Las etiquetas se sitúan entre corchetes < >. Aquí las representamos entre comillas por problemas de interpretación de código. Para una mejor observación del código fuente, te recomendamos que lo observes en "directo", pulsando el fondo de esta página con el botón derecho de tu ratón: "Ver csdigo Fuente"...

TITULOS

El TITULO se sitúa dentro del inicio de la cabecera y sucierre, siendo su etiqueta "title", y debiéndose cerrar igualmente: "/title". Entre ambas etiquetas escribimos el nombre que queremos dar a la página, nombre que podremos obsevar en la parte superior de la ventana de desplazamiento-cierre-minimización.

CABECERAS

La CABECERA se sitúa antes del inicio del "body", e inmediatamente después que el "title" siendo su etiqueta "h1", y debiéndosecerrar igualmente: "/h1". Entre ambas etiquetas escribimos el nombre que queremos de cabecera de página a modo de título. El número en esta etiqueta corresponde a un valor que puede fluctuar de 1 a 6, y que indica el tamaqo de la cabecera o título.

PÁRRAFOS

Los PÁRRAFOS es la estructura básica referente al texto, se representan con la etiqueta "p"-"/p" y son modificables con una serie deetiquetas referentes a sus atributos, tales como Tamaqo, Color, Alineación, Aspecto, Sexo...(??)...Estos atributos modificables del texto los analizaremos metódicamente y sin respiro en la siguiente lección.
[pic]

ATRIBUTOS

Los Atributos, son muchos y la mar de complicados. Muchos de ellos modifican el texto, pero los hay que surten el mismo efecto con elementos como las tablas, las imagenes, losFrames...El referente al texto en general ("p") es "align="-"", que, como puedes suponer, se refiere a la alineacisn del mismo. Entrecomillado introducimos el tipo de alineación: ="center", o ="right", o ="left"; elementos sencillos que, si eres una persona de mundo, no necesitan más explicación. El resto de los atributos se agrupan bajo la etiqueta "font"-/font". Estos son: "size="-"",indicativo de tamaqo y que se expresa en términos de + y -, realzando o disminuyendo el texto respecto al tamaqo general del resto del texto de la página. Color, expresado mediante color=#"------", entrecomillando caracteres numéricos en sistema hexagesimal, que veremos m´s adelante, (Ejemplo: "font color=#"ff0055", o "font size="+3"). Etiquetas como "b"-"/b" (bold), o "i"-"/i" (italic), es evidente quehacen referencia al aspecto o tipo del texto. Etiquetas anteriores, o "no dentro" de "p", pero que también pueden estarlo, como "Blokcquote" o "pre" (con sus correspondientes Cierres", tabulan el texto (El primer caso), o lo muestran "preformateado", es decir, tal y como se escribe, pero no se ajustan al tamaqo de la ventana de visualización de la página en cuestión. Una verdadera lástima...LISTAS

Las listas se realizan con la etiqueta "ol"-"/ol>. Cada uno de los componentes de esa lista deberá ir adjunto a la etiqueta "li", etiqueta que no necesita cierre, pues define cada objeto de lista hasta el siguiente "li". Por defecto, a no ser que se indique otra cosa, la ordenación de la lista se hará por números:1., 2., 3.,...Para definir el tipo de orden de lista, deberemos indicar el...