SlideShare una empresa de Scribd logo
1 de 3
<!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>
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;
}
.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>

Más contenido relacionado

Destacado

friction presentation march
friction presentation marchfriction presentation march
friction presentation marchMichael Ryan
 
Bird Banding Spring 2015
Bird Banding Spring 2015Bird Banding Spring 2015
Bird Banding Spring 2015kvanbooven
 
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚ
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚΣτα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚ
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚΧρυσούλα Λέλε
 
European CRE Loan & REO Sales Market Q3 2015
European CRE Loan & REO Sales Market Q3 2015European CRE Loan & REO Sales Market Q3 2015
European CRE Loan & REO Sales Market Q3 2015Sion Owen
 
Στα βήματα του Πάτρικ Λη Φέρμορ στην Ουγγρική μεθόριο.
  Στα βήματα του Πάτρικ Λη  Φέρμορ στην Ουγγρική μεθόριο.  Στα βήματα του Πάτρικ Λη  Φέρμορ στην Ουγγρική μεθόριο.
Στα βήματα του Πάτρικ Λη Φέρμορ στην Ουγγρική μεθόριο.Χρυσούλα Λέλε
 
Maple Syruping Day 2016
Maple Syruping Day 2016Maple Syruping Day 2016
Maple Syruping Day 2016kvanbooven
 
El audio digital
El audio digitalEl audio digital
El audio digitalinakoxx
 
Curriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsCurriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsDavid H.A. Coffie
 
Volunteer Awards Banquet 2015
Volunteer Awards Banquet 2015Volunteer Awards Banquet 2015
Volunteer Awards Banquet 2015kvanbooven
 
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες Μαθηματικούς
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες ΜαθηματικούςTαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες Μαθηματικούς
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες ΜαθηματικούςΧρυσούλα Λέλε
 
Curriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsCurriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsDavid H.A. Coffie
 
Enrico moro, Comobo: Some works
Enrico moro, Comobo: Some worksEnrico moro, Comobo: Some works
Enrico moro, Comobo: Some worksEnrico Moro
 
Όταν συναντήσαμε τον Αρχιμήδη
Όταν συναντήσαμε τον ΑρχιμήδηΌταν συναντήσαμε τον Αρχιμήδη
Όταν συναντήσαμε τον ΑρχιμήδηΧρυσούλα Λέλε
 
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.Ντυρστάιν
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.ΝτυρστάινΣτα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.Ντυρστάιν
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.ΝτυρστάινΧρυσούλα Λέλε
 
Curriculum Vitae 2_Corr_Engels
Curriculum Vitae 2_Corr_EngelsCurriculum Vitae 2_Corr_Engels
Curriculum Vitae 2_Corr_EngelsDavid H.A. Coffie
 
Enrico_Moro_Works
Enrico_Moro_WorksEnrico_Moro_Works
Enrico_Moro_WorksEnrico Moro
 

Destacado (20)

friction presentation march
friction presentation marchfriction presentation march
friction presentation march
 
Landers lid2015
Landers lid2015Landers lid2015
Landers lid2015
 
Bird Banding Spring 2015
Bird Banding Spring 2015Bird Banding Spring 2015
Bird Banding Spring 2015
 
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚ
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚΣτα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚ
Στα βήματα του Πάτρικ Λη Φέρμορ. Αυστρία.ΚΟΙΛΑΔΑ ΒΑΧΑΟΥ,ΜΕΛΚ
 
European CRE Loan & REO Sales Market Q3 2015
European CRE Loan & REO Sales Market Q3 2015European CRE Loan & REO Sales Market Q3 2015
European CRE Loan & REO Sales Market Q3 2015
 
Clifford Poulard Resume
Clifford Poulard ResumeClifford Poulard Resume
Clifford Poulard Resume
 
