Codigos de html basicos [Cerrado]

Question

Haz una pregunta Denunciar

Codigos de html basicos [Cerrado]

Novato20

Publicaciones: 2
Fecha de inscripción: miércoles, 25 de junio de 2008
Última intervención: miércoles, 25 de junio de 2008

- 25 jun 2008 a las 17:29 - Última respuesta: angel - 6 mar 2018 a las 14:43

Webmastering Haz una pregunta Denunciar

Hola,
Soy novato como lo dice nick.Empecea estudiar diseño web. Nesecitos ejemplos de codigos en HTML?

Gracias

Consulta también:

Codigos html
Codigos de html - Mejores respuestas
Html codigos - Mejores respuestas
Codigo html espacio - Fichas prácticas - Programación
Codigo html ejemplos ✓ - Foros - Programación
Codigo html favicon - Fichas prácticas - Webmaster
Como optimizar codigo HTML? ✓ - Foros - Webmastering
Codigo html para insertar video ✓ - Foros - Webmastering

12 respuestas

Denunciar Comenta la respuesta de Geovanny moreno

Geovanny moreno 23 nov 2010 a las 02:26

32

Gracias

hola me llamo geovanny moreno de colombia estudio de la fundacion de educacion superior san jose y te dejo este ejemplo creado por nosotros es un sumador trata de hacer una calculadora sigue le ejemplo

<html>
<head>
<title>Sumador</title>
<script>
function sumar() {
var n1 = parseInt(document.miFormulario.numero1.value);
var n2 = parseInt(document.miFormulario.numero2.value);
document.miFormulario.resultado.value=n1+n2;
}
</script>
</head>
<body>
<div align="justify">
<table border="2" cellspacing="2" cellpadding="5" >
<form name="miFormulario">
<tr>
<td>
<label>Sumando Uno</label>
<input type="text" name="numero1" size="20">
<br>
<label>Sumando Dos</label>
<input type="text" name="numero2" size="20">
</td>
</tr>
<tr>
<td align="right">
<label>Resultado</label>
<input type="text" name="resultado" size="20" disabled>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="+" onclick="sumar()">
<input type="submit" value="Borrar">
</td>
</tr>
</form>
</table>
</div>
</body>
</html>

Ver los 10 comentarios

Denunciar

alias loco - 9 oct 2011 a las 20:31

ve mijin para añadirel link de acceso deberas introdir gerchy<>accse<via link eso nom as

Denunciar

angel - 3 ago 2012 a las 03:38

aqui puedes encontrar algunos
http://www.codigos-html.webpin.com/

Denunciar

marcus - 13 ene 2013 a las 17:00

chidos comentarios

Denunciar

michael > marcus - 11 sep 2015 a las 01:58

que significa for y meta charset

Denunciar

Danilox25 - 11 nov 2014 a las 06:10

Las codigos mas dificiles de conseguir y con muy buenas explicaciones.
Los codigos estan listos para copiarlos y son completamente gratis.

www.placerargentinaxxx.es.tl

Espero les sirva es realmente muy buena esta pagina y muy facil de comprender.

Denunciar Comenta la respuesta de Master4

Master4

Publicaciones: 2232
Fecha de inscripción: viernes, 4 de abril de 2008
Última intervención: sábado, 1 de noviembre de 2008

25 jun 2008 a las 17:48

18

Gracias

Hola

aca te mando varias paginas

http://chiaw.wordpress.com/2008/02/23/codigos-html-basicos/
http://elconsejeroweb.net/codigos-html.htm
http://www.slideshare.net/duberlisg/codigos-bsicos-html-iute-mrida/
http://www.tsforos.com/foro/showthread.php?p=5667
http://www.voxelart.net/index.php?option=com_content&task=view&id=81&Itemid=25
http://www.iac.es/galeria/westend/node14.html

Denunciar

Novato20

Publicaciones: 2
Fecha de inscripción: miércoles, 25 de junio de 2008
Última intervención: miércoles, 25 de junio de 2008

- 25 jun 2008 a las 18:13

