Sunteți pe pagina 1din 11

Curso:

Programación de
páginas web con PHP
Curso:
Programacion de
paginas web con PHP

1. ¿Qué es el HTML?
La world wide web tiene una arquitectura cliente / servidor. Un programa cliente
que se ejecuta en tu ordenador (el navegador o browser) solicita información de
un programa servidor que se ejecuta en una máquina en cualquier otro lugar. El
servidor envía la informción solicitada de vuelta a través de la red al programa
navegador, el cual la interpreta para mostrarla en la pantalla.
Para que el intercambio de información entre el cliente y el servidor se realice
de acuerdo a unos parámetros que ambos puedan entender, se utilizan
protocolos de comunicaciones. Internet se fundamenta en el protocolo TCP/IP,
sobre el cual se construyen otros protocolos de aplicación. En el caso de la
world wide web, el protocolo utilizado es el HTTP (Hipertext Transfer Protocol).
Cuando el navegador recibe la información, la interpreta para mostrarla en la
pantalla. Las páginas que se visualizan están formadas, fundamentalmente, por
textos e imágenes, con una estructura y un formato específicos. El HTML
(Hipertext Markup Language) es lo que nos permite decirle al navegador cómo
debe mostrar la información: formato de los textos, colores, orden de los
párrafos, etc.
A menudo observamos como una misma página puede visualizarse de manera
diferente (colores, ancho de tablas, formato de textos, etc.) en función del
navegador que se utilice: el HTML no es una forma de codificar la información,
sino de especificar el formato que debe darse a la información. Por ejemplo,
podemos transmitir la palabra "¡Hola!" que tenemos guardada en un fichero de
texto. Pero, ¿cómo decirle al navegador que la muestre de color rojo y
centrada? El HTML es la respuesta.

2. El concepto de etiqueta (tag)


El HTML describe el aspecto visual que debe tener una página mediante la
utilización de etiquetas (tags). Las etiquetas le indicarán al navegador la
posición relativa de los elementos de la página, su tamaño, las tipografías y
colores a utilizar, etc.

Las etiquetas son como instrucciones que le indican al navegador como mostrar
la información. Existen dos clases de etiquetas:
I. Etiquetas vacías
Tiene el siguiente formato:
<etiqueta>
Se utilizan para introducir saltos de línea, líneas horizontales, y otros elementos
no asociados al formato de textos o imágenes.
II. Etiquetas contenedoras
Tienen el siguiente formato:
<etiqueta> ... </etiqueta>
Estas etiquetas dan un formato al texto o porción del documento que engloban.
Este tipo de etiquetas tiene una marca inicial, y una marca final igual que la
inicial, pero con el caracter "/". Todo lo que esté contenido entre ambas marcas
quedará sujeto al formato indicado por la etiqueta. Por ejemplo, podemos
mostrar la palabra "¡Hola!" en cursiva de la siguiente forma:
<i>¡Hola!</i>
La mayoria de estas etiquetas pueden, a su vez, contener otras etiquetas, de
cualquiera de los dos tipos. Por ejemplo, para mostrar la palbra "¡Hola!" en
cursiva y negrita:
<i><b>¡Hola!</b></i>

3. El concepto de argumento
Las etiquetas pueden especificar, por ejemplo, que cierta palabra aparezca en
negrita. Pero si queremos que cierta palabra aparezca de color rojo,
necesitamos suministrar un parámetro: el color. La mayoría de las etiquetas
tienen parámetros para indicar múltiples aspectos del formato, como el color, el
tamaño, la posición, etc.
El formato de una etiqueta con parámetros es el siguiente:
<etiqueta parametro1="valor1" parametro2="valor2" ... > ... </etiqueta>
Por ejemplo, para mostrar la palabra "¡Hola!" en rojo, utilizamos la etiqueta font
con el parametro color igual a red:
<font color="red">¡Hola!</font>
4. Mi primera página
Toda página HTML debe comenzar por la etiqueta <html> y terminar con
</html>. Todo lo que figure entre estas etiquetas será interpretado por el
navegador como un documento HTML. Lo que quede fuera de ellas será, en la
mayoría de los casos, ignorado.
El documento HTML se divide siempre en dos partes: cabecera y cuerpo.

