HTML DEFINICION n HTML siglas de Hyper Text

  • Slides: 28
Download presentation
HTML

HTML

DEFINICION n HTML, siglas de Hyper. Text Markup Language (Lenguaje de Marcas de Hipertexto),

DEFINICION n HTML, siglas de Hyper. Text Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<, >). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript o PHP), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

EJEMPLO HTML n n n n <html> <head> <title>TITULO!!!! </title> </head> <body bgcolor=“FF 00

EJEMPLO HTML n n n n <html> <head> <title>TITULO!!!! </title> </head> <body bgcolor=“FF 00 FF”> HOLA ESTA ES MI PAGINA WEB <font color="red" size="60">HOLA ESTA ES MI PAGINA WEB</font> <h 1>HOLA ESTA ES MI PAGINA WEB</h 1> <a href="http: //www. youtube. com"> a youtube</a> </body> </html>

TABLAS n <table …. . > n n <tr …. > <td>1</td> <td>2</td>. .

TABLAS n <table …. . > n n <tr …. > <td>1</td> <td>2</td>. . . … </tr> n </b> n <tr …> <td>a </td> <td>b </td> … </tr> </table> n n n n n 1 2 a b

TABLAS (ejemplo) n n n n <table width=600 border=1 align="center"> <tr bgcolor=#FF 6600 align="center">

TABLAS (ejemplo) n n n n <table width=600 border=1 align="center"> <tr bgcolor=#FF 6600 align="center"> <td>ID</td> <td>Detalle</td> <td>Cantidad</td> <td>Fecha de venta</td> <td> Precio venta unitario</td> <td>Total</td> </tr> <tr align="center"> <td> fila 1</td><td>fila 2</td><td>fila 3</td><td>fila 4</td><td>fila 5</td><td>fila 6</td> </tr> </table>

FORMULARIOS Un formulario HTML es una sección de un documento que contiene contenido normal,

FORMULARIOS Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radiobotones (radio buttons), menúes, etc. ), y rótulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un menú, etc. ), antes de enviar el formulario a un agente para que lo procese (p. ej. , a un servidor web, a un servidor de correo, etc. )

FORMULARIOS EN HTML n <html> <h 3>Guardar datos en la base</h 3> <form action=mostrar.

FORMULARIOS EN HTML n <html> <h 3>Guardar datos en la base</h 3> <form action=mostrar. php method="post"> ID: <input type="int" name="id"> Nombre: <input type="text" name="nombre"> Precio: <input type="float" name="precio"> <input type="submit" name="sub" value="Guardar Datos"> n </form> n </html> n n n n

FORMULARIOS n n n n n <? $id=$_POST["id"]; $nombre=$_POST["nombre"]; $precio = $_POST["precio"]; echo "$nombre";

FORMULARIOS n n n n n <? $id=$_POST["id"]; $nombre=$_POST["nombre"]; $precio = $_POST["precio"]; echo "$nombre"; echo "id: $id, nombre: $nombre, precio: $precio, "; ? >

FORMULARIOS (ej 2) n <html> <body> <h 3>Agregar registro de venta</h 3> n <form

FORMULARIOS (ej 2) n <html> <body> <h 3>Agregar registro de venta</h 3> n <form action="guardar. php" method="POST"> n Selecciona producto: <select name="prod"> <option value=“crush"> crush </option> <option value=“sprite"> sprite </option> n n n n n </select> Cantidad: <input type="int" name="cantidad"> <input type="image" src="1. bmp"> </form> </body> </html>