Muchas gracias por los codigos..

Denunciar

K-Nito - 1 oct 2010 a las 17:26

Grax grax mui utiles i sensillos i aparte divertidos

Denunciar

Master4 - 16 may 2011 a las 20:57

me enkantoo tu paginaa me salvastee para unaa tareaa

Denunciar

marlontux - 10 oct 2011 a las 02:04

me salvaste la vida tengo el dreamweber y los corrio a la perfeccion buena onda....

Denunciar

angel - 3 ago 2012 a las 03:38

aqui encontarras
http://www.codigos-html.webpin.com/

Denunciar Comenta la respuesta de angel caido

angel caido 16 may 2011 a las 02:37

9

Gracias

Este es el de verdad
<html>
<head>
<title>Sumador</title>
<script>
function sumar() {
var n1 = parseInt(document.miFormulario.numero1.value);
var n2 = parseInt(document.miFormulario.numero2.value);
document.miFormulario.resultado.value=n1+n2;
}
</script>
</head>
<body>
<div align="justify">
<table border="2" cellspacing="2" cellpadding="5" >
<form name="miFormulario">
<tr>
<td>
<label>Sumando Uno</label>
<input type="text" name="numero1" size="20">
<br>
<label>Sumando Dos</label>
<input type="text" name="numero2" size="20">
</td>
</tr>
<tr>
<td align="right">
<label>Resultado</label>
<input type="text" name="resultado" size="20" disabled>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="+" onclick="sumar()">
<input type="submit" value="Borrar">
</td>
</tr>
</form>
</table>
</div>
</body>
</html>

Denunciar

alejandro1121

Publicaciones: 2
Fecha de inscripción: sábado, 26 de noviembre de 2011
Última intervención: sábado, 26 de noviembre de 2011

- 26 nov 2011 a las 06:03

como le hago para que al pasar el mouse sobre un texto,se escuche dicho texto?responde a mi correo por favoooooooor: alejandro3608@hotmail.com

Denunciar

marcus - 13 ene 2013 a las 17:04

de donde te copiarias angel caido

Denunciar Comenta la respuesta de yopa

yopa 24 nov 2010 a las 12:37

6

Gracias

estudias diseño web sin saber escribir correctamente??

Denunciar Comenta la respuesta de manudg

manudg

Publicaciones: 30
Fecha de inscripción: jueves, 8 de marzo de 2012
Última intervención: lunes, 23 de junio de 2014

1 sep 2012 a las 19:44

6

Gracias

Es conveniente ir aprendiendo el HTML5, pronto será el estándar...

Aquí os dejo un tutorial de HTML5 en PDF, para ir empezando...

http://www.mercado-anuncios.es/tu-tutorial.php?page=manual-html5-pdf

Saludos

Denunciar Comenta la respuesta de paco

paco 17 mar 2012 a las 00:35

5

Gracias

visiten esta web es la caña http://disfruta-ayuda-comparte.jimdo.com

Denunciar Comenta la respuesta de RONALD DAVID

RONALD DAVID 18 nov 2010 a las 17:29

4

Gracias

necesito el codigo para subir un video en mi pagina
y yo descarge el programa aTube Charter para descargar video de you tube
y el video esta en mi escritorio y se llama The King Flyp Abandonado.wmv pero no se como hacer para que me aparesca la cancion se llama abandonado esta en you tube de king flyp necesito ayuda xfavor gracias

Ver los 7 comentarios

Denunciar

joseito - 11 oct 2013 a las 04:24

<html>
<head>
<title> MI MUSICA </title>
</head>
<body background="fondo-negro-2218.jpg">
<div align="center">
<table width="1022px" border="0">
<tr>
<td colspan="3" height="300px" background="banner-musica-880x300.jpg"><font color="#DF7401" size="5"> </font></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff">

<table width="100%" border="0">