4.1. Cabecera
La cabecera figura entre las etiquetas <head> y </head>. En ella se
especifica el título, el autor, y otras características del documento que no se
muestran físicamente en la página y que sirven para facilitar su indexación (son
lo que se conoce como meta tags). En la cabecera también deben incluirse los
scripts que necesite el documento (JavaScript, JScript, etc.) y las definiciones de
estilos (si se utilizan hojas de estilos).

4.2. Cuerpo
El cuerpo es la parte del documento que se circunscribe entre las etiquetas
<body> y </body>. En esta parte se incluye la página propiamente dicha.
Teniendo esto en cuenta podemos construir ya nuestra primera página HTML
con los elementos mínimos necesarios para que sea interpretada correctamente
por un navegador:
<html>
<head>
<title>Mi primera pagina HTML</title>
</head>
<body>
Mi primera página HTML
</body>
</html>
Como se observa en el ejemplo, podemos insertar saltos de línea en cualquier
parte del documento.

Comentarios
Para que en futuras revisiones a tu código por tu parte y sobre todo por parte de otros
programadores este código sea inteligible para la mente humana, es una buena costumbre
comentar lo que se está haciendo en PHP pero en palabras.

De esta manera el código será mucho más sencillo de comprender y a su vez de modificar,
corregir, ampliar...

000 <?
001 echo 'Esto se ve';
002 // esto no se ve
003 echo 'esto tambien se ve';
004 /* esto tampoco
005 se ve */
006 ?>

O también podemos usar # como en los comentarios del shell de Unix:

000 <?
001 # esto no se ve
002 echo 'pero esto si';
003 ?>

Variables en PHP

Una variable es un nombre que contiene unos determinados datos, ya sean de texto o
numéricos, y en PHP tienen la peculiaridad de ir precedidas por el signo del dólar ($).

En PHP no es necesario declarar las variables antes de usarlas y pueden contener texto y
números indiferentemente. Vamos a ver un ejemplo de uso de variables:

000 <?
001 $miVariable = 'Hola ';
002 $miVariable2 = 33;
003 // Imprimimos Hola 33
004 echo $miVariable.$miVariable2;
005 ¿>

Como vemos, asignamos valor a una variable con el operador de igualdad (=), y concatenamos
con el operador punto (.).

PHP es un lenguaje de los denominados de tipo dinámico, lo que significa que una misma
variable puede tener tipos ( numero, texto, vector... ) diferentes en distintos momentos. Por
esta razón, no soporta la definición de tipos en la declaración de variables sino que el tipo de la
variable viene determinado por el contexto en el que se encuentra, veamos un ejemplo:

000 <?php
001 // La variable $var1 es un numero ( entero )
002 $var1 = 3;
003 // La variable $var2 es un texto ( cadena de caracteres )
004 $var2 = "9 años";
005 // Si juntamos las variables $var1 y $var2, obtenemos un texto
006 $var3 = $var1 . $var2; // "39 años"
007 // Si en cambio las sumamos obtendremos un número
008 $var3 = $var1 + $var2; // 12 ( 3 + 9)
009 ?>

Podemos forzar un tipo determinado, con la función settype o ente paréntesis delante de la
variable uno de los siguientes tipos de datos:
boolean - Lógico
Puede contener 2 valores True o False. Al usarlo cómo entero su valor puede ser 1 ( True ) o 0
( False ).
Un ejemplo típico de lógico es el resultado de una comparación:

000 <?php
001 $var1= 1 != 2 ; // $var1 es true
002 ?>

integer - Entero
Puede contener enteros ( sin decimales ) positivos y negativos, se pueden escribir en notación
octal, decimal y hexadécimal:

