You are on page 1of 88

Introducción HTML PHP Despedida y cierre

Introducción a HTML y PHP
Un acercamiento a la programación WEB

Antonio J Fernández Ares
I HACKATHÓN Universidad de Granada

4 de marzo de 2010

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción HTML PHP Despedida y cierre

Patrocinado por:

AGRADECIMIENTOS E SPECIALES : - A L GRUPO DE I NVESTIGACIÓN G ENEURA - E THAN CREADOR DE O NION ( EL GATO CEBOLLA )

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción HTML PHP Despedida y cierre

Índice
1 2

Introducción HTML ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML PHP Introducción Sintáxis Básica Estructuras de Control Funciones

3

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción

HTML .

Antonio J Fernández Ares Introducción a HTML y PHP . los programas que utilizan los diseñadores generan páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las páginas web después de leer su contenido HTML. ¿Y no será muy difícil de aprender? Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño. "HTML es lo que se utiliza para crear todas las páginas web de Internet".Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML ¿Qué es HTML? Definiéndolo de forma sencilla. ¿Y para que sirve? Los diseñadores utilizan el lenguaje HTML para crear sus páginas web. es muy fácil de aprender y escribir por parte de las personas.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML ¿Qué es HTML? Definiéndolo de forma sencilla. Antonio J Fernández Ares Introducción a HTML y PHP . ¿Y para que sirve? Los diseñadores utilizan el lenguaje HTML para crear sus páginas web. ¿Y no será muy difícil de aprender? Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño. los programas que utilizan los diseñadores generan páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las páginas web después de leer su contenido HTML. es muy fácil de aprender y escribir por parte de las personas. "HTML es lo que se utiliza para crear todas las páginas web de Internet".

es muy fácil de aprender y escribir por parte de las personas. "HTML es lo que se utiliza para crear todas las páginas web de Internet".Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML ¿Qué es HTML? Definiéndolo de forma sencilla. ¿Y no será muy difícil de aprender? Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño. ¿Y para que sirve? Los diseñadores utilizan el lenguaje HTML para crear sus páginas web. Antonio J Fernández Ares Introducción a HTML y PHP . los programas que utilizan los diseñadores generan páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las páginas web después de leer su contenido HTML.

junto con el texto. incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. Desventajas La principal desventaja es que pueden aumentar mucho el tamaño del documento. Antonio J Fernández Ares Introducción a HTML y PHP . por lo que en general se utilizan etiquetas con nombres muy cortos.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Lenguaje de etiquetas Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que. Ventajas La principal ventaja de los lenguajes de etiquetas es que son muy sencillos de leer y escribir por parte de las personas y de los sistemas electrónicos.

Desventajas La principal desventaja es que pueden aumentar mucho el tamaño del documento.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Lenguaje de etiquetas Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que. incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. por lo que en general se utilizan etiquetas con nombres muy cortos. junto con el texto. Ventajas La principal ventaja de los lenguajes de etiquetas es que son muy sencillos de leer y escribir por parte de las personas y de los sistemas electrónicos. Antonio J Fernández Ares Introducción a HTML y PHP .

incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. Antonio J Fernández Ares Introducción a HTML y PHP . junto con el texto.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Lenguaje de etiquetas Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que. por lo que en general se utilizan etiquetas con nombres muy cortos. Ventajas La principal ventaja de los lenguajes de etiquetas es que son muy sencillos de leer y escribir por parte de las personas y de los sistemas electrónicos. Desventajas La principal desventaja es que pueden aumentar mucho el tamaño del documento.

Etiqueta Cada una de las palabras que se emplean para marcar el inicio y el final de una sección se denominan etiquetas. Antonio J Fernández Ares Introducción a HTML y PHP . </parrafo> Etiquetar (markup) Es el proceso de indicar las diferentes partes que componen la información.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Ejemplo: <parrafo> Contenido de texto con <importante> algunas palabras </importante> resaltadas de forma especial.

</parrafo> Etiquetar (markup) Es el proceso de indicar las diferentes partes que componen la información. Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Ejemplo: <parrafo> Contenido de texto con <importante> algunas palabras </importante> resaltadas de forma especial. Etiqueta Cada una de las palabras que se emplean para marcar el inicio y el final de una sección se denominan etiquetas.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Ejemplo: <parrafo> Contenido de texto con <importante> algunas palabras </importante> resaltadas de forma especial. Etiqueta Cada una de las palabras que se emplean para marcar el inicio y el final de una sección se denominan etiquetas. Antonio J Fernández Ares Introducción a HTML y PHP . </parrafo> Etiquetar (markup) Es el proceso de indicar las diferentes partes que componen la información.