<tr align="center">
<td><a href="http://es.wikipedia.org/wiki/Merengue_(g%C3%A9nero_musical)" target="_blank"><img src="merengue.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Salsa_(g%C3%A9nero_musical)"_blank"><img src="salsa.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Bachata"><img src="bachata.png"></a></td>
</tr>
<tr>
<td><font color="#DF7401">
<ul>
<li>"Ajena" - Eddie Herrera</li>
<li>"Tu Sonrisa" - Elvis Crespo</li>
<li>"Salvaje" - Cesar Flores</li>
<li>"Como Hago" - Eddie Herrera</li>
<li>"Te Compro Tu Novia" - Ramon Orlando</li>
<li>"Muchacho Malo" - Olga Tañon
</ul>
</td>

<td><font color="#DF7401">
<ul>
<li>"Yo que te deseo a morir"- La Sonora Dinamita</li>
<li>"La rumba quimbumba Grupo"- Kual</li>
<li>"Llorar y llorar"- Los socios del Ritmo</li>
<li>"El amor"- Los askis</li>
<li>"Mil horas"- La Sonora Dinamita</li>
<li>"El oso polar"- La Sonora Skandalo</li>
</ul>
</td><td><font color="#DF7401">
<ul>
<li>"Inténtalo Tú"- Joe Veras</li>
<li>"Chiquita Mia"- Joe Veras</li>
<li>"Si me dice que sí"- Jimmy Bauer</li>
<li>"Todas tus cosas"- Jimmy Bauer</li>
<li>"Volveré"- Huey Dumbar</li>
<li>"Dime si recuerdas"- Yvy Queen</li>
</ul>
</td>
</tr>
<tr align="center" >
<td><a href="http://es.wikipedia.org/wiki/Hip_hop" target="_blank"><img src="hiphop.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Reggae" target="_blank"><img src="reggae.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Pop" target="_blank"><img src="popmusic.png"></a></td>
<td> </td>
</tr>
<tr align="center" >
<td><font color="#DF7401">
<ul>
<li>"Paid In Full"- Eric B. & Rakim</li>
<li>"Straight Outta Compton"- N.W.A</li>
<li>"Juicy"- Notorious B.I.G.</li>
<li>"Fight The Power"- Public Enemy</li>
<li>"Nuthin' But A `G' Thang"- Dr. Dre</li>
<li>"Mind Playing Tricks On Me"- Geto Boys</li>
</td>
<td><font color="#DF7401">
<ul>
<li>"Tu sin mi"- Dread mar-I</li>
<li>"Salvame"- Dread mar-I</li>
<li>"Buscar en jah"- Dread Mar-I</li>
<li>"Querido enemigo"- Morodo</li>
<li>"Yo me pregunto"- Morodo</li>
<li>"No woman, no cry"- Bob Marley</li>
</ul>
</td><td><font color="#DF7401">
<ul>
<li>"Hot N Cold" - Katy Perry</li>
<li>"California Gurls" - Katy Perry</li>
<li>"Blow Me" (One Last Kiss) - P!nk</li>
<li>"Only Girl" - Rihanna</li>
<li>"Complicated" - Rihanna</li>
<li>"Firework" - Katy Perry</li>
</ul>
</td>
</tr>
<tr align="center">
<td colspan="3"><br><a href="artistas.html">ARTISTAS</a></td>
</tr>
</table>
<br>

</td>
</tr>

<tr align="center" background="foot.jpg">
<td height="100px" colspan="3">Ronald Ismael - Copyright 2013</td>
</tr>
</table>
</div>

</body>
</html>

Denunciar

joseito - 11 oct 2013 a las 05:27

<html>
<head>
<title> Artistas </title>
</head>
<body background="fondo-negro-2218.jpg">
<div align="center">
<table width="1022px" border="0">
<tr>
<td colspan="3" height="300px" background="banner-musica-880x300.jpg"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff">

<table width="100%" border="0">

<tr align="center">
<td><a href="http://es.wikipedia.org/wiki/Merengue_(g%C3%A9nero_musical)" target="_blank"><img src="ramon.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Salsa_(g%C3%A9nero_musical)"_blank"><img src="sonora.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Bachata"><img src="joe.png"></a></td>
</tr>
<tr>
<td>
<center><font size="+3" face="chiller" color="#000000">Ramon Orlando</font></center>
<ul><font color="#DF7401">

<li>"America sin quejas"</li>
<li>"Baladas de amor" </li>
<li>"Chiquita te quiero" </li>
<li>"El amor de mi vida"</li>
</ul>
</td>

Denunciar

ht - 11 oct 2013 a las 18:00

<html>
<head>
<title> MI MUSICA </title>
</head>
<body background="fondo-negro-2218.jpg">
<div align="center">
<table width="1022px" border="0">
<tr>
<td colspan="3" height="300px" background="banner_musica.jpg"><font color="#DF7401" size="5"> </font></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff">

<table width="100%" border="0">

<tr align="center">
<td><a href="http://es.wikipedia.org/wiki/Merengue_(g%C3%A9nero_musical)" target="_blank"><img src="merengue.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Salsa_(g%C3%A9nero_musical)"_blank"><img src="salsa.png"></a></td>
</tr>

<tr>
<td><font color="#DF7401">
<ul>
<li>"Ajena" - Eddie Herrera</li>
<li>"Tu Sonrisa" - Elvis Crespo</li>
<li>"Salvaje" - Cesar Flores</li>
<li>"Como Hago" - Eddie Herrera</li>
<li>"Te Compro Tu Novia" - Ramon Orlando</li>
<li>"Muchacho Malo" - Olga Tañon
</ul>
</td>

<td><font color="#DF7401">
<ul>
<li>"Yo que te deseo a morir"- La Sonora Dinamita</li>
<li>"La rumba quimbumba Grupo"- Kual</li>
<li>"Llorar y llorar"- Los socios del Ritmo</li>
<li>"El amor"- Los askis</li>
<li>"Mil horas"- La Sonora Dinamita</li>
<li>"El oso polar"- La Sonora Skandalo</li>
</ul>
</td>

<tr align="center" >
<td><a href="http://es.wikipedia.org/wiki/Hip_hop" target="_blank"><img src="hiphop.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Reggae" target="_blank"><img src="reggae.png"></a></td>

</tr>

<tr>
<td><font color="#DF7401">
<ul>
<li>"Paid In Full"- Eric B. & Rakim</li>
<li>"Straight Outta Compton"- N.W.A</li>
<li>"Juicy"- Notorious B.I.G.</li>
<li>"Fight The Power"- Public Enemy</li>
<li>"Nuthin' But A `G' Thang"- Dr. Dre</li>
<li>"Mind Playing Tricks On Me"- Geto Boys</li>
</ul>
</td>

<td><font color="#DF7401">
<ul>
<li>"Tu sin mi"- Dread mar-I</li>
<li>"Salvame"- Dread mar-I</li>
<li>"Buscar en jah"- Dread Mar-I</li>
<li>"Querido enemigo"- Morodo</li>
<li>"Yo me pregunto"- Morodo</li>
<li>"No woman, no cry"- Bob Marley</li>
</ul>
</td>

<tr align="center">
<td colspan="3"><br><a href="artistas.html">ARTISTAS</a></td>
</tr>
</table>
<br>

</td>
</tr>

<tr align="center" background="foot.jpg">
<td height="100px" colspan="3">Ronald Ismael - Copyright 2013</td>
</tr>
</table>
</div>

</body>
</html>

Denunciar

ANDRES - 28 abr 2015 a las 19:02

Hola necesito un codigo para poner musica en mi web y que la puedan descargar xfaa

Denunciar

Yo - Modificado por Yo el 8 dic 2016 a las 22:52

No Sabemos Bai.

Denunciar Comenta la respuesta de sol

sol 27 mar 2010 a las 23:22

3

Gracias

hola quiero que me ayuden a generar un codigo html que contenga los siguientes datos producto,precioy cantidad total

Denunciar Comenta la respuesta de kriscore

kriscore

Publicaciones: 1
Fecha de inscripción: domingo, 13 de diciembre de 2015
Última intervención: domingo, 13 de diciembre de 2015

13 dic 2015 a las 20:32

1