000 <?php
001 $var1 = 027; // Notación octal ( 23 en decimal )
002 $var1 = 23; // Notación decimal
003 $var1 = 0x17; // Notación hexadecimal ( 23 en decimal )
004 ?>

Si lo utilizamos cómo lógico su valor es False si es 0 o True en cualquier otro caso.

string - Cadena de caracteres


Es una lista de caracteres ( letras, cifras, signos... ) en un orden determinado, por ejemplo "hola
mundo". Los representamos delimitados con comillas dobles o simples. No podemos utilizar el
mismo tipo de comillas en el interior de una cadena que para delimitarla, en este caso le
tendremos que poner un \ delante para diferenciarla del final de la cadena, y si se puede
confundir, \\ en lugar de \:
000 <?php // Así si
001 $var1 = "pongo \ delante de las \" pero no de las ' ";
002 $var1 = 'pongo \ delante de las \' pero no de las " ';
003 $var1 = "pongo \\";
004 // Así no
005 $var1 = "pongo " donde quiero"; // Mal ! "
006 $var1 = "pongo \"; // Mal ! \
007 ?>

Las cadenas con comillas dobles, aparte de \" y \' tienen otros caracteres especiales:
\n - Salto de línea (en el código, no en la presentación de la pág.)
\r - Retorno de carro (Enter)
\t - Tabulador
\$ - Dólar
null - vacío
No tiene valor, se comporta como cadena vacía, cero o false;
Operadores
Aritmética

Los operadores de aritmética son los operadores básicos para el trabajo con números, nos
permiten sumar dos valores, restarlos, dividirlos... Se trata de operadores binarios en todos los
casos ya que requieren dos operandos para funcionar correctamente.

Los operadores aritméticos existentes son los siguientes:


Adición (+) - Devuelve la suma de los dos operandos que recibe el operador.

000 <?
001 $a = 1 + 2; // $a toma valor 3
002 ?>

Substracción (-) - Devuelve la diferencia entre el primer y el segundo operando.


Multiplicación (*) - Devuelve el producto de los operandos.
División (/) - Devuelve el cociente en valor flotante de los operandos.
Módulo (%) - Devuelve el resto de dividir el primer operando entre el segundo. Este operador
es muy útil para saber si un número es múltiple de otro
000 <?
001 $a = 3 % 2; // $a toma valor 1
002 ?>
.
Al tratar de operar matemáticamente con cadenas u otros tipos de datos, PHP intentará
transformar a enteros y luego realizará las operaciones deseadas.

Comparación

Los operadores de comparación son operadores en su mayoría binarios que nos permiten
comparar variables devolviendo un valor booleano a 1 (TRUE) si se cumple la condición que
expresan y a 0 (FALSE) en el caso contrario.

Los operadores binarios de comparación son:


Igual (==) - Devuelve 1 si los operandos son iguales aunque sean de tipo distinto.
Idéntico (===) - Devuelve 1 si los operandos son iguales y del mismo tipo.
Diferente (!= o <>) - Devuelve 1 si los operandos son distintos.
No idénticos (!==) - Devuelve 1 si son distintos o de tipo diferente.
Menor que (<) - Devuelve 1 si el primer operando es más pequeño que el segundo.
Mayor que (>) - Devuelve 1 si el primer operando es más grande que el segundo.
Menor o igual que (<=) - Devuelve 1 si el primer operando es más pequeño o igual que el
segundo.
Mayor o igual que (>=) - Devuelve 1 si el primer operando es más grande o igual que el
segundo.
Estos operadores se usan mayormente como condición para las estructuras de control.

Lógica