la estructura típica de las etiquetas HTML es: <nombre_etiqueta> . seguido del nombre de la etiqueta (sin espacios en blanco) y terminado con el carácter > Así... en general las etiquetas se indican por pares y se forman de la siguiente manera: Etiqueta de apertura: carácter <. seguido del nombre de la etiqueta (sin espacios en blanco) y terminado con el carácter > Etiqueta de cierre: carácter <. seguido del carácter /. </nombre_etiqueta> Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Aunque existen algunas excepciones.

como por ejemplo su título y su idioma. como párrafos de texto e imágenes.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Las páginas HTML se dividen en dos partes: la cabecera y el cuerpo. El cuerpo de la página incluye todos sus contenidos. Antonio J Fernández Ares Introducción a HTML y PHP . La cabecera incluye información sobre la propia página.

</p> </body> </html> Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Ejemplo: <html> <head> <title> El primer documento HTML </ t i t l e > </head> <body> <p>E l l e n g u a j e HTML es <s t r o n g>tan s e n c i l l o </s t r o n g> que p r á c t i c a m e n t e se e n t i e n d e s i n e s t u d i a r e l s i g n i f i c a d o de sus e t i q u e t a s p r i n c i p a l e s .

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Antonio J Fernández Ares Introducción a HTML y PHP .

dir. dd. caption. h5. frameset. h4. big.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML HTML define 91 etiquetas que los diseñadores pueden utilizar para marcar los diferentes elementos que componen una página: a. script. Antonio J Fernández Ares Introducción a HTML y PHP . hr. object. cite. samp. u. title. em. thead. b. h3. span. A pesar de que se trata de un número de etiquetas muy grande. input. dl. p. meta. dfn. col. s. fieldset. tfoot. link. button. ul. kbd. h2. th. bdo. li. noframes. isindex. dt. param. acronym. body. colgroup. div. tbody. h1. style. map. frame. select. option. sub. del. table. iframe. strong. br. Algunos elementos como las imágenes y los enlaces requieren cierta información adicional para estar completamente definidos. base. sup. abbr. noscript. label. pre. optgroup. small. ol. ins. strike. font. tr. q. no es suficiente para crear páginas complejas. i. var. basefont. area. form. textarea. tt. center. address. html. code. legend. h6. applet. td. img. menu. head. blockquote.

la solución consiste en personalizar las etiquetas HTML mediante cierta información adicional llamada atributos. De esta forma. Como no es viable crear una etiqueta por cada enlace diferente.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML La etiqueta <a> por ejemplo se emplea para incluir un enlace en una página. se utiliza la misma etiqueta <a> para todos los enlaces de la página y se utilizan los atributos para indicar la dirección a la que apunta cada enlace. Antonio J Fernández Ares Introducción a HTML y PHP . Utilizando sólo la etiqueta <a> no es posible establecer la dirección a la que apunta cada enlace.

porque no tengo d i r e c c i ó n de d e s t i n o < /a> .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML <html> <head> < t i t l e >Ejemplo de a t r i b u t o s en l a s e t i q u e t a s </ t i t l e > </head> <body> <p> Los e n l a c e s son muy f á c i l e s de indicar : <a>Soy un e n l a c e incompleto . <a h r e f= " h t t p ://www. com" > E s t e o t r o e n l a c e apunta a l a página de Google</a> . google . </p> </body> </html> Antonio J Fernández Ares Introducción a HTML y PHP .

algunos de los atributos son comunes a muchas o casi todas las etiquetas. Si el valor de un atributo no es válido. Además.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML No todos los atributos se pueden utilizar en todas las etiquetas. Antonio J Fernández Ares Introducción a HTML y PHP . es habitual explicar por separado los atributos comunes de las etiquetas para no tener que volver a hacerlo cada vez que se explica una nueva etiqueta. cada etiqueta define su propia lista de atributos disponibles. cada atributo también indica el tipo de valor que se le puede asignar. el navegador ignora ese atributo. Aunque cada una de las etiquetas HTML define sus propios atributos. Por ello. De esta forma.

onkeydown. onmousemove.class. tabindex. ondblclick. onmousedown.style. dir Atributos de eventos: onclick. onmouseover.onfocus Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Los atributos comunes se dividen en cuatro grupos según su funcionalidad Atributos básicos: id.title Atributos para internacionalización: lang. onkeyup Atributos para los elementos que pueden obtener el foco: accesskey. onmouseup. onmouseout. xml:lang. onkeypress.

Antonio J Fernández Ares Introducción a HTML y PHP . Una etiqueta de cierre. Cero o más atributos. Texto encerrado por la etiqueta. Aunque en ocasiones se habla de forma indistinta de "elementos" y "etiquetas". ya que está formado por: Una etiqueta de apertura. HTML define el término elemento para referirse a las partes que componen los documentos HTML.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Además de etiquetas y atributos. en realidad un elemento HTML es mucho más que una etiqueta.

Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto La mayor parte del contenido de las páginas HTML habituales está formado por texto. El lenguaje HTML incorpora al tratamiento del texto muchas de las ideas y normas establecidas en otros entornos de publicación de contenidos. Por este motivo. es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto. llegando a ser más del 90 % del código de la página. HTML define etiquetas para estructurar el contenido en secciones y párrafos y define otras etiquetas para marcar elementos importantes dentro del texto. De esta forma.

