Introduccin a PHP 5 47

Nota:

r Durante el proceso de aprendizaje del libro, conocer muchas fun-ciones y sus aplicaciones inmediatas. En el captulo 5 del libro aprender a crear sus propias funciones. El resultado de la ejecucin del programa lo muestra la figura 1.5.

Figura 1.5. Resultado de nuestro primer script.

Repaso de HTML

El lenguaje de marcas de hipertexto se ha convertido en el principal refe-rente de la Web. Para seguir adecuadamente los contenidos del libro, ne-cesitar conocer el funcionamiento de HTML para insertar sus programas escritos en PHP 5.

Cabecera y cuerpo de una pgina Web Todo documento escrito en HTML est contenido entre las etiquetas y . Se pueden estructurar en: Cabecera: Entre las etiquetas y : Contiene informa-

cin relativa al documento.

vportillaCuadro de texto01) Cabezas Granado, L. M. (2004). Repaso de HTML en Manual Imprescindible de PHP5. Espaa: Anaya Multimedia, pp. 47-54.

vportillaNuevo sello

48 Captulo 1

Cuerpo: Entre las etiquetas y : Debe contener la in-formacin que el usuario ver en el navegador.

Cabecera El ttulo del documento debe ir entre las etiquetas y . Este ttulo se mostrar en la parte superior del navegador. Adems, se utiliza como descripcin si guarda la pgina en el apartado de Favoritos. Para aadir informacin sobre el autor, fecha de expiracin o el programa con el que hemos diseado la Web, puede utilizar la etiqueta .

Pgina en HTML

Algunas etiquetas permiten la inclusin de atributos. La etiqueta contiene el atributo AME y CONTENT para sealar en el documento el autor de la pgina. Los buscadores harn buen uso del contenido de estas eti-quetas para enlazarlas en sus motores de bsqueda.

Cuerpo del documento La etiqueta tambin puede contener atributos que modifiquen el aspecto exterior de la pgina. Los principales atributos son: BGCOLOR: Indica el color de fondo de la Web. TEXT: Color general del texto. LINK: Color del texto de los enlaces. VLINK: Color de los enlaces que ya han sido utilizados. ALINK: Color de activacin del texto. BACKGROUND: Imagen de fondo de un documento. En el siguiente ejemplo puede ver la utilizacin de los atributos de la eti-queta del cuerpo:

vportillaNuevo sello

introduccin a PHP 5 49

Pgina en HTML

Nota: El color se escribe en formato RGB. Esto quiere decir que un color puede dividirse en tres componentes (rojo, verde y azul) y, eli-giendo la intensidad de cada componente, se forma el color desea-do. Cada componente tiene 2 cifras en hexadecimal. As, el color #FF0000 tiene al nmero FF hexadecimal (255 en decimal) en su componente rojo y los dems a 0; por lo tanto, el color resul-tante ser Rojo intenso.

Prrafos y saltos de lneas Los textos pueden escribirse dentro de la etiqueta en el orden que quiera; los navegadores no interpretan los saltos de lneas o lneas en blan-co, eliminando todos los espacios vacos. Para crear un salto de lnea tiene que utilizar escrito despus del texto. Para crear prrafos tendr que escribir el texto entre las etiquetas .

Pgina en HTML Esto es prrafo y tambin un salto de lneasbr>

Estilo de texto Podemos resaltar partes del texto con algunas etiquetas: : Bloque de texto en negrita. : Texto en cursiva.

vportillaNuevo sello

vportillaNuevo sello

Figura 1.6. Diferentes estilos de textos.

Adems, puede elegir el formato de las fuentes de cada bloque de texto.

50 Captulo 1

: Bloque de texto subrayado. : Texto con su mayor tamao. ". Texto con \m tamao pequeo. : Texto centrado. :.Superndice. : Subndice. El ejemplo siguiente, que tambin se muestra en la figura 1.6, muestra la utilizacin de alguna de las etiquetas anteriores:

Pgina en HTML Texto centrado-:/CENTERxBR> Texto subrayado y cursiva Texto en negrita Texto superndice Este cont iene un subndice

vportillaNuevo sello

Introduccin a PHP 5 51

La etiqueta permite seleccionar entre varios atributos para utili-zar distintas fuentes, colores o tamaos. Entre los atributos que podemos utilizar: COLOR: Color de la fuente. SIZE: Tamao de la fuente. FACE: Tipo de fuente.

Texto con tamao y fuente determinados

Enlaces de texto Un enlace es un mecanismo que permite dirigirse a una pgina determi-nada despus de hacer clic en el texto. Si entre las etiquetas y aparece algn contenido (texto o imagen), al hacer clic en la situacin den-tro de navegador, la pgina ser dirigida a la nueva direccin. El atributo HREF contiene la direccin del enlace.

enlace

Listas Las listas son capaces de presentar ordenadamente una serie de concep-tos. Los tipos de lista son: : Lista desordenada. : Lista ordenada. : Lista de definicin. La diferencia entre los tipos de lista radica en el carcter que aparece en la zona izquierda de cada lnea de la lista. Las listas desordenadas tendrn un grfico formal (una forma geomtrica), las ordenadas tendrn un n-mero de orden y las listas de definicin una letra.

Pgina en HTML Lsta desordenada-:/BxBR>

Lnea 1. Lis-Lnea 2 . Lnea 3.

vportillaNuevo sello

Figura 1.7. Listas ordenadas y desordenadas.

52 Captulo 1

Lnea 3.1. Lnea 3.2.

Lnea 4.

Lsta ordenada

Lnea 1. Lnea 2. Lnea 3.

Lnea 3.1. Lnea 3.2.

Lnea 4 .

Cada litea de una lista debe estar precedida de la etiqueta . El cdi-go anterior genera la Web de la figura 1.7.

Imgenes La etiqueta < IMG> utiliza el atributo SRC para insertar la imagen seleccio-nada en el documento. .

vportillaNuevo sello

Introduccin a PHP 5 53

Adems, puede utilizar ALT para aadir una descripcin a la imagen. Entre las imgenes que se pueden incluir en la Web estn los tipos de archi-vos GIF, PNG y JPG.

La alineacin de la imagen con respecto a la pantalla se puede controlar con el atributo ALIGN.

Tablas

El elemento estrella en una pgina Web es la tabla. Actualmente, las ta-blas se utilizan para colocar en lugares determinados de la pantalla tex-tos, imgenes o el men de seleccin. Para definir

u n a tabla, tiene que insertar todos los datos entre las etiquetas

Figura 1.8. Tabla de 3 filas y 4 columnas.

54 Captulo 1

Como muestra el cdigo, la etiqueta puede contener atributos como BORDER, que aade un borde a todas las celdas de la tabla. Esta for-ma de actuar la vemos en la figura 1.8.

Resumen

Es muy importante para la lectura de los captulos del libro que conozca el lenguaje HTML en profundidad. PHP 5 se encarga de generar datos dinmicamente desde una base de datos, archivos o haciendo clculos complejos, pero al final ser una etiqueta HTML la que muestre esos da-tos en pantalla. Puesto que el objetivo de este libro no es conocer los as-pectos de HTML, invito al lector a indagar en otras publicaciones, o en Internet, para suplir las posibles carencias que pueda tener. Los ejemplos del libro se han escrito directamente en un editor de textos, pero esta no es la nica posibilidad. Tambin puede utilizar para realizar-los algn programa de diseo Web, con la ventaja de que las etiquetas HTML sern aadidas a golpe de clic.

vportillaNuevo sello