Techmania

Htmtl

Htmtl

El Htmtl son mas bien nada más son codigos

Aqui os dejo montones de codigos para que lo disfruten

Codigos Htmtl

< 1 - 2 >

NEGRITA

<b>TEXTO</b>

SUBRAYADO

<i>TEXTO</i>

CURSIVA

<u>TEXTO</u>

CAMBIAR EL TAMANO DE LETRA

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

CAMBIAR EL TIPO DE LETRA

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

CAMBIAR COLOR DE LETRA

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

UN ENTER

<br />

INSERTAR UN LINK

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

INSERTAR UNA IMAGEN

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

IMAGEN DE FONDO

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

INSERTAR UN ARCHIVO FLASH

<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>

UNA WEB DENTRO DE OTRA

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

PONER CAJA CON CODIGO ADENTRO

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

SONIDO O MUSICA DE FONDO

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

LINEA SEPARADORA

<hr>

ESTABLECER COMO PAGINA DE INICIO

<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.CheNico.com');">
<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

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


Atras - Actualizar - Adelante

<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">

WELCOME QUE ESTA EN INICIO

Con link:

<a href="Dirección de tu sitio"><img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>

Sin link:

<img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />

CAJA DE CODIGO CON BOTON COPIAR

<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>

pd. 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


<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

<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 SITIO

<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 SEGUN LA HORA DEL DIA

<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 DIA

<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>

 

 

 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis