<html>
<title> programa de enlace </title>
<p>enlace de una pagina
<a href="venta.html "> venta</a>
</p>
<p>enlasando a google
<a href="https://www.google.com/">ir a google</a>
</p>
</html>
VENTA
<!DOCTYPE html>
<html>
<link href="c:/esindex.css" rel="stylesheet" type="text/css">
<title>VENTAS</title>
<h1>Tienda Cybertron</h1> <br>
Ventas de equipos de computo en general</b> <br>
producto
p.v. cantidad
<input type=button value="total" onclick="TOT();"> <br>
<input type=text id="tdes1" size = "20">
<input type=text id="tpre1" value="0" size = "4">
<input type=text id="tcan1" value="0" size = "4">
<input type=text id="ttot1" value="0" size = "4">
<br>
<input type=text id="tdes2" size = "20">
<input type=text id="tpre2" value="0" size = "4">
<input type=text id="tcan2" value="0" size = "4">
<input type=text id="ttot2" value="0" size = "4">
<br>
<input type=text id="tdes3" size = "20">
<input type=text id="tpre3" value="0" size = "4">
<input type=text id="tcan3" value="0" size = "4">
<input type=text id="ttot3" value="0" size = "4"><br>
total a pgar es
<input type=text id="tof" value="0" size = "4">
<script>
function TOT (){
var n1 = document.getElementById('tpre1').value;
var n2 = document.getElementById('tcan1').value;
var total = parseInt(n1) * parseInt(n2);
document.getElementById('ttot1').value=total
var n3 = document.getElementById('tpre2').value;
var n4 = document.getElementById('tcan2').value;
var total = parseInt(n3) * parseInt(n4);
document.getElementById('ttot2').value=total
var n5 = document.getElementById('tpre3').value;
var n6 = document.getElementById('tcan3').value;
var total = parseInt(n5) * parseInt(n6);
document.getElementById('ttot3').value=total
var n7 = document.getElementById('ttot1').value;
var n8 = document.getElementById('ttot2').value;
var n9 = document.getElementById('ttot3').value;
var total = parseInt(n7) + parseInt(n8)+parseInt(n9);
document.getElementById('tof').value=total
}
</script>
<a href="tecnologiaveinte.blogspot.com/"></a>
</html>
CODIGO PARA HACER UN BUSCADOR EN HTML DE GOOGLE CON SU CUADRO
<FORM method=GET action="http://www.google.es/search">
<fieldset>
<input type=hidden name=ie value=UTF-8 />
<input type=hidden name=oe value=UTF-8 />
<INPUT TYPE=text id="s" name="q" value="" size="50" />
<font size=-1>
<input type=hidden name=domains value="http://www.uterra.com" /><br>
<input type=radio name=sitesearch value="" /> En todo Internet</br>
<input type=radio name=sitesearch value="http://www.uterra.com" checked />
En Uterra.Com
<INPUT type=submit id="x" name=btnG VALUE="Buscar" />
</font>
</fieldset>
</FORM>
<form action="http://www.google.es/search" method="get">
google:
<input type="search"name="q">
<input type="submit" value="buscar">
</form>
<html>
<form action="/my-handling-form-page" method="post">
<label for="name">Name:</label>
<input type="text" name="nom" requerid autofocus />
<br>
<label for="mail">E-mail:</label>
<input type="email" id="mail" />
<br>
URL:
<input type="search" name="q">
<input type="submit" value="buscar">
<br>
<label for="start">fecha:</label>
<input type="date" id="start" name="trip-start" value="2019-07-22" min="2019-01-01" max="2019-12-31">
<br>
<label for="tiempo">tiempo:</label>
<input type="tiempol" id="tim" />
<br>
<!-- Campo de entrada de fecha -->
fecha y hora:
<input type="date" name="fecha" min="2019-03-25" max="2019-05-25" step="2">
<!-- Campo de entrada de hora -->
<input type="time" name="hora" min="18:00" max="21:00" step="3600">
<br>
<!-- Campo de entrada de mes -->
mess:
<input type="month" name="fecha" min="mes" max="2019" step="1">
<br>
<!-- Campo de entrada de mes -->
semana:
<input type="week" name="sema1" min="semana" max="09" step="1">
<br>
<label for="num">numero(min-10,max10):</label>
<input type="num1" id="mnum2" min="-10" max="40" value="0" />
color favorito: <input type="color" value="#ff0000">
<input type="submit" value="enviar">
</form>
</html>
<html>
<img src="descarga.jfif" alt="mensage"
width="300"heigth="150" title="imagen de una rosa negra"
alt="no se encontro la imagen" ALIGN=MIDDLE border=3 hspace=30>
texto alineado al centro
<img src="DIRRECION DE URLO DE LA IMAGEN" width="300"
height="150"title="imagen de una rosa negra" alt="no se encontro la imagen"
ALIGN=MIDDLE border=3 hspace=30>
<img src="DIRRECION DE URLO DE LA IMAGEN" alt="mensage" width="300"heigth="150" title="
imagen de una rosa negra" alt="no se encontro la imagen"
ALIGN=MIDDLE border=3 hspace=30>
<img src="DIRRECION DE URLO DE LA IMAGEN"
alt="mensage" width="300"heigth="150" title="imagen de una rosa negra"
alt="no se encontro la imagen" ALIGN=MIDDLE border=3 hspace=30>
</html>
AGRUPACION DE ELEMENTOS
<html>
<head>
<title>Agrupar elementos</title>
</head>
<body>
<form action="" method="get">
<fieldset>
<legend>Agrupación de varios controles</legend>
Campo de texto:
<br>
<input type="text" name="campo_de_texto">
<br> Lista de selección:
<br>
<select name="lista_de_selección">
<option value="opción 1">Opción 1</option>
<option value="opción 2">Opción 2</option>
<option value="opción 3">Opción 3</option>
</select>
<br> Área de texto:
<br>
<textarea name="area_de_texto" rows="3"
cols="50">En este control del formulario se pueden escribir varias líneas de texto
</textarea>
</fieldset>
<fieldset>
<legend>Agrupación de botones</legend>
<button type="reset">Resetear</button>
<button type="submit">Enviar</button>
</fieldset>
</form>
</body>
</html>
CODIGO DE TABLA
<html>
<b><u> TABLA DE COLORES </u></b>
<table>
<tr>
<th> titulo 1</th>
<th> titulo 2</th>
<th> titulo 3</th>
</tr>
<tr>
<td>celda 1x1</td>
<td>celda 2x1</td>
<td>celda 3x1</td>
</tr>
<tr>
<td>celda 1x2</td>
<td>celda 2x2</td>
<td>celda 3x2</td>
</tr>
<tr>
<td>celda 1x2</td>
<td>celda 2x2</td>
<td>celda 3x2</td>
</tr>
</table>
</html>
CODIGO DE TABLA CON BORDE Y COLOR Y TAMAÑO
<html>
<b><u> TABLA DE COLORES </u></b>
<table border="3" align="center" widht="30% " bgcolor="#fffcc">
<tr>
<td width="15%">1</td>
<td width="50%">2</td>
<td width="20%"> 3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td bgcolor="#fffccc">celda 1x2</td>
<td bgcolor="#fffc00">celda 2x2</td>
<td bgcolor="#00cccc">celda 3x2</td>
</tr>
</table>
</html>
CELDA DE COLORES
<html>
<b><u> TABLA DE COLORES </u></b>
<table border="3" align="center" widht="25% " bgcolor="#fffcc">
<tr>
<th colspan="4"> TABLA DE CONTENIDOS</th>
</tr>
<tr>
<th rowspan="2"> </th>
<th colspan="3">Asistencia</th>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<th>alumno 1</th>
<td bgcolor="#fffccc">si</td>
<td bgcolor="#fffc00">no</td>
<td bgcolor="#00cccc">si</td>
</tr>
<tr>
<th>alumno 2</th>
<td bgcolor="#fffccc">no</td>
<td bgcolor="#fffc00">si</td>
<td bgcolor="#00cccc">si</td>
</tr>
</table>
</html>
CODIGO DE FRAME O MARCOS
<html>
<head>
<title> marcos </title>
</head>
<frameset cols="15%,*">
<frame src="H.html">
<frame src="z.html" name ="principal">
</frameset>
<body bgcolor="red">
</body>
</html>
No hay comentarios.:
Publicar un comentario