Doctype html

4
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo sencillo</title> <h1 id="header">Este es un proyecto de mecánica</h1> <script> document.body.appendChild(document.createTextNode('Hola MUNDO!')); var h1 = document.getElementById('header'); // EN ESTE DOCUMENTO VA EL PROYECTO DE LOS PROGRAMAS DE MECANICA INDUSTRIAL <h1> h1 = document.getElementsByTagName('h1')[0]; // accediendo al mismo elemento <h1> </script> <noscript>Tu navegador o no admite JavaScript, o ha JavaScript está deshabilitado. </noscript> </head> <body>/*...*/</body> </html> Fichero uno.php <HTML> <BODY> <FORM ACTION=”dos.php” METHOD=”POST”> Edad: <INPUT TYPE=”text” NAME=”edad”> <INPUT TYPE=”submit” VALUE=”aceptar”> </FORM> </BODY> </HTML> Fichero dos.php <HTML> <BODY> <?PHP print (“La edad es: $edad”); ?> </BODY> </HTML>

Transcript of Doctype html

Page 1: Doctype html

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Ejemplo sencillo</title> <h1 id="header">Este es un proyecto de mecánica</h1> <script> document.body.appendChild(document.createTextNode('Hola MUNDO!')); var h1 = document.getElementById('header'); // EN ESTE DOCUMENTO VA EL PROYECTO DE LOS PROGRAMAS DE MECANICA INDUSTRIAL <h1> h1 = document.getElementsByTagName('h1')[0]; // accediendo al mismo elemento <h1></script> <noscript>Tu navegador o no admite JavaScript, o ha JavaScript está deshabilitado. </noscript> </head><body>/*...*/</body></html>

Fichero uno.php<HTML><BODY><FORM ACTION=”dos.php” METHOD=”POST”> Edad: <INPUT TYPE=”text” NAME=”edad”> <INPUT TYPE=”submit” VALUE=”aceptar”></FORM></BODY></HTML>

Fichero dos.php<HTML><BODY><?PHP print (“La edad es: $edad”);?></BODY></HTML>

Page 2: Doctype html

n La variable $_FILES contiene toda la información del fichero subido:– $_FILES['imagen']['name']

• Nombre original del fichero en la máquina cliente– $_FILES['imagen']['type']

• Tipo mime del fichero. Por ejemplo, "image/gif"– $_FILES['imagen']['size'] Fichero uno.php

• Tamaño en bytes del fichero subido– $_FILES['imagen']['tmp_name']

• Nombre del fichero temporal en el que se almacena el fichero subido en el servidor

– $_FILES['imagen’]['error']• Código de error asociado al fichero subido

Menú despeglable

* {margin:0px;padding:0px;}#header {margin:auto;width:500px;font-family:Arial, Helvetica, sans-serif;}ul, ol {list-style:none;}.nav > li {float:left;}.nav li a {background-color:#000;color:#fff;text-decoration:none;padding:10px 12px;display:block;}.nav li a:hover {background-color:#434343;}.nav li ul {display:none;position:absolute;min-width:140px;}.nav li:hover > ul {display:block;}

Page 3: Doctype html

.nav li ul li {position:relative;}.nav li ul li ul {right:-140px;top:0px;}</style></head><body><div id="header"><ul class="nav"><li><a href="">Inicio</a></li><li><a href="">Servicios</a><ul><li><a href="">Submenu1</a></li><li><a href="">Submenu2</a></li><li><a href="">Submenu3</a></li><li><a href="">Submenu4</a><ul><li><a href="">Submenu1</a></li><li><a href="">Submenu2</a></li><li><a href="">Submenu3</a></li><li><a href="">Submenu4</a></li></ul></li></ul></li><li><a href="">Acerca de</a><ul><li><a href="">Submenu1</a></li><li><a href="">Submenu2</a></li><li><a href="">Submenu3</a></li><li><a href="">Submenu4</a></li></ul></li><li><a href="">Contacto</a></li></ul></div></body></html>