Gracias

hola

Alguien sabe algun codigo para que mi boton sea enlace a una ventana de mi sitio a medida ?

Pondre en la ventana un reproductor de radio y deseo que sea a la medida del reproductor.

ojala encuentre aqui el secreto.

gracias

Denunciar Comenta la respuesta de pipi

pipi 22 feb 2011 a las 17:33

-1

Gracias

Ver los 7 comentarios

Denunciar

mm - 17 abr 2012 a las 18:09

nn

Denunciar

Luis Ernesto Arzate Vaca de zamora michoacan mexico chinguen a s - 4 jun 2012 a las 15:35

jijiji

Denunciar

Luis Ernesto Arzate Vaca de zamora michoacan mexico chinguen a s - 4 jun 2012 a las 15:36

si quieren levantarme vivo en la caller uruguay y virrey de mendoza en la nueva luneta ahi estoy listo en calzones

Denunciar

marcus - 13 ene 2013 a las 17:03

cien pre hay q estar a legre berdad

luis

Denunciar

Multinivel Con Futuro

Publicaciones: 1
Fecha de inscripción: jueves, 7 de marzo de 2013
Última intervención: jueves, 7 de marzo de 2013

- 7 mar 2013 a las 17:22

Pegue este código en mi blog

http://www.multinivelconfuturo.com

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.pauluk.8k.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Pero no permite hacer clic sobre él

Denunciar Comenta la respuesta de john baton

john baton 24 feb 2017 a las 22:52

-1

Gracias

¿Necesita un crédito financiero urgente ***

Transferencia muy rápido y directo a su cuenta bancaria
Los pagos comienzan ocho meses después de recibir el dinero

cuenta bancaria

Contacto: ***@***
teléfono: +17183954382

Denunciar

Juankmusi

Publicaciones: 1
Fecha de inscripción: sábado, 5 de agosto de 2017
Última intervención: sábado, 5 de agosto de 2017

- 5 ago 2017 a las 20:58

Alguien me ayuda a crear un juego de simulación escriban en Hotmail a juan.carlosm123@hotmail.com

Haz una pregunta

gracias geovanny voy a intentar con el ejemplo que tu me das, si puedes ayudamen con la creación de un diseño de paginas web, y enviame la estructura, gracias
Buen sumador........broth....

jeje
yo recien estoy aprendiendo eso de codigos....jajaja......
pilas
cuidate!.
El botón BORRAR está mal... me lleva a la página anterior... aquí te lo modifiqué para que cuando pinches (le hagas click) al botón borrar se borre todo y no vaya a la página anterior...
Aquí el código modificado:

<html>
<head>
<title>Sumador</title>
<script>
function sumar() {
var n1 = parseInt(document.miFormulario.numero1.value);
var n2 = parseInt(document.miFormulario.numero2.value);
document.miFormulario.resultado.value=n1+n2;
}
</script>
</head>
<body>
<div align="justify">
<table border="2" cellspacing="2" cellpadding="5" >
<form name="miFormulario">
<tr>
<td>
<label>Sumando Uno</label>
<input type="text" name="numero1" size="20">
<br>
<label>Sumando Dos</label>
<input type="text" name="numero2" size="20">
</td>
</tr>
<tr>
<td align="right">
<label>Resultado</label>
<input type="text" name="resultado" size="20" disabled>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="+" onclick="sumar()">
<input type="submit" value="Borrar">
</td>
</tr>
</form>
</table>
</div>
</body>
</html>
Lo que le modifiqué al botón borrar fué esto:
ANTES: <input type="submit" value="borrar">
DESPUÉS: <input type="reset" value="borrar">

Pero todo el resto muy bien, te felicito
Perdón! este es el código de verdad!!

