![<!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>](https://image.slidesharecdn.com/doctypehtml-150128065519-conversion-gate02/85/Doctype-html-1-320.jpg)
![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;
}](https://image.slidesharecdn.com/doctypehtml-150128065519-conversion-gate02/85/Doctype-html-2-320.jpg)
Doctype html
- 1. <!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>
- 2. 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; }
- 3. .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>