que permite definir los párrafos que forman el texto de una página. <h5> y <h6>. Antonio J Fernández Ares Introducción a HTML y PHP . Para delimitar el texto de un párrafo. <h4>. se encierra ese texto con la etiqueta. Secciones Las páginas HTML habituales suelen tener una estructura más compleja que la que se puede crear solamente mediante párrafos. La etiqueta <h1> es la de mayor importancia y por tanto se utiliza para definir los titulares de la página. <h2>. es habitual que las páginas se dividan en diferentes secciones jerárquicas. De hecho. <h3>. Las etiquetas que definen los títulos de sección son <h1>.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Estructurar Párrafos Una de las etiquetas más utilizadas de HTML es la etiqueta <p>.

</p> <h2>Otra s u b s e c c i ó n </h2> <p>Más p á r r a f o s de c ont eni do . . </p> <h2>La primera sub−s e c c i ó n </h2> <p> P á r r a f o de c ont eni do . . . . </p> </body> </html> Antonio J Fernández Ares Introducción a HTML y PHP . .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Ejemplo: <html> <head> < t i t l e >Ejemplo3</ t i t l e > </head> <body> <h1> T i t u l a r de l a página</h1> <p> P á r r a f o de i n t r o d u c c i ó n . .

citas a otros documentos externos.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Resaltado y formato Una vez estructurado el texto en párrafos y secciones. HTML proporciona varias etiquetas para marcar cada uno de los diferentes tipos de texto. el siguiente paso es el marcado de los elementos que componen el texto. anotaciones y correcciones. Antonio J Fernández Ares Introducción a HTML y PHP . Entre las etiquetas más utilizadas para marcar texto se encuentran <em> y <strong>. etc. Los textos habituales están formados por elementos como palabras en negrita o cursiva.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Marcado avanzado del texto Las páginas y documentos más avanzados suelen incluir otros elementos importantes que se deben marcar de forma adecuada. HTML incluye muchas otras etiquetas que permiten marcar más elementos del texto. Antonio J Fernández Ares Introducción a HTML y PHP . La etiqueta <abbr> marca las abreviaturas de un texto y la etiqueta <acronym> se emplea para marcar las siglas o acrónimos del texto. Por ello.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Espacios en blanco y nuevas líneas El aspecto más sorprendente del lenguaje HTML cuando se desarrollan los primeros documentos es el tratamiento especial de los "espacios en blanco" del texto. los retornos de carro y el carácter de nueva línea (ENTER o Intro). No obstante. los tabuladores. HTML ignora todos los espacios en blanco sobrantes. HTML considera espacio en blanco a los espacios en blanco. Antonio J Fernández Ares Introducción a HTML y PHP . HTML proporciona varias alternativas para poder incluir tantos espacios en blanco y tantas nuevas líneas como sean necesarias dentro del contenido textual de las páginas. todos los espacios en blanco que no son el espacio en blanco que separa las palabras. es decir.