<html>
<head>
<title>Sumador</title>
<script>
function sumar() {
var n1 = parseInt(document.miFormulario.numero1.value);
var n2 = parseInt(document.miFormulario.numero2.value);
document.miFormulario.resultado.value=n1+n2;
}
</script>
</head>
<body>
<div align="justify">
<table border="2" cellspacing="2" cellpadding="5" >
<form name="miFormulario">
<tr>
<td>
<label>Sumando Uno</label>
<input type="text" name="numero1" size="20">
<br>
<label>Sumando Dos</label>
<input type="text" name="numero2" size="20">
</td>
</tr>
<tr>
<td align="right">
<label>Resultado</label>
<input type="text" name="resultado" size="20" disabled>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="+" onclick="sumar()">
<input type="reset" value="Borrar">
</td>
</tr>
</form>
</table>
</div>
</body>
</html>
ve mijin para añadirel link de acceso deberas introdir gerchy<>accse<via link eso nom as
aqui puedes encontrar algunos
http://www.codigos-html.webpin.com/
Las codigos mas dificiles de conseguir y con muy buenas explicaciones.
Los codigos estan listos para copiarlos y son completamente gratis.

www.placerargentinaxxx.es.tl

Espero les sirva es realmente muy buena esta pagina y muy facil de comprender.
me salvaste la vida tengo el dreamweber y los corrio a la perfeccion buena onda....
como le hago para que al pasar el mouse sobre un texto,se escuche dicho texto?responde a mi correo por favoooooooor: alejandro3608@hotmail.com
Hola Ronald!! bueno aqui te escribo el codigo:

<bgsounds src=" aqui va el nombre de la cancion" loop= "-1">
(el -1 indica el numero de veces que se repite la cancion)

y para insertar video es: <embed src=" nombre del video " autostat = "false" loop ="true">
(los formatos de videos que se utilizan en internet son: AVI, MPEG Y MOV y el atributo autostar indica si el archivo se reproducira automaticamente)

BUENO ESPERO QUE TE HAYA SERVIDO...
tengo una pagina que esplico mejor y tengo mejores codigos

y es
http://mundo-html.wix.com/html
<html>
<head>
<title> Artistas </title>
</head>
<body background="fondo-negro-2218.jpg">
<div align="center">
<table width="1022px" border="0">
<tr>
<td colspan="3" height="300px" background="banner-musica-880x300.jpg"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#ffffff">

<table width="100%" border="0">

<tr align="center">
<td><a href="http://es.wikipedia.org/wiki/Merengue_(g%C3%A9nero_musical)" target="_blank"><img src="ramon.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Salsa_(g%C3%A9nero_musical)"_blank"><img src="sonora.png"></a></td>
<td><a href="http://es.wikipedia.org/wiki/Bachata"><img src="joe.png"></a></td>
</tr>
<tr>
<td>
<center><font size="+3" face="chiller" color="#000000">Ramon Orlando</font></center>
<ul><font color="#DF7401">

<li>"America sin quejas"</li>
<li>"Baladas de amor" </li>
<li>"Chiquita te quiero" </li>
<li>"El amor de mi vida"</li>
</ul>
</td>
Hola necesito un codigo para poner musica en mi web y que la puedan descargar xfaa
si quieren levantarme vivo en la caller uruguay y virrey de mendoza en la nueva luneta ahi estoy listo en calzones
Pegue este código en mi blog

http://www.multinivelconfuturo.com

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.pauluk.8k.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Pero no permite hacer clic sobre él
Alguien me ayuda a crear un juego de simulación escriban en Hotmail a juan.carlosm123@hotmail.com

joselusco · Accepted Answer · 2010-04-07T23:30:39+0200

Aqui hay unos cuantos, pruevalos en tu pagina, en donde quieres que cargen en forma de fuente HTML:
Crear un Título que cambia de colores:

Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones. Como el código es muy largo Hacé Click acá para verlo en una nueva ventana

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.

<STYLE type="text/css">

</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner.

<p>
<script language="JavaScript"></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>

<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>

Otra barra con mas colores:

A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.

<style>

</style>

Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores

Crear un formulario:

Con este código podemos crear un formulario para que complete el visitante. Por ejemplo un libro de visitas, luego que el visitante apriete el botón enviar, los datos serán enviados a tu casilla de correo.

<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

Insertar un sonido o música de fondo:

Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando.