Los operadores de Lógica nos permiten crear expresiones más complejas para evaluar nuestras
estructuras de control, permitiéndonos enlazar varias operaciones de comparación con los
diferentes operadores booleanos.
Estos operadores son mayoritariamente binarios, por lo que reciben 2 operandos, dependiendo
de estos operandos (de valor 0 o 1) devolverá 0 (FALSE) o 1 (TRUE), los operadores lógicos
binarios son:
Y (&& o and) - Devuelve 1 si ambos operandos son 1
O (|| o or) - Devuelve 1 si algún operando es 1
O exclusivo (xor) - Devuelve 1 si solo 1 operando es 1

Veamos un ejemplo para ver cómo funcionan estos operadores:

000 <?
001 echo ((1 == 1)&&(2 != 2)); // Devuelve 0
002 ?>

Existe otro operador lógico, en este caso unario, que es el operador No (!), este operador
delante de un valor binario, devuelve el valor contrario (0 si es 1 y 1 si es 0):

000 <?
001 echo !((1 == 1)&&(2 != 2)); // Devuelve 1
002 ?>

En esta expresión primero evaluaremos los paréntesis, el primero vale 1 porque se cumple, el
segundo 0 porque no se cumple, como usamos Y (&&) y no son 1 los dos vale 0, entonces lo
negamos y vale 1

Estructuras de Control

Condicional if

La estructura if nos permite ejecutar un bloque de acciones si se cumple una determinada


condición, de lo contrario nos permite ejecutar otro bloque de acciones identificado por la
sentencia else, si el resultado de la condición es distinto de 0, se ejecutarán las acciones del if,
de lo contrario las del else:

000 <?
001 if($var1 == 12){
002 echo 'La variable vale 12';
003 }
004 else {
005 echo 'La variable tiene otro valor';
006 }
007 ?>

La condición, se escribe entre paréntesis a continuación de la palabra if, y está formada por
operaciones PHP, sobre todo por operaciones lógicas y de comparación.
Hay otra sentencia que usamos a menudo para unir más de un condicional if, es la sentencia
elseif, ésta nos permite dar otra condición por si no se ha cumplido la primera, después de
elseif podemos volver a usar else con normalidad:

000 <?
001 if($var1 == 12){
002 echo 'La variable vale 12';
003 }
004 elseif($var1 == 3){
005 echo 'La variable vale 3';
006 }
007 else {
008 echo 'La variable tiene otro valor';
009 }
010 ?>

En este caso, si var1 es distinto de 12, evaluará si vale 3, si es así mostrará el segundo
mensaje, si no el tercero.

Bucle for

El bucle for nos permite ejecutar un determinado bloque de acciones un número determinado
de veces, a esta estructura le pasaremos tres parámetros que separaremos por punto y coma
(;) y que serán:
acción inicial - Inicializa la variable de control del bucle
condición - Se evalúa en cada iteración, cuando devuelve 0 o FALSE se continua ejecutando el
código de después del for
acción - Se ejecuta en cada bucle y debe modificar la variable de la condición
Vamos a ver un ejemplo para que nos quede todo claro, ya que el concepto puede costar un
poco de comprender.

000 <?
001 for ($var1 = 0; $var1 < 10; $var1++){
002 echo "\$var1 = $var1";
003 }
004 ?>

Antes de empezar el bucle se ejecutará $var1 = 0, entonces se ejecutará el interior del bucle y
$var1++ hasta que se cumpla $var1 < 10.

Bucle while

Esta instrucción nos permite efectuar un bloque de acciones mientras se cumpla una
determinada condición, cuando deje de cumplirse, se continuará ejecutando el resto del código
PHP, la condición se cumple mientras no de resultado 0 y está formada por operaciones PHP,
sobre todo por operaciones lógicas y de comparación.

000 <?
001 $var1 = 0;
002 while($var1 < 10){
003 echo "\$var1 = $var1<br>";
004 $var1++; // Incrementamos la variable
005 }
006 ?>

Hay que tener cuidado con este tipo de bucle, en el interior del bloque de acciones siempre se
debe modificar algún parámetro de la condición para que esta acabe cumpliéndose, de lo
contrario crearemos un bucle infinito.

S-ar putea să vă placă și