Practicas DEWE
PRÁCTICA 1
PRÁCTICA 2
PRÁCTICA 3
PRÁCTICA 4
PRÁCTICA 5
PRÁCTICA 6
PRÁCTICA 7
PRÁCTICA 8
PRÁCTICA 9
PRÁCTICA 10
<html>
<head>
<title> Ejemplo de tablas </title>
</head>
<body>
<center><h1>Tablas </h1></center>
<hr>
<center><b> Una Tabla Simple</center></b>
<center>
<table border>
<tr>
<td>1<td>2<td>
<tr>
<td>4<td>5<td>6
</table>
<hr>
<center><b> Tabla sin bordes</center></b>
<table><tr>
<td>1<td>2<td>3
<tr>
<td>4<td>5<td>6
</table>
<hr>
<center><b>Tabla con borde=154center</b>
<table border="15">
<tr>
<td>1<td>2<td>3
<tr>
<td>4<td>5<td>6
</table>
<br>
<center><b>Ejemplo de Cabeceras </center></b>
<table border>
<tr>
<th colspan=2dato1</th><th colspan=2>dato1</th>
</tr>
<th>dato1.1</th><th>dato1.2</th>
<th>dato2.1</th><th>dato2.2</th>
</br>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr><tr>
<td>4</td><td>5</td><td>6</td>
</tr>
</table>
<tabla border="1" border color="fuchsia">
<tr>
<td rawspan="3"> Campo Unificado <td>
<td>campo 2 </td>
<td>Campo 3 </td>
</tr>
<tr>
<td> Campo 5 </td>
<td> Campo 6 </td>
</tr>
<tr>
<td>Campo 8 </td>
</tr>
</table>
<hr>
<center> <b> Ejemplo de colores de Fondo </center></b>
<table border>
<tr bgcolor="Yellow">
<th> Cebecera de tirulo 1</th>
<th> Cebecera de tirulo 2</th>
<th> Cebecera de tirulo 3</th>
</tr>
<br bgcolor="Blue">
<td> celda 1<td>celda 2<td> celda 3<td></br>
<br>
<td bgcolor="red">celda 4<td bgcolor="Pink">
celda 5<td bgcolor="green"> celda 6
</table>
<hr>
</center>
</body>
</html>
PRÁCTICA 11
PRÁCTICA 12
PRÁCTICA 13
PRÁCTICA 14
PRÁCTICA 15
PRÁCTICA 16
PRÁCTICA 17
<html>
<head>
<title> Estados Unidos Mexicanos </title>
</head>
<body bgcolor="green" text="white">
<font face="arial" size="3">
<center><h1> Estados de la Republica Mexicana </center></h1>
<hr width="100%" size="5" color="red">
<ol type="1">
<li> Aguascalientes </li>
<li> Baja California </li>
<li> Baja California Sur </li>
<li> Campeche </li>
<li> Coahuila </li>
<li> Colima </li>
<li> Chiapas </li>
<li> Chihuahua </li>
<li> Distrito Federal </li>
<li> Durango </li>
<li> Guanajuato </li>
<li> Guerrero </li>
<li> Hidalgo </li>
<li> Jalisco </li>
<li> México </li>
<li> Michoacán </li>
<li> Morelos </li>
<li> Nayarit </li>
<li> Nuevo Leon </li>
<li> Oaxaca </li>
<li> Puebla </li>
<li> Querétaro </li>
<li> Quintana Roo </li>
<li> San Luis Potosí </li>
<li> Sinaloa </li>
<li> Sonora </li>
<li> Tabasco </li>
<li> Tamaulipas </li>
<li> Tlaxcala </li>
<li> Veracruz </li>
<li> Yucatán </li>
<li> Zacatecas </li>
</ol>
<hr width="100%" size="5" color="red">
<marquee> Folklor Mexicano!!! </marquee>
</body>
</html>
PRÁCTICA 18
PRÁCTICA 19
PRÁCTICA 20
PRÁCTICA 21
PRÁCTICA 22
<html>
<head>
<title>Calculadora</title>
</head>
<script> function operaciones(op)
{
var ops = {
sumar: function sumarNumeros(n1, n2) {
return (parseInt(n1) + parseInt(n2));
},
restar: function restarNumeros(n1, n2) {
return (parseInt(n1) - parseInt(n2));
},
multiplicar: function multiplicarNumeros(n1, n2) {
return (parseInt(n1) * parseInt(n2));
},
dividir: function dividirNumeros(n1, n2) {
return (parseInt(n1) / parseInt(n2));
}
};
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
//Comprobamos si se ha introducido números en las cajas
if (isNaN(parseFloat(document.getElementById('num1').value))) {
alert("Indique un número en 'numero1'");
document.getElementById("num1").innerText = "0";
document.getElementById("num1").focus();
} else if (isNaN(parseFloat(document.getElementById('num2').value))) {
alert("Indique un número en 'numero2'");
document.getElementById("num2").innerText = "0";
document.getElementById("num2").focus();
}
else {
//Si se han introducido los números en ámbas cajas, operamos:
switch(op) {
case 'sumar':
var resultado = ops.sumar(num1, num2);
alert (resultado);
break;
case 'restar':
var resultado = ops.restar(num1, num2);
alert (resultado);
break;
case 'multiplicar':
var resultado = ops.multiplicar(num1, num2);
alert(resultado);
break;
case 'dividir':
var resultado = ops.dividir(num1, num2);
alert(resultado);
break;
}
}
}
</script>
<body>
<form>
Número 1: <input id="num1" type="number" />
Número 2: <input id="num2" type="number" />
<br /><br />
<input type="button" value="SUMAR" onclick="operaciones('sumar'); return false;" /><br />
<input type="button" value="RESTAR" onclick="operaciones('restar'); return false;" /><br />
<input type="button" value="MULTIPLICAR" onclick="operaciones('multiplicar'); return false;" /><br />
<input type="button" value="DIVIDIR" onclick="operaciones('dividir'); return false;" />
</form>
</body>
</html>
PRÁCTICA 23
PRÁCTICA 24
PRÁCTICA 25
PRÁCTICA 26
PRÁCTICA 27
PRÁCTICA 28
PRÁCTICA 29
PRÁCTICA 30
PRÁCTICA 31
PRÁCTICA 32
PRÁCTICA 33
PRÁCTICA 34
<html>
<head><title>Documentos
AA</title>
<h1
align=center>AA<h1>
<hr>
<p>
<<a
href="Practica AA.html"
target="Ventana">/><br>
<a href="Practica
AA.html" target="Ventana">/>EL DOCUMENTO
<B>CC</B>
serápuesto en el frame <b>
"Ventana"</B></br></a>
<P>
<<a
href="CC.html">/><br>
<a
href="CC.html"/>El Documento<B>CC</B>serátraido
aqu´<>
</body>
</html>
PRÁCTICA 35
PRÁCTICA 36
PRÁCTICA 37
<html>
<head><title>Documentos
BB</title>
<h1
align=center>BB<h1>
<hr>
<p>
<h3 align=center>
" Ventana
"<br>
No es que el Documento se
llame Asi;Es el nombre del frame de la derecha
</h3>
</body>
</html>
PRÁCTICA 36
<html>
<head>
<title>
Documento cc </title>
<h1
align=center>cc</h1>
<hr>
<p>
< <a
href="bb.html" Tarjet="Ventana">> <br>
<a href="bb.html"
Tarjet="Ventana"sera; questoenel sitio donde quede estar el frame de
la derecha </>EL Documento <b>BB</b>
</p>
</br>
< <a
href="aa.html">><br>
<a
href="bb.html"> EL DOcumento <b>AA</b> sera traido
aqui;</a></br>
</body>
</html>
PRÁCTICA 37
<HTML>
<HEAD>
<TITLE>Solicitud de empleo</TITLE>
<!--The name of this
form is txt-ara.html -->
</HEAD>
<BODY BGCOLOR="gray">
<FIELDSET>
<H3><FONT SIZE="5" face="Script MT
Bold">Job application</H3>
<TABLE WIDTH="80%" BORDER="1"
CELLSPACING="4" CELLPADING="2">
<TR>
<TD WIDTH="10%"><p>As requested<INPUT
NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD><TD
WIDTH="6%"><P>monthly salary desired<INPUT
NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></td><TD
WIDTH="4%"><P>Date<INPUT NAME="snum"
TYPE="TEXT" SIZE="10"
MAXLENGTH="10"></td>
</TR> <TR>
<td rowspan="2"><CENTER>Be so kind to
draw in handwritten form <br>
NOTE: All information provided here will be
treated<br>
confidentially</CENTER></TD><td
colspan="2">Monthly salary approved<INPUT NAME="snum"
TYPE="TEXT" SIZE="30" MAXLENGTH="30"></TD>
</TR> <TR>
<td colspan="2">Date of hire<INPUT
NAME="snum" TYPE="TEXT"
SIZE="30"MAXLENGTH="30"></TD>
</TR>
</TABLE>
</FIELDSET>
<CENTER>PERSONAL INFORMATION</CENTER>
<TABLE WIDTH="90%" BORDER="1"
CELLSPACING="4" CELLPADING="2">
<TR>
<TD colspan="3" WIDTH="10%"><p>Last
name <INPUT NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"> Mother's last name<INPUT NAME="snum"
TYPE="TEXT" SIZE="20"MAXLENGTH="20">Name
(s)<INPUT NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD><TD
WIDTH="1%"><p>Age<INPUT NAME="snum"
TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD>
</TR> <TR>
<TD colspan="2"
WIDTH="12%"><p>Home<INPUT NAME="snum"
TYPE="TEXT" SIZE="20" MAXLENGTH="20">
Colony<INPUT NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"> Postal Code<INPUT NAME="snum"
TYPE="TEXT" SIZE="10" MAXLENGTH="10">
</TD><TD WIDTH="1%">Phone<INPUT NAME="snum"
TYPE="TEXT" SIZE="20" MAXLENGTH="20">
</TD><TD WIDTH="1%">Sex: <B>Male<INPUT
NAME="SEX" TYPE="CHECKBOX" VALUE="MALE">
Femenino<INPUT NAME="SEX"
TYPE="CHECKBOX" VALUE="MALE"></P></TD>
</TR> <TR>
<TDWIDTH="10%"><p>Delegation or
municipality<INPUT NAME="snum" TYPE="TEXT"
SIZE="20" MAXLENGTH="20"></TD> <TD
WIDTH="10%">Place of birth<INPUT NAME="snum"
TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD> <TD
WIDTH="10%">Birthdate<INPUT NAME="snum" TYPE="TEXT"
SIZE="20" MAXLENGTH="20"></TD><TD
WIDTH="10%">nationality<INPUTNAME="snum"
TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD>
</TR> <TR>
<TD colspan="2" WIDTH="10%">Lives
with: <B>His parents<INPUT NAME="SEX"
TYPE="CHECKBOX" VALUE="MALE">
His family<INPUT NAME="SEX"
TYPE="CHECKBOX" VALUE="MALE">Family members<INPUT
NAME="SEX" TYPE="CHECKBOX" VALUE="MALE">
alone<INPUT NAME="SEX"
TYPE="CHECKBOX"VALUE="MALE"></P><TD>Height<INPUT
NAME="snum" TYPE="TEXT" SIZE="10"
MAXLENGTH="10"></td><td>Weight<INPUT
NAME="snum" TYPE="TEXT" SIZE="20"
MAXLENGTH="20"></TD>
<TR>
<TD colspan="2" WIDTH="10%">
People who depend on you:<br><b><INPUT
TYPE="RADIO" NAME="GRIND"
VALUE="GROUND">Children <INPUT TYPE="RADIO"
NAME="GRIND" VALUE="GROUND">Spouse<INPUT
TYPE="RADIO" NAME="GRIND" VALUE="GROUND">Parents
<INPUT TYPE="RADIO" NAME="GRIND"
VALUE="GROUND">Others</b> <TD colspan="2"
WIDTH="10%">Civil status:<br><INPUT
TYPE="RADIO" NAME="GRIND"
VALUE="GROUND">Single <INPUT TYPE="RADIO"
NAME="GRIND" VALUE="GROUND">Married <INPUT
TYPE="RADIO" NAME="GRIND" VALUE="GROUND">Other
(Explain)</tD>...
Comentarios
Publicar un comentario