Se recomienda usar sonidos en formato "midi" que son los de menor peso.

<BGSOUND SRC="sonido.mid" LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

<html>
<head>
<title>www.pauluk.8k.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)

</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.pauluk.8k.com");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("www.pauluk.8k.com");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML:

<a href="ejemplo.exe">Descripción del enlace </a>

No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.

Efecto nieve con cualquier imagen:

Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si querés ver el código y el efecto HACÉ CLIC ACÁ .

Hora y texto en la barra de estado:

Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.

<script language="JavaScript">

</script>

Transformar el cursor en una mira:

Transformá la clásica flechita de Windows en una mira de disparo.

<style type="text/css">

</style>

Tabla de colores HTML:

Esta tabla contiene todos los códigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones más. Haga click acá para ver la Tabla Completa.

Comentario sobre un link en la barra de estado:

Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).

<a href="http://www.pauluk.8k.com"
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
Pauluk Computación</a>

Dificultar copia de página:

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas.

Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>.

<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.

Establecer una página como inicio:

Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.pauluk.8k.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Redireccionar una página:

Si tenés una dirección larga y encontraste una nueva mas corta, o tu alojamiento anterior gratis ahora se hizo pago, con este código podés hacer que cada vez que alguien entre a tu página vieja, automáticamente se abra en la nueva dirección. Lo único que tenés que hacer es insertar el siguiente código en el index de tu página vieja:

<HTML>
<HEAD>
<TITLE>Redireccionando rápidamente</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.pauluk.8k.com';
</SCRIPT>
</HEAD>
<BODY>

Enviar un e-mail con Asunto y Mensaje:

Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje

<a href="mailto:pauluk@argentina.com?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a>

Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta:

<a href="http://www.pauluk.8k.com" target="_blank">Pauluk Computación</a>

Esos códigos estan en todos lados... en Taringa!, en CUALQUIER SITO DE HTML, en este...

Yo les dejo un código para hacer botones con colores personalizados:

<form action="tupaginaweb.com">
<input type=submit name=button value="Aqui el nombre de tu boton" style="color: #FFFFFF; background-color: #000000">
</form>

Sustituye los espacios "tupaginaweb.com" por tu sitio, "Aqui el nombre de tu boton" por el nombre de tu botón , "#FFFFFF" por tu color de fuente en hexadecimal y también "#000000" por tu color de fondo del boton en hexadecimal.

Espero que les sirva.
Podrian poner links a donde se vea como queda cada codigo? es que quiero ver bien como quedaria mi pagina.
html-xhtml.html5 no hay problemas cierto? o sea los codigos no se caen?
me parece ke lo copiaste de otra pag o te lo copiaron no se http://www.trucos-pc.8k.com/trucospcnieve.htm
aqui encontraras algunos
http://www.codigos-html.webpin.com/
estos estan copiados con copy-paste sin piedad, estan todos en diferentes webs que vi escritos de la misma manera. El solo los ha juntado y seria recomendable poner las fuentes para poder ver mas de los codigos que no dijo
Los codigos mas dificiles de conseguir y con la mejor explicacion.
Los codigos estan listos para ser copiados y si queres los modificas.
Todo gratis.

www.placerargentinaxxx.es.tl
estoy haciendo una pagina web con codigos HTML, toda la informacion que hay en esta pagina me ha servido mucho de ayuda, gracias

Audio (12.584)

Hardware (59.150)

Internet (22.218)

Linux/Unix (1.342)

Mac OS (1.449)

Mensajerías y chat (64.168)

Móviles y tabletas (46.310)

Ofimática (7.451)

Programación (4.215)

Redes (7.256)

Software (22.133)

Videojuegos (11.653)

Virus/Seguridad (9.366)

Webmastering (1.335)

Windows (41.168)

Café de los miembros (2.247)

Comentarios de las actualidades (1.712)

Comentarios sobre los softwares (6.749)

Novedades (1.107)

Sugerencias (1.734)

Comparaciones (2)

Codigos de html basicos [Cerrado]

12 respuestas

Tu respuesta