Html es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador
(Internet Explorer, Netscape...). Con Html puedes crear tablas, colocar imágenes, reproducir audio y/o video, etc.
El Html no es el único lenguaje que existe, es simplemente el básico, ya que los demás lenguajes como Php, Asp, Javascript... también requieren de algunos
códigos de Html para poder funcionar.
Debido a que hay distintos navegadores, a veces se pueden omitir o agregar códigos para que otros navegadores puedan también visualizar una
página.
BIENVENIDO ! A ESTA SECCIÓN , PODRÁS ENCONTRAR VARIOS CÓDIGOS QUE TE SERÁN ÚTILES PARA LA CREACIÓN DE TU PÁGINA , PUEDES DARLES TU ESTILO, SE ORIGINAL..
ESPERO TE AGRADEN(:
AMPLIAR IMAGEN AL PASAR EL MAUSE:
<img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />
(En width=500;this.height=400 pones el tamaño de tu imagen o el tamaño en que quieres que se mire y en width=100;this.height=80 el tamaño en miniatura)
COMO MOVER EL TITULO DE LA PAGINA.. fácil solo copea este código en tu head y edita el texto ya que este sera el que tenga el efecto , recuerda no amontonar los códigos deja espacios entre cada uno de ellos
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
<!--
var txt="TEXTO QUE DEVES EDITAR ";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
// -->
function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
//]]>
</script>
SOLO CAMBIA DONDE DICE"TEXTO" Y LOS COLORES QUE QUIERES QUE SE CAMBIEN", COPEAS Y PEGAS
<center><table id="myexample" style="BORDER-RIGHT: green 5px solid; BORDER-TOP: green 5px solid; BORDER-LEFT: green 5px solid; BORDER-BOTTOM: green 5px
solid" width="280" align="center" border="0">
<tbody>
<tr>
<td>
<center>
TU TEXTO
</center>
<br />
</td>
</tr>
</tbody>
</table>
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all?
document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("red")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
//]]>
</script> </center>
CAMBIA EL COLOR DE TU WEB AUTOMÁTICAMENTE SEGÚN EL VISITANTE
<div id="cc-matrix-899906057">
<div class="n">
<h1>
CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE
</h1>
</div>
<div class="n">
<center>
<table border="0"
style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%">
<tr>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ib70a484a0d796a4c/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i864d71f3ad9442f6/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9993f'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6e6a28be3b5b635a/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffbb7edc0af7fd84/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i199da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2c7c9e382f2a42c3/1279635875/thumb/image.jpg" alt="" /></span>
</td>
</tr>
<tr>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#57d93f'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/id782c9ba10091374/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89158ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i12a2ebb01b035b05/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#993fd9'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i453f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iebc9234a50f2d86b/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i75f43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span>
</td>
</tr>
</table>
</center>
</div>
</div>
PARA ENLAZAR NUESTRO FACEBOOK:
PARA TENER ESTE CODIGO , COPIA EL LINK DE ABAJO Y REEMPLAZA DONDE DICE " url de tu pagina facebook" Y COPEA TU LINK DE FB, Y REEMPLAZAS DONDE DICE " url de tu imagen" (son las siguientes tres k se muestran abajo) Y COPEA EL ENLACE DE LA IMAGEN
<a href='URL de tu página de facebook' target='_blank' title='Sígueme en Facebook'><img src='URL DE TU IMAGEN'style='display:scroll;position:fixed;bottom:225px;right:0px' alt="" /></a>
http://www.fileden.com/files/2010/8/4/2933396/2botons.png
TEXTO MOVIBLE HACIA LA DERECHA:
(PUEDES CAMBIAR EL COLOR REEMPLAZANDO DONDE DICE RED POR CUALQUIER OTRO COLOR)
<center><marquee direction="right" id="ejemplo"><span class="Apple-style-span" style="color: red;">TU TEXTO AQUI</span></marquee> <a href="javascript:void(0);"></a> <a href="javascript:void(0);"></a></center>
DESHABILITAR CLICK DERECHO:
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
function inhabilitar(){
alert ("Lo siento, no puede usar el clic derecho")
return false
}
document.oncontextmenu=inhabilitar
//]]>
</script>
TRADUCTOR GOOGLE:
<div>
<div id="google_translate_element">
</div>
<script type="text/javascript">
//<![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element');
}
//]]>
</script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">
</script>
</div>
TEXTO QUE CAMBIA AUTOMÁTICAMENTE:
SOLO TIENES QUE COPEAR ESTE CÓDIGO Y REEMPLAZAR "LOS TEXTOS 1,2,3 Y 4 "
TRANSFORMA TU FLECHA EN UNA MIRA:
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
BOTONES ARRIBA Y ABAJO:
ARRIBA
<a href="#" style="right: 0px; position: fixed; top: 0px;"><img
src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i9aa2b4339ed61d88/1291647396/std/image.png" alt=
"" /></a>
ABAJO
<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;'
src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2f4304a64ca4127e/1291647465/std/image.png" title="Ir abajo"
alt="" /></a>
BOTÓN ANIMADO:
CAMBIA EL TEXTO Y LOS URLS PARA CREAR TU BOTÓN, COPIA Y PEGA Y LISTO!
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "TEXTO"
urlArr[1] = "URL DE PRIMER TEXTO"
lineArr[2] = "TEXTO"
urlArr[2] = "URL DE SEG TEXTO"
lineArr[3] = "TEXTO"
urlArr[3] = "URL DE TERCER TEXTO"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>
PRUEBA TUS CÓDIGOS EN ESTE CONVERTIDOR..
TE ENLAZARA A OTRA PAGINA DÁNDOTE EL RESULTADO!
TIENES ALGUNA DUDA?
escribe tu comentario y/o sugiere
Angel (jueves, 12 agosto 2021 10:59)
quiero etos comentarios
Claudia (domingo, 02 agosto 2020 23:29)
<div><div>
<div id="google_translate_element">
</div>
<script type="text/javascript">
//<![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element');
}
//]]>
</script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">
</script>
</div>
<div id="google_translate_element">
</div>
<script type="text/javascript">
//<![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element');
}
//]]>
</script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">
</script>
</div>
Soledad (viernes, 24 abril 2020 20:50)
AreRecien apenas encuentro tu pagina, seria genial si subes mas codigos!!
manuel (domingo, 17 noviembre 2019 00:55)
Buenos ejemplos!
Luis Rondon (sábado, 17 agosto 2019 17:58)
edwewewewewe
Eduardo (domingo, 23 junio 2019 09:38)
Saludos.
Ando buscando poder insertar un libro de visitas o comentarios a una web, donde los usuarios puedan intercambiar mensajes y opiniones. Podrías ayudarme?
Un aludo y gracias.
gestion@360gradosdigital.com
perene (lunes, 13 mayo 2019 11:45)
cual es el codigo de la caja convertidora de codigos la quiero para la web ejejj
widget pendiente (jueves, 20 diciembre 2018 12:15)
llegue a su pagina por un codigo de widgets pero no viene el aporte..
Santiago Blanco (miércoles, 19 diciembre 2018 12:44)
Buenas tardes, necesito un codigo html que realice el efecto cayendo nieve por la web. mi correo es sanblafer@hotmail.com muchas gracias
ANA CARRILLO (jueves, 11 octubre 2018 01:11)
BUENISIMOS PERO EL DEL FACEBOOK NO ME FUNCIONO
www.corazondesiervo.jimdo.com (miércoles, 11 julio 2018 07:49)
busco código para mi web
corazon de siervo (miércoles, 11 julio 2018 07:47)
buena pagina
guanaco (martes, 30 enero 2018 07:03)
looogic
nacetalk (domingo, 24 julio 2016 21:56)
Hola, queria preguntar si como hacer un codigo html para el pajaro que haces en la pag, me pasas el codigo, y, uno para que te muestre lo que ve tu webcam, porfavor me lo podes pasar?
Herminia (sábado, 02 julio 2016 19:28)
Estoy con una pagna web y no me deja poner barras a los lados de la pagina,,,como se pone el contador de la bola del mundo y el soporte para dejar mensajeees,gracias
rs (jueves, 07 abril 2016 18:46)
hechos curiosos
http://www.richardsite.com.mx/gadget_sabia_usted_que_instrucciones.php
rs (jueves, 07 abril 2016 18:45)
Hoy no circula en la ciudad de méxico, distrito federal y área metropolitana del d.f.
http://www.richardsite.com.mx/gadget_hoy_no_circula_instrucciones.php
JaviMxli18 (martes, 24 noviembre 2015 09:52)
buenos días, muy buenos los codigos, de casualidad tienes la de comentarios?
juan Calcaño (miércoles, 26 agosto 2015 13:20)
<img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />
(En width=500;this.height=400 pones el tamaño de tu imagen o el tamaño en que quieres que se mire y en width=100;this.height=80 el tamaño en miniatura)
sergio (martes, 04 agosto 2015 17:38)
gracias me ayudastes !!
Gabriel (lunes, 22 junio 2015 11:44)
me puedes dar el código del planeta porfa
Luis (domingo, 21 junio 2015 21:12)
Saludos, gracias por compartir los códigos, podrías decirme cual es el código del ave de twitter, gracias.
omar (lunes, 11 mayo 2015 12:20)
gracias esto es un gran aporte
Gabriela L (viernes, 27 marzo 2015 22:53)
Hola. ¿Cómo puedo hacer para crear un espacio de comentarios (por ejemplo, uno como este) en mi web html? Dejo mi correo para recibir la respuesta ahí: gabilopezm1@gmail.com y gracias anticipadas.
yesmin (viernes, 27 febrero 2015 16:40)
están buenos los códigos ayudan a configurar la web grasias
servidormedival (domingo, 22 febrero 2015 08:01)
hola
Alan (jueves, 12 febrero 2015 01:28)
Felicitaciones por tu trabajo, en verdad.
Por demás, podrías orientarme sobre como insertar un buscador dentro de mi página, digamos para encontrar productos dentro de la misma ?? gracias y de nuevo felicidades
Daniel Pineda (viernes, 16 enero 2015 13:33)
Hola, como hiciste para que los comentarios tipo contactenos funcionaran y llegaran a un correo???, me ayudarias por fa.
hackerunited (viernes, 24 octubre 2014 14:16)
Buena
Beto (sábado, 18 octubre 2014 03:01)
un codigo para que en la pagina web dejen comentario asi como ati
web-veltran (domingo, 28 septiembre 2014 18:06)
Hola, muy buena página metztLyy
quisiera saber qué código es para
poner el recuadro de abajo a la izquierda.
"Contáctame" "Desconectado"
Gracias.
HECTOR (jueves, 25 septiembre 2014 18:09)
HOLA QUERIA PREGUNTARTE COMO PUEDO ELEGIR EL LUGAR DONDE QUIERO QUE SE PONGA ALGO POR EJEMPLO LA CAMARA LA PUSE ARRIBA PERO SE ME PONE EN LA PARTE IZQUIERDA Y LA QUIERO EN LA DERECHA RESPONDE AL FAVOR. BUENA WEB.
radiolunapalmira (sábado, 13 septiembre 2014 00:32)
gfdgdfg
joker brand (sábado, 06 septiembre 2014 17:18)
me encanta los codigo oye agreguenme en facebook es (jorge toledano diaz y xf pasenme los codigo en facebook o en whatsapp xf este es mi whatsap 9535419791
panelmusical (jueves, 28 agosto 2014 16:31)
Cual es el código del mapa ?
Luis Mora (domingo, 10 agosto 2014 11:33)
Muy agradecido, ya funciona.
Luis Mora (sábado, 09 agosto 2014 10:34)
Por favor el código para TEXTOS QUE CAMBIAN AUTOMÁTICAMENTE, no me funciona. inserté textos en los item TEXTO 1, 2,3, y 4 y solo sale un solo texto. cambian cuando recargo la página
NO5M (viernes, 01 agosto 2014 09:04)
DFFF
FGFG (jueves, 24 julio 2014 12:45)
FFDGF
cumbiaactual (miércoles, 16 julio 2014 11:04)
gracias x los codigos men [cumbiaactual.jimdo.com]
Almha (miércoles, 09 julio 2014 00:20)
Oola kisiera k m ayudaras con el codigo para k la un aside kede dentro de la section principal al lado izquierdo.....!!! ????? xfa m urge :) gracias....
rodrigo (jueves, 19 junio 2014 10:41)
hola metzLyy.......
como estas, oye podrias decirme como poner asi una camara cono la que aparece en esta paginaa,
ANGELA VANEGAS (jueves, 29 mayo 2014 13:41)
EXCELENTE GRACIAS POR SUS CÓDIGOS!
QUIERO ESE PLANETA PARA MI.
MARCOS HUMBERTO PISCIOTTI ORTEGA (miércoles, 05 marzo 2014 11:25)
MUY BUEN PAGINA, TENGO UNAS PEQUÑAS DUDAS. COMO HAGO PARA QUE UNA VEZ SE ABRA LA PAGINA EL REPRODUCTOR DE YOUTUBE ABRA DE UNA? DONDE CONSIGO MAS CODIGOS HTML Y WIDGETS WWW.ENDOPISCIOTTI.JIMDO.COM
MARCOSPISCIOTTI@HOTMAIL.COM
poetadedioss82 (domingo, 02 marzo 2014 20:52)
muy buena pagina pero no tendras codigos para poner slider como cabezera de mi pagina, gracias
Angel (sábado, 01 marzo 2014 17:45)
aparte de hermosa tienes muy buenos gustos que buen acomodo para mi la mejor pagina es completa y simple a la vez me encanta.
gokusito7madridista (lunes, 24 febrero 2014 15:45)
ola como hago para agregar un reproductor de musica a mi pagina , gracias
iestepy (sábado, 22 febrero 2014 12:45)
Un codigo html para cargar archivos a mi correo o a cualquier otro lugar..gracias.
zarzu (martes, 11 febrero 2014 19:55)
Hola :D
Es genial tu página pero me gustaría saber como puedo poner un buscador interno para mi propia pagina web. Es decir, si yo quiero buscar documentos o archivos que tengo en mi pagina para encontrarlos rapido.
No quiero el tipico que te dan para buscar en google ni cosas asi...
Muchas gracias de antemano :D
Jgarcia (martes, 11 febrero 2014 10:42)
Hola, Cambia el copeas por copias este último es el correcto. Muchas gracias por tus publicaciones son de gran utilidad