Códigos HTML

Dentro de esta página podrán observar distintos códigos HTML, con si función.

Estos ustedes los pueden implementar en sus páginas, o incluso en blogs.

Texto en Negrita

PLAIN TEXT
<b>TEXTO</b>

Texto en Cursiva

PLAIN TEXT
<i>TEXTO</i>

Texto Subrayado

PLAIN TEXT
<u>TEXTO</u>

Cambiar Tamaño de Fuente (Letra)

PLAIN TEXT
<font size="7">EL NÚMERO 7 DEFINE EL TAMAÑO DE LA FUENTE</font>

Cambiar tipo de Fuente (Letra)

PLAIN TEXT
<font face="Times New Roman">PUEDES CAMBIAR "TIMES NEW ROMAN" POR "VERDANA" POR EJEMPLO</font>

Cambiar Color de Fuente

PLAIN TEXT
<font color="#FF0000">A LOS CODIGOS DE LOS COLORES LOS SACAS EN LA SECCIÓN DE TABLA DE COLORES</font>

Salto de Línea (ENTER)

PLAIN TEXT
<br />

Insertar un Link

PLAIN TEXT
<a href="AQUÍ COLOCA LA URL DE DESTINO">Y AQUí LA PALABRA</a>

Insertar una Imágen

PLAIN TEXT
<img src="AQUÍ COLOCA LA URL DE LA IMAGEN">

Imágen de Fondo (Background)

PLAIN TEXT
<body background="AQUÍ COLOCA LA URL DE FONDO">

Insertar Archivo Flash

PLAIN TEXT
<embed src="AQUÍ COLOCA LA URL DEL ARCHIVO .SWF" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed>[html]

<strong>Abrir una Web dentro de la Tuya</strong>

[HTML]<iframe name="window" src="URL DE LA WEB" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Caja de Texto

PLAIN TEXT
<textarea rows="5" cols="10">
Código
</textarea>

Sonido de Fondo

PLAIN TEXT
<bgsound SRC="urldearchivo.mid" LOOP=none>
<width=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Linea Separadora

PLAIN TEXT
<hr />

Establecer como Página de Inicio

PLAIN TEXT
<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.blooging.net');">
<font face=Arial color=#000000 size=-2><u>
Esta parte del texto se puede modificar en el código</u></font></a>

Centrar la Web (Con un ancho de 900px)

PLAIN TEXT
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Atras - Actualizar - Adelante (Botones)

PLAIN TEXT
<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

Caja de Texto con AutoCopiado

PLAIN TEXT
<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
</span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
function copyCaja1(elt) {
var urlSwf = "copy.swf";
var flash = document.getElementById("C1");
var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
flash.innerHTML = divinfo;
elt.focus();
elt.select();
document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
return true;
}
</script>
<div id="C1">&nbsp;</div>

P.D: Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2

Probador de HTML

PLAIN TEXT
<script>
function probar(texto) {
 ventana = window.open('', 'popup', '');
 ventana.document.write(texto);
}
</script>
<form action="" name="probador">
    <font face="Verdana" size="2">Esto es un probador de c&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!<hr />
    </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
    </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>

Tabla de Colores en tu Web

PLAIN TEXT
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Fecha en tu Web

PLAIN TEXT
<script language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>

Saludo según Hora del Día

PLAIN TEXT
<font size=2 face=arial><b>
<script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() <10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours()>=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours()>=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours()>=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours()>=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours()>=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours()>=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>

Tiempo Restante para Finalizar el Día

PLAIN TEXT
<body>
<p>Tiempo restante para finalizar el día</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora <10) ? hora :hora;
tiempoAtras+= ((minutos <10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos <10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>

Espero lees sean de utilidad estos códigos.

Ahora solo deben Implementarlos en sus Web