Στα βήματα του Πάτρικ Λη Φέρμορ στην Ουγγρική μεθόριο.
  Στα βήματα του Πάτρικ Λη  Φέρμορ στην Ουγγρική μεθόριο.  Στα βήματα του Πάτρικ Λη  Φέρμορ στην Ουγγρική μεθόριο.
Στα βήματα του Πάτρικ Λη Φέρμορ στην Ουγγρική μεθόριο.
 
Maple Syruping Day 2016
Maple Syruping Day 2016Maple Syruping Day 2016
Maple Syruping Day 2016
 
El audio digital
El audio digitalEl audio digital
El audio digital
 
Curriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsCurriculum vitae 2 corr engels
Curriculum vitae 2 corr engels
 
Volunteer Awards Banquet 2015
Volunteer Awards Banquet 2015Volunteer Awards Banquet 2015
Volunteer Awards Banquet 2015
 
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες Μαθηματικούς
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες ΜαθηματικούςTαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες Μαθηματικούς
Tαξιδεύω στην αρχαία Ελλάδα γνωρίζοντας Έλληνες Μαθηματικούς
 
Curriculum vitae 2 corr engels
Curriculum vitae 2 corr engelsCurriculum vitae 2 corr engels
Curriculum vitae 2 corr engels
 
Enrico moro, Comobo: Some works
Enrico moro, Comobo: Some worksEnrico moro, Comobo: Some works
Enrico moro, Comobo: Some works
 
Όταν συναντήσαμε τον Αρχιμήδη
Όταν συναντήσαμε τον ΑρχιμήδηΌταν συναντήσαμε τον Αρχιμήδη
Όταν συναντήσαμε τον Αρχιμήδη
 
Byggbilder ISF
Byggbilder ISFByggbilder ISF
Byggbilder ISF
 
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.Ντυρστάιν
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.ΝτυρστάινΣτα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.Ντυρστάιν
Στα βήματα του Πάτρικ Λη Φέρμορ.ΑΥΣΤΡΙΑ.Ντυρστάιν
 
Curriculum Vitae 2_Corr_Engels
Curriculum Vitae 2_Corr_EngelsCurriculum Vitae 2_Corr_Engels
Curriculum Vitae 2_Corr_Engels
 
UNClimateCaseStudy
UNClimateCaseStudyUNClimateCaseStudy
UNClimateCaseStudy
 
Enrico_Moro_Works
Enrico_Moro_WorksEnrico_Moro_Works
Enrico_Moro_Works
 

Similar a Doctype html (20)

Lenguaje de Programación html
Lenguaje de Programación htmlLenguaje de Programación html
Lenguaje de Programación html
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
05 desarrollocss (3)
05 desarrollocss (3)05 desarrollocss (3)
05 desarrollocss (3)
 
De HTML a Express
De HTML a ExpressDe HTML a Express
De HTML a Express
 
Clase 6 twig
Clase 6 twigClase 6 twig
Clase 6 twig
 
Aprendiendo PHP
Aprendiendo PHPAprendiendo PHP
Aprendiendo PHP
 
Php
PhpPhp
Php
 
Paginas web
Paginas webPaginas web
Paginas web
 
DNI
DNIDNI
DNI
 
1.6.2. Lenguajes de Programación - Unidad 2
1.6.2. Lenguajes de Programación - Unidad 21.6.2. Lenguajes de Programación - Unidad 2
1.6.2. Lenguajes de Programación - Unidad 2
 
Seminario jquery, html5 y wicket
Seminario jquery, html5 y wicketSeminario jquery, html5 y wicket
Seminario jquery, html5 y wicket
 
DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Ajax
AjaxAjax
Ajax
 
Phonegap
PhonegapPhonegap
Phonegap
 
Python scraping
Python scrapingPython scraping
Python scraping
 
Etiquetas del html
Etiquetas del htmlEtiquetas del html
Etiquetas del html
 
Prácticas de html
Prácticas de htmlPrácticas de html
Prácticas de html
 
DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Html5
Html5Html5
Html5
 

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>