Antonio J Fernández Ares Introducción a HTML y PHP . se debe sustituir cada nuevo espacio en blanco por el texto &nbsp. Para incluir espacios en blanco adicionales.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Espacios en blanco y nuevas líneas II Nuevas líneas Para incluir una nueva línea en un punto y forzar a que el texto que sigue se muestre en la línea inferior. insertar la etiqueta <br> en un determinado punto del texto equivale a presionar la tecla ENTER (o Intro) en ese mismo punto. se utiliza la etiqueta <br>. Espacios en blanco La solución al problema de los espacios en blanco no es tan sencilla como el de las nuevas líneas. al final). En cierta manera. (es importante incluir el símbolo & al principio y el símbolo .

se puede utiliza la etiqueta <pre>. es necesario mostrar los espacios en blanco de un texto que no se puede modificar. En estos casos. respetando todos los espacios en blanco y todas las nuevas líneas. que muestra el texto tal y como se ha escrito. que se utiliza para mostrar código fuente de cualquier lenguaje de programación. Se trata de un caso habitual cuando una página web debe mostrar directamente el texto generado por alguna aplicación. Otra etiqueta relacionada con <pre> es la etiqueta <code>. Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Texto preformateado En ocasiones.

Los caracteres propios de los idiomas que no son el inglés (ñ. > y ") no se pueden utilizar libremente.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Caracteres “especiales” Algunos de los caracteres que se utilizan habitualmente en los textos no se pueden incluir directamente en las páginas web Los caracteres que utiliza HTML para definir sus etiquetas (<. ç. á. Antonio J Fernández Ares Introducción a HTML y PHP . ¡.) pueden ser problemáticos dependiendo de la codificación de caracteres utilizada. ¿. etc.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Texto: Caracteres “especiales” II Antonio J Fernández Ares Introducción a HTML y PHP .

las letras "HT" de la sigla HTML significan "hipertexto" (hypertext en inglés). por lo que el significado completo de HTML podría traducirse como "lenguaje de marcado para hipertexto". El elemento principal del hipertexto es el "hiperenlace". De hecho. Antonio J Fernández Ares Introducción a HTML y PHP . Entre los conceptos utilizados en su creación. se encuentra el mecanismo de "hipertexto". La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Enlaces El lenguaje de marcado HTML se definió teniendo en cuenta algunas de las características que existían en ese momento para la publicación digital de contenidos. también llamado "enlace web" o simplemente "enlace". ya que permitió crear documentos interactivos que proporcionan información adicional cuando se solicita.

Las URL son esenciales para crear los enlaces. pero también se utilizan en otros elementos HTML como las imágenes y los formularios. Antonio J Fernández Ares Introducción a HTML y PHP . Permitir localizar de forma eficiente ese recurso. es necesario comprender y dominar el concepto de URL. El acrónimo URL (del inglés Uniform Resource Locator) hace referencia al identificador único de cada recurso disponible en Internet. las URL permiten que cada página HTML publicada en Internet tenga un nombre único que permita diferenciarla de las demás. De esta forma es posible crear enlaces que apunten de forma inequívoca a una determinada página.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Enlaces: URL Antes de empezar a crear enlaces. La URL de un recurso tiene dos objetivos principales: Identificar de forma única a ese recurso. En primer lugar.

Introducción HTML PHP Despedida y cierre

¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML

Enlaces: URL II
En primer lugar, las URL permiten que cada página HTML publicada en Internet tenga un nombre único que permita diferenciarla de las demás. De esta forma es posible crear enlaces que apunten de forma inequívoca a una determinada página. Si se accede a la página principal de Google, la dirección que muestra el navegador es: http://www.google.com La cadena de texto http://www.google.com es la URL completa de la página principal de Google. La URL de las páginas es imprescindible para crear los enlaces, ya que permite distinguir una página de otra.

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción HTML PHP Despedida y cierre

¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML

Enlaces: URL III

El segundo objetivo de las URL es el de permitir la localización eficiente de cada recurso de Internet. Para ello es necesario comprender las diferentes partes que forman las URL. Una URL sencilla siempre está formada por las mismas tres partes. Si por ejemplo se considera la siguiente URL: http://es.wikipedia.org/wiki/Html

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción HTML PHP Despedida y cierre

¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML

Enlaces: URL IV
Las partes que componen la URL anterior son:
Protocolo (http://): el mecanismo que debe utilizar el navegador para acceder a ese recurso. Todas las páginas web utilizan http://. Las páginas web seguras (por ejemplo las de los bancos y las de los servicios de email) utilizan https:// (se añade una letra s). Servidor (www.es.wikipedia.org): simplificando mucho su explicación, se trata del ordenador en el que se encuentra guardada la página que se quiere acceder. Los navegadores son capaces de obtener la dirección de cada servidor a partir de su nombre. Ruta (/wiki/Html): camino que se debe seguir, una vez que se ha llegado al servidor, para localizar el recurso específico que se quiere acceder.

Antonio J Fernández Ares

Introducción a HTML y PHP

Introducción HTML PHP Despedida y cierre

¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML

Enlaces: Enlaces relativos y absolutos
Enlaces absolutos Las URL absolutas incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado. Enlaces relativos Las URL relativas prescinden de algunas partes de las URL para hacerlas más breves. Como se trata de URL incompletas, es necesario disponer de información adicional para obtener el recurso enlazado. En concreto, para que una URL relativa sea útil es imprescindible conocer la URL del origen del enlace.

Antonio J Fernández Ares

Introducción a HTML y PHP

son tan útiles que todos los sitios web las utilizan.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Enlaces: Enlaces relativos y absolutos II Las URL relativas se construyen a partir de las URL absolutas y prescinden de la parte del protocolo. del nombre del servidor e incluso de parte o toda la ruta del recurso enlazado. Antonio J Fernández Ares Introducción a HTML y PHP . Aunque las URL relativas pueden ser difíciles de entender para los que comienzan con HTML.

el navegador se dirige a la URL del recurso indicado mediante href. Con la definición anterior. Cuando el usuario pincha sobre un enlace.google.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Enlaces: <a> Los enlaces en HTML se crean mediante la etiqueta <a> (su nombre viene del inglés "anchor". El atributo más importante de la etiqueta <a> es href. que se utiliza para indicar la URL a la que apunta el enlace. para crear un enlace que apunte a la página principal de Google solamente habría que incluir lo siguiente en un documento HTML: <a href="http://www. literalmente traducido como "ancla").com">Página principal de Google</a> Antonio J Fernández Ares Introducción a HTML y PHP .

De hecho. sino que deberían emplearse hojas de estilos CSS para mostrarlas (aunque esto ya es otro tema.. etc. para mostrar pequeños iconos en las listas de elementos. Las imágenes de adorno son las que se utilizan para hacer bordes redondeados. para mostrar fondos de página. Las imágenes de contenido se incluyen directamente en el código HTML mediante la etiqueta <img> y las imágenes de adorno no se deberían incluir en el código HTML.. Dentro de las imágenes que se pueden incluir en una página HTML se deben distinguir dos tipos: las imágenes de contenido y las imágenes de adorno.) Antonio J Fernández Ares Introducción a HTML y PHP . prácticamente todas las páginas web contienen alguna imagen y la mayoría incluyen decenas de imágenes.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Imágenes Las imágenes son uno de los elementos más importantes de las páginas web. Las imágenes de contenido son las que proporcionan información y complementan la información textual.

Ejemplo sencillo para incluir una imagen: <img src="logotipo. Las URL indicadas pueden ser absolutas o relativas. Las descripciones deben tener una longitud inferior a 1024 caracteres y son útiles para las personas y dispositivos discapacitados que no pueden acceder a las imágenes.png" alt="Logotipo de Mi Sitio" /> Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Imágenes II Los dos atributos requeridos son src y alt. El atributo alt permite describir el contenido de la imagen mediante un texto breve. ya que establece la URL de la imagen que se va a mostrar en la página. El atributo src es similar al atributo href de los enlaces.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Objetos Además de las imágenes. HTML permite incluir en las páginas web otros elementos mucho más complejos. El atributo data se emplea para indicar la URL del recurso que se va a incluir. La mayoría de este tipo de contenidos no los interpreta el navegador directamente. El atributo type indica el tipo de contenido de los datos del objeto. La etiqueta <object> es la que permite "embeber" o incluir en las páginas HTML cualquier tipo de contenido complejo. como applets de Java y vídeos en formato QuickTime o Flash. Por ejemplo.mpeg" type="application/mpeg" /> Antonio J Fernández Ares Introducción a HTML y PHP . sino que hace uso de pequeños programas llamados plugins y que se encargan de tratar con este tipo de elementos complejos. para incluir un vídeo en formato MPEG: <object data="PlanetaTierra.

HTML permite crear formularios para que los usuarios interactúen con las aplicaciones web. Los años transcurridos desde la publicación de HTML ha provocado que no estén disponibles todos los elementos utilizados por los formularios más avanzados y modernos. HTML incluye los suficientes elementos de formulario para crear desde los formularios sencillos que utilizan los buscadores hasta los formularios complejos de las aplicaciones más avanzadas. Sin embargo. No obstante. HTML también incluye elementos para crear aplicaciones web.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Formularios HTML es un lenguaje de etiquetas cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Formularios Sencillos Los formularios más sencillos se pueden crear utilizando solamente dos etiquetas: <form> y <input>. Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML <html> <head> < t i t l e >Ejemplo de f o r m u l a r i o s e n c i l l o </ t i t l e > </head> <body> <h3>Formulario muy s e n c i l l o </h3> <form a c t i o n = " /maneja_formulario . php " method= " po st "> E s c r i b e tu nombre : <input type= " t e x t " name= " nombre " value= " " /> <br/> <input type= " submit " value= " Enviar " /> </form> </body> </html> Antonio J Fernández Ares Introducción a HTML y PHP .

cuadros de texto. De esta forma. casi todos los formularios incluyen el atributo method="get" o el atributo method="post". Este atributo hace referencia al método HTTP. listas desplegables) y la etiqueta <input> permite definir varios tipos diferentes de elementos (botones y cuadros de texto). Los dos valores que se utilizan en los formularios son GET y POST. por lo que no es algo propio de HTML. Antonio J Fernández Ares Introducción a HTML y PHP . El atributo action indica la URL de la aplicación del servidor que se encarga de procesar los datos introducidos por los usuarios.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML La etiqueta <form> encierra todos los contenidos del formulario (botones. Esta aplicación también se encarga de generar la respuesta que muestra el navegador. El atributo method establece la forma en la que se envian los datos del formulario al servidor. La mayoría de formularios utilizan sólo los atributos action y method.

Antonio J Fernández Ares Introducción a HTML y PHP . El atributo type diferencia a cada uno de los diez controles que se pueden crear con la etiqueta <input>. A continuación se muestran ejemplos para los diez controles que se pueden crear con la etiqueta <input>. por lo que su definición formal y su lista de atributos es muy extensa. La mayoría de controles se crean con la etiqueta <input>.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario Los elementos de formulario como botones y cuadros de texto también se denominan "campos de formulario" y "controles de formulario".

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Cuadro de texto Se trata del elemento más utilizado en los formularios. se muestra un cuadro de texto vacío en el que el usuario puede escribir cualquier texto. A continuación se muestra el código HTML correspondiente al ejemplo anterior: Nombre <br/> <input type="text" name="nombre" value="" /> Antonio J Fernández Ares Introducción a HTML y PHP . En el caso más sencillo.

En su lugar. A continuación se muestra el código HTML correspondiente al ejemplo anterior: Contraseña <br/> <input type="password" name="contrasena" value="" /> Antonio J Fernández Ares Introducción a HTML y PHP . los navegadores ocultan el texto utilizando asteriscos o círculos. por lo que es ideal para escribir contraseñas y otros datos sensibles.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Cuadro de contraseña La única diferencia entre este control y el cuadro de texto normal es que el texto que el usuario escribe en un cuadro de contraseña no se ve en la pantalla.

Aunque en ocasiones se muestran varios checkbox juntos.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Checkbox Los checkbox o "casillas de verificación" son controles de formulario que permiten al usuario seleccionar y deseleccionar opciones individualmente. cada uno de ellos es completamente independiente del resto. A continuación se muestra el código HTML correspondiente al ejemplo anterior: Puestos de trabajo buscados <br/> <input name="puesto_directivo" type="checkbox" value="direccion"/>Dirección <input name="puesto_tecnico" type="checkbox" value="tecnico"/> Técnico <input name="puesto_empleado" type="checkbox" value="empleado"/> Empleado Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Radiobutton Los controles de tipo radiobutton son similares a los controles de tipo checkbox. A continuación se muestra el código HTML correspondiente al ejemplo anterior: Sexo <br/> <input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre <input type="radio" name="sexo" value="mujer" /> Mujer Antonio J Fernández Ares Introducción a HTML y PHP . Los radiobutton se utilizan cuando el usuario solamente puede escoger una opción entre las distintas opciones relacionadas que se le presentan. pero presentan una diferencia muy importante: son mutuamente excluyentes. Cada vez que se selecciona una opción. automáticamente se deselecciona la otra opción que estaba seleccionaba.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Botón de envío de formulario La mayoría de formularios dispone de un botón para enviar al servidor los datos introducidos por el usuario: A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="submit" name="buscar" value="Buscar" /> Antonio J Fernández Ares Introducción a HTML y PHP .

Se trata de un botón especial que borra todos los datos introducidos por el usuario y devuelve el formulario a su estado original: A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="reset" name="limpiar" value="Borrar datos del formulario" /> Antonio J Fernández Ares Introducción a HTML y PHP . la mayoría de formularios modernos ya no utilizan este tipo de botón.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Botón de reinicio de formulario Aunque su uso era muy popular hace unos años.

A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="reset" name="limpiar" value="Borrar datos del formulario" /> Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Ficheros Adjuntos Los formularios también permiten adjuntar archivos para subirlos al servidor. Aunque desde el punto de vista de HTML y del navegador no existe ninguna limitación sobre el número. tipo o tamaño total de los archivos que se pueden adjuntar. todos los servidores añaden restricciones por motivos de seguridad.

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Campos ocultos Los campos ocultos se emplean para añadir información oculta en el formulario: A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="hidden" name="url_previa" value="/articulo/primero.html" /> Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Botón de imagen El aspecto de los botones de formulario se puede personalizar por completo.png" /> Antonio J Fernández Ares Introducción a HTML y PHP . ya que incluso es posible utilizar una imagen como botón: A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="image" name="enviar" src="accept.

el estándar HTML/XHTML define un botón de tipo genérico: A continuación se muestra el código HTML correspondiente al ejemplo anterior: <input type="button" name="guardar" value="Guardar Cambios" /> Antonio J Fernández Ares Introducción a HTML y PHP . Por ese motivo.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Elementos de formulario: Botón Algunos formularios complejos necesitan botones más avanzados que los de enviar datos (type="submit") y resetear el formulario (type="reset").

No obstante.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Formularios avanzados Utilizando solamente las etiquetas <form> y <input> es posible diseñar la mayoría de formularios de las aplicaciones web. La etiqueta <fieldset> agrupa campos del formulario y la etiqueta <legend> asigna un nombre a cada grupo. Antonio J Fernández Ares Introducción a HTML y PHP . HTML define algunos elementos adicionales para mejorar la estructura de los formularios creados.

el nombre de cada campo se incluye en forma de texto normal. En los ejemplos anteriores. Afortunadamente. todos los controles de formulario salvo los botones presentan una carencia muy importante: no disponen de la opción de establecer el título o texto que se muestra junto al control. el lenguaje HTML incluye una etiqueta denominada <label> y que se utiliza para establecer el título de cada campo del formulario. cada campo de formulario puede disponer de su propio título: <label for="nombre">Nombre</label> <br/> <input type="text" id="nombre" name="nombre" value="" /> Antonio J Fernández Ares Introducción a HTML y PHP . Utilizando la etiqueta <label>.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Formularios avanzados II Por otra parte. sin ninguna relación con el campo al que hace referencia.

Sin embargo. algunas aplicaciones web utilizan otros elementos de formulario que no se pueden crear con <input>.Introducción HTML PHP Despedida y cierre ¿Qué es HTML? HTML es un lenguaje de etiquetas ¿Cómo es un Documento HTML? Etiquetas y Atributos Elementos HTML Formularios avanzados III La etiqueta <input> permite crear diez tipos diferentes de controles de formulario. Antonio J Fernández Ares Introducción a HTML y PHP . Las listas deplegables y las áreas de texto disponen de sus propias etiquetas (<select> y <textarea> respectivamente).

PHP .

El cliente no ve el código PHP sino los resultados que produce Antonio J Fernández Ares Introducción a HTML y PHP . Lenguajes de script Los scripts PHP están incrustados en los documentos HTML y el servidor los interpreta y ejecuta antes de servir las páginas al cliente. PHP es un lenguaje de scriptdel lado del servidor.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones ¿Qué es PHP? PHP (acronimo de "PHP: Hypertext Preprocessor") es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor.

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones ¿Cómo funciona HTML? Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones ¿Cómo funciona PHP? Antonio J Fernández Ares Introducción a HTML y PHP .

Antonio J Fernández Ares Introducción a HTML y PHP . */ (varias líneas ) // (una línea) Comentario de una líneaPHP es sensible a las mayúsculas. ?> recomendado. Comentarios: como en C /* .La marca final ?> implica un . .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones ¿Cómo se incrusta en la página web? <?PHP . como en C. . siempre disponible <?= expresión ?> equivale a <? echo expresión ?> Las instrucciones se separan con un ...

?> </BODY> </HTML > Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Ejemplo: <HTML > <HEAD > <TITLE>Mi primer programa en PHP</TITLE> </HEAD > <BODY> <?PHP p r i n t ( " <P>Hola mundo</P> " ) .

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Inclusión de ficheros externos: include() require() Ambos incluyen y evalúan el fichero especificado Diferencia: en caso de error include() produce un warningy require() un error fatal Se usará require() si al producirse un error debe interrumpirse la carga de la página Antonio J Fernández Ares Introducción a HTML y PHP .

r e q u i r e ( " f e c h a . php " ) . r e q u i r e ( " cadena .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones <HTML > <HEAD > <TITLE> T í t u l o </TITLE> <?PHP / / I n c l u i r b i b l i o t e c a s d e f u n c i o n e s r e q u i r e ( " c o n e c t a . html " ) . <?PHP include ( " p i e . ?> / / C ó d i g o HTML + PHP . . . r e q u i r e ( " g l o b a l s . html " ) . php " ) . ?> </BODY> </HTML > Antonio J Fernández Ares Introducción a HTML y PHP . php " ) . ?> </HEAD > <BODY> <?PHP include ( " c a b e c e r a . php " ) .

Las funciones is_typecomprueban si una variable es de un tipo dado: is_array(). Se decide en tiempo de ejecución en función del contexto y puede variar. is_numeric(). is_object(). is_integer(). NULL El tipo de una variable no se suele especificar. string –Tipos compuestos: array. Es especialmente interesante con los arrays Antonio J Fernández Ares Introducción a HTML y PHP . Funciones de interés: La función gettype() devuelve el tipo de una variable.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Tipos de Datos PHP soporta 8 tipos de datos primitivos: –Tipos escalares: boolean. is_scalar(). double. integer. is_string() La función var_dump() muestra el tipo y el valor de una variable. is_float(). object –Tipos especiales: resource. is_bool(). is_resource(). is_null().

$_SESSION Ámbito: globales al fichero (excepto funciones) o locales a una función $valor= 5. $valor . seguido de letras. print”El valor es: “ . print”El valor es: $valor\n”. números o subrayado Variables predefinidas: $GLOBALS. $_GET. $_ENV. $_SERVER. $_POST.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Variables Las variables siempre van precedidas de un $ El nombre es sensible a las mayúsculas Comienzan por letra o subrayado. $_COOKIES. $_FILES. $_REQUEST. // ojo: comillas dobles Resultado: El valor es: 5 Antonio J Fernández Ares Introducción a HTML y PHP . “\n”.

integer. No llevan $ delante Sólo se pueden definir constantes de los tipos escalares (boolean.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Constantes Definición de constantes: define (“CONSTANTE”. string) Antonio J Fernández Ares Introducción a HTML y PHP . double. “hola”) printCONSTANTE.

(punto) asignación con concatenación: . -. /. evita cualquier mensaje de error que pueda ser generado por la expresión. – Operador de asignación: = Operadores combinados: . !. >. +=. etc Operadores de comparación: ==. xor Operadores de cadena: concatenación: . Antepuesto a una expresión.= Antonio J Fernández Ares Introducción a HTML y PHP . >= y otros Operador de control de error: @. !=. Operadores lógicos: and(&&). %. <=.=. *. ++. or(||).Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Expresiones y operadores Operadores aritméticos: +. <.

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Estructuras selectivas: if-else switch Estructuras repetitivas: while for foreach Antonio J Fernández Ares Introducción a HTML y PHP .

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones If-else Estructura selectiva if-else if(condición) sentencia if(condición) sentencia 1 else sentencia 2 if(condición1)sentencia 1 elseif(condición2)sentencia 2 elseif(condición3)sentencia 3 ... elseif(condición n)sentencia n else sentencia n+1 Mismo comportamiento que en C Las sentencias compuestas se encierran entre llaves elseifpuede ir todo junto Antonio J Fernández Ares Introducción a HTML y PHP .

e l s e $saludo= " Bienvenido . " .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Ejemplo: <?PHP i f ( $sexo== ’M’ ) $saludo= " Bienvenida . p r i n t ( $saludo ) . $nombre . ?> Antonio J Fernández Ares Introducción a HTML y PHP . " . $saludo= $saludo .

sólo que la expresión del case puede ser integer. . default: sentencia n+1 } Mismo comportamiento que en C..Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Switch switch(expresión) { case valor_1: sentencia 1 break. case valor_2: sentencia 2 break.. case valor_n: sentencia n break. floato string Antonio J Fernández Ares Introducción a HTML y PHP .

?> Adobe PDF" . Antonio J Fernández Ares Introducción a HTML y PHP . $extension . c a s e ( "TXT" ) : $ t i p o = " Documento break . de t e x t o " . c a s e ( "HTML" ) : c a s e ( "HTM" ) : $ t i p o = " Documento break . HTML" .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Ejemplo: <?PHP switch ( $ e x t e n s i o n ) { c a s e ( "PDF" ) : $ t i p o = " Documento break . default : $ t i p o = " Archivo " } print ( $tipo ) . .

Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones While Estructura repetitiva while while(condición) sentencia Mismo comportamiento que en C Antonio J Fernández Ares Introducción a HTML y PHP .

while ( $ i <= 5 ) { p r i n t ( " <LI >Elemento $ i </LI >\n " ) . } p r i n t ( " </UL>\n " ) . $i =1.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Ejemplo: <?PHP p r i n t ( " <UL>\n " ) . $ i ++. ?> Antonio J Fernández Ares Introducción a HTML y PHP .

condición. incremento) sentencia Mismo comportamiento que en C Antonio J Fernández Ares Introducción a HTML y PHP .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones For Estructura repetitiva for for(inicialización.

f o r ( $ i = 1 .Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Ejemplo: <?PHP p r i n t ( " <UL>\n " ) . $ i <=5. ?> Antonio J Fernández Ares Introducción a HTML y PHP . p r i n t ( " </UL>\n " ) . $ i ++) p r i n t ( " <LI >Elemento $ i </LI >\n " ) .

pero útil de la primera: foreach(expresion_array as $value) sentencia foreach(expresion_array as $key => $value) sentencia La primera forma recorre el array dado por expresion_array. salvo que la clave del elemento actual será asignada a la variable $key en cada iteración. la segunda es una extensión menor.. Hay dos sintaxis. se estará mirando el elemento siguiente). Esto simplemente da un modo fácil de iterar sobre arrays. La segunda manera hace lo mismo. En cada iteración.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Foreach PHP4 (PHP3 no) incluye una construcción foreach. Antonio J Fernández Ares Introducción a HTML y PHP . el valor del elemento actual se asigna a $value y el puntero interno del array se avanza en una unidad (así en el siguiente paso.

Para pasar una variables por referencia se antepone el símbolo & al nombre de la variable... $c=suma($a. return$s.. $y) { $s= $x+ $y. $b). Antonio J Fernández Ares Introducción a HTML y PHP . Por defecto los parámetros se pasan por valor. $a=1. print$c.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Una función se define con la siguiente sintaxis: functionsuma ($x.. Mismo comportamiento que en C. . } Y puede ser llamada mediante: . $b=2.

Jouni Ahto.Zeev Suraski.Introducción HTML PHP Despedida y cierre Introducción Sintáxis Básica Estructuras de Control Funciones Bibliografía Introducción a XHMTL Javier Eguíluz Pérez http://www.lsi.es/cursos/cursophp/ Antonio J Fernández Ares Introducción a HTML y PHP .es/xhtml Manual de PHP Stig Sæther Bakken.librosweb.org/biblioteca/programacion/Php/ Desarrollo de sitios web con PHP y MySQL José Mariano González Romano http://www.us.Lars Torben Wilson.Jim Winstead.securisite.Alexander Aulbach.Rasmus Lerdorf.Egon Schmid. Editado por Rafael Martínez http://www.Andrei Zmievski.

Introducción HTML PHP Despedida y cierre ¡Gracias por su atención! Nos vemos luego... Antonio J Fernández Ares Introducción a HTML y PHP .