FORMULARIOS (ej 3 en php) n <? n if (!isset($_GET["accion"])) n { n n

FORMULARIOS (ej 3 en php) n <? n if (!isset($_GET["accion"])) n { n n echo " <html> <h 3>Agregar registro de venta</h 3> n <form action="guardar. php? accion=guardar " method="POST"> n Selecciona producto: <select name="prod"> <option value="crush"> crush </option> <option value="limon soda"> limon soda </option> <option value="seven up"> seven up </option> n n n n </select> Cantidad: <input type="int" name="cantidad"> <input type="image" src="1. bmp"> n </form> </html> "; n } n

FORMULARIOS (cont ej 3) n elseif($_GET["accion"] == "guardar" ) n { n $prod=$_POST['prod']; $cantidad=$_POST['cantidad'];

FORMULARIOS (cont ej 3) n elseif($_GET["accion"] == "guardar" ) n { n $prod=$_POST['prod']; $cantidad=$_POST['cantidad']; echo " n n n Has elegido $cantidad unidades de $prod <a href="guardar. php">volver</a> "; } n ? > n n n

PHP

PHP

DEFINICION n n PHP Es un lenguaje de programación de páginas web del lado

DEFINICION n n PHP Es un lenguaje de programación de páginas web del lado del servidor cuyas características principales son la independencia de plataforma y su gratuidad. Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP.

PHP - Variables n Variables ¡ Las variables son elementos que creamos para asignarles

PHP - Variables n Variables ¡ Las variables son elementos que creamos para asignarles un valor o dato específico (que puede cambiar a lo largo de nuestro archivo). En PHP, las variables se definen anteponiendo el signo $, por ejemplo: $hola = "hola mundo"; $pi = 3. 1428; $número = 8; $símbolo = “ 8”;

PHP – Un ejemplo n n n n <? php $text = "hola"; echo

PHP – Un ejemplo n n n n <? php $text = "hola"; echo "$text"; $num= 45; echo "$num"; ? > La funcion echo lo que hace es imprimir una o más cadenas de texto.

Operadores en PHP n Operadores aritméticos + Suma dos valores - Resta dos valores

Operadores en PHP n Operadores aritméticos + Suma dos valores - Resta dos valores (o pasa a negativo un valor) * Multiplica dos valores / Divide dos valores % Resto de dividir dos valores ++ Incremento en una unidad -- Decremento en una unidad

Operadores de asignación = Asigna a la parte izquierdo el lo evaluado a la

Operadores de asignación = Asigna a la parte izquierdo el lo evaluado a la derecha += Realiza la suma de la izquierda con la derecha y la asigna a la izquierda -= Realiza la resta de la izquierda con la derecha y la asigna a la izquierda *= Realiza la multiplicación de la izquierda con la derecha y la asigna a la izquierda /= Realiza la división de la izquierda con la derecha y la asigna a la izquierda %= Se obtiene el resto de la división de la izquierda con la derecha y la asigna a la izquierda . = Concatena el valor de la izquierda con la derecha y lo asigna a la izquierda

Operadores lógicos ! Operador NO o negacion. Si es true pasa a false y

Operadores lógicos ! Operador NO o negacion. Si es true pasa a false y viceversa and Operador Y, si ambos son verdaderos vale verdadero or Operador O, vale verdadero si alguno de los dos es verdadero xor Verdadero si alguno de los dos es true pero nunca ambos && Verdadero si ambos lo son || Verdadero si alguno lo es

Operadores condicionales == Comprueba si contenidos números son iguales != Comprueba si dos contenidos

Operadores condicionales == Comprueba si contenidos números son iguales != Comprueba si dos contenidos son distintos > Mayor que, devuelve true en caso afirmativo < Menor que, devuelve true en caso afirmativo >= Mayor o igual <= Menor o igual

Variables Los tipos de datos posibles que puede almacenar una variable son los siguientes:

Variables Los tipos de datos posibles que puede almacenar una variable son los siguientes: Integer Números enteros positivos y negativos Double Números decimales o de coma flotante String Cadenas de texto Boolean Valores True o False Array Tipo especial de colección de valores Object Tipo especial de dato complejo

Tipos y conversión de tipos de datos n PHP es un lenguaje que realiza

Tipos y conversión de tipos de datos n PHP es un lenguaje que realiza la conversión de tipos en función de los operandos y del operador. De esta forma si intentamos sumar la cadena '10' y el número 20 la acción que realizaría sería convertir la primera variable a numérica y de esa forma podría sumar 10+20=30. n Aparte de que PHP en algunos casos realiza la conversión existen dos funciones especiales del propio lenguaje las cuales nos permiten saber el tipo de variable que estamos usando y también pueden convertir el tipo de variable: gettype() Recibe el tipo de variable que es settype($variable, 'tipo variable') Transforma el tipo de variable del modo actual a el modo que le introduzcamos.

Diferentes tipos de condicionales Tenemos 4 elementos a utilizar a la hora de necesitar

Diferentes tipos de condicionales Tenemos 4 elementos a utilizar a la hora de necesitar una condición: if, elseif y switch if, else y elseif n La estructura if se utiliza para ejecutar una accion según una determinada condición. n Por ejemplo: n n n n <? $a=5; $b=9; if ($a > $b) echo "a es mayor que b"; else echo "a es menos o igual que b “; <?

Uso SWITCH n Toma distintas decisiones en función de distintos estados de la variable.

Uso SWITCH n Toma distintas decisiones en función de distintos estados de la variable. Su sintaxis es la siguiente: switch(expresión){ case valor 1: sentencia a ejecutar cuando la expresión tiene como valor 1 break case valor 2: sentencia a ejecutar cuando la expresión tiene como valor 2 break case valor 3: sentencia a ejecutar cuando la expresión tiene como valor 3 break default: sentencia que se ejecutar por defecto cuando no se cumpla ninguna de las condiciones anteriores

Uso de For n n El bucle “for” se usa para repetir una misma

Uso de For n n El bucle “for” se usa para repetir una misma operación un número determinado de veces. Su sintaxis es la siguiente: for(inicialización; condición; actualización) { sentencia a ejecutar mientras se cumpla la condición } Un ejemplo de su uso seria el siguiente: for($i=1; i<=10; i++){ echo "El número actual es $i " ; } De esta forma escribiría todos los números contenidos entre 0 y 10.

Bucle WHILE n Este bucle se usa cuando queremos repetir la ejecución de unas

Bucle WHILE n Este bucle se usa cuando queremos repetir la ejecución de unas sentencias un número indefinido de veces. Su sintaxis es la siguiente: while(condición){ sentencia a ejecutar }

EJEMPLO WHILE n <? php $cuenta = 0; echo "Voy a entrar al bucle

EJEMPLO WHILE n <? php $cuenta = 0; echo "Voy a entrar al bucle while "; while ( $cuenta <= 10) { echo "Cuenta vale $cuenta "; $cuenta++; } echo "He salido del bucle while"; ? >

Uso DO. . . WHILE n Este bucle se usa cuando no sabemos el

Uso DO. . . WHILE n Este bucle se usa cuando no sabemos el número de veces que va a ejecutarse un bucle pero lo que si tenemos claro es que por lo menos una vez, se ejecutara la acción. Su sintaxis es la siguiente: do{ sentencia del bucle }while(condicion)

Variables de PHP n n n n n $_SERVER['argc'] : Número de parametros pasados

Variables de PHP n n n n n $_SERVER['argc'] : Número de parametros pasados al script en su ejecución. $_SERVER['PHP_SELF'] Nombre del script que se está ejecutando $_COOKIE Array asociativo de pares (clave, valor) pasados a través de cookies $_GET Array asociativo de pares (clave, valor) pasados a través de GET $_POST Array asociativo de pares (clave, valor) pasados a través de POST $_FILES Array asociativo que contiene información de los ficheros recibidos mediante POST $_ENV Array asociativo de pares (clave, valor) del entorno $_SERVER Array asociativo de pares (clave, valor) del servidor $_SESSION Array asociativo de pares (clave, valor) de sesion