InWebmaster

Codigos HTML

TEXTO EN NEGRITA


 
 TEXTO SUBRAYADO



 TEXTO EN CURSIVA




CAMBIAR EL TAMANO DE LETRA



CAMBIAR EL TIPO DE LETRA



CAMBIAR COLOR DE LETRA



UN ENTER



INSERTAR UN LINK



INSERTAR UNA IMAGEN



IMAGEN DE FONDO



INSERTAR UN ARCHIVO FLASH



UNA WEB DENTRO DE OTRA



PONER CAJA CON CODIGO ADENTRO



SONIDO O MUSICA DE FONDO



LINEA SEPARADORA



ESTABLECER COMO PAGINA DE INICIO



CENTRAR LA WEB




Atras - Actualizar - Adelante



CAJA DE CODIGO CON BOTON COPIAR



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




TABLA DE COLORES EN TU WEB



FECHA EN TU SITIO



SALUDO SEGUN LA HORA DEL DIA



TIEMPO RESTANTE PARA FINALIZAR EL DIA

 
 

Redireccionar web
   

Transformar cursor en mira
 

Poner fecha en tu sitio
 

Agregar a favoritos
 

Quitar lineas de link
 

Reloj que sigue al cursor
 

Flash earth

 
El clima
 

 
Chat
 

Fondo de web
 

Musica de fondo
 

Agregar a inicio
 

Tabla de colores


Saludo al visitante segun la hora
 

Traductor de textos y web`s
 

Traductor de web


Reloj con la hora local y mundial


Calendario
 

Menu desplegable


Abrir ventana (popup)
 

 



Enviar formulario desde una imagen


Esta suele ser la foma de utlizar una imagen en vez del famoso boton, para enviar un formulario

 <input type="image" src="IMG.gif" border="0">


Campo de formulario desabilitado

Desabilitamos un campo de formulario utilizando la opcion disabled

 
Intenta escribir algo<br>
<input type="text" DISABLED>


Abrir pagina al cerrar la actual

Codigo con el que abrimos una nueva pagina al cerrar la actual

utilizamos la funcion: onUnload

<body onUnload=window.open('URL"); self.blur();>


Cambio de puntero del mouse

El mas sencillo metodo para modificar el puntero del raton o mouse aplicando un estilo

Para modificar los cursores debemos cambiar en este codigo help cursor: auto Utiliza un cursor dado por el usuario cursor: crosshair Una cruz cursor: default Permanece como es siempre cursor: e-resize Una flecha que apunta a la derecha cursor: hand Una mano cursor: help Signo de pregunta cursor: move Una cruz con flechas en los extremos cursor: n-resize Una flecha apuntando hacia arriba o hacia el norte cursor: ne-resize Una flecha apuntando hacia el noreste cursor: nw-resize Una flecha que apunta hacia el noroeste cursor: pointer Nuevamente el puntero cursor: s-resize Una flecha que apunta hacia abajo o al sur cursor: se-resize Una flecha que apunta hacia el sudeste cursor: sw-resize Flecha que apunta hacia el sudoeste cursor: text Se muestra como el fin de un I-beam cursor: w-resize Flecha apuntando hacia el oeste o hacia la izquierda cursor: wait Reloj de arena

<html>

<body>
Pasa el raton por <a style="cursor: help">AQUI</a> comprobaras como cambia el puntero.

</body>

</html>


Evitar pegar en un textarea o campo de texto

El ejemplo muestra una de las formas de evitar que peguen algun texto que anteriormente ha sido copiado al portapapeles.

<textarea name="textarea" onpaste="return false"></textarea>

Detectar error en carga de imagen y mostrar imagen de error

Esta sencilla linea de codigo detecta cuando una imagen no existe o no puede ser cargada y en su lugar muestra otra.

<img src="IMG.gif" onerror="this.onerror=null;this.src='IMG2.gif';">


Quitar barra de la imagen

Si quieres que en las fotos y/o imágenes que tienes en tu web no aparezca dicha barra, hay dos maneras de evitarlo
1- Pon entre las etiquetas y Poniendo esto, evitarás que la barra no aparezca en ningunas de las fotos y/o imágenes de ese documento html.
2- Si por lo contrario deseas que la barra no aparezca solo en algunas imagénes, pon dentro de la etiqueta de las imágenes en las que quieras que no aparezca dicha barra

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

<IMG SRC="IMG.GIF" GALLERYIMG="no">.


Como hacer frames

Metodo para crear frames en tus paginas.

Debes reemplazar pagina_izquierda.html y pagina_derecha.html por las `paginas que quieres mostrar.
Si el navegador del visitante no soporta frames, se mostrara un enlace para dirigirlo hacia tu pagina principal
El valor de frameset cols= servira para modificar el tamaño.

<html>
<head>
<title>Titulo</title>
</head>
<frameset cols=160,*>
<frame src="pagina_izquierda.html" name="izquierda">
<frame src="pagina_derecha.html" name="derecha">
</frameset>
<body>
</body>
<noframes>
<a href="tu_pagina_principal.html">Texto</a>
</noframes>
</html>


Agregar icono en mis Favoritos

Cuando alguien guarda nuestra página en sus favoritos, automáticamente aparece el nombre de tu sitio con la imagen de un documento asociado con nuestro browser, gracias a estas líneas podemos modificar dicho icono por uno nuestro. Debes crear una imagen de 16 colores y luego guardarlo con la extensión .ico.
Cuando el usuario acceda a sus favoritos, tu página al tener un icono diferente al resto podrá sobresalir y seguramente el usuario fije la mirada en la misma, es decir que aumentarán las posibilidades de que nos visite.

<head> <LINK REL="SHORTCUT ICON" HREF="URL"></head>



Quitar barra de la imagen
 
Si quieres que en las fotos y/o imágenes que tienes en tu web no aparezca dicha barra, hay dos maneras de evitarlo
1- Pon entre las etiquetas y Poniendo esto, evitarás que la barra no aparezca en ningunas de las fotos y/o imágenes de ese documento html.
2- Si por lo contrario deseas que la barra no aparezca solo en algunas imagénes, pon dentro de la etiqueta de las imágenes en las que quieras que no aparezca dicha barra







Simple formulario de contacto
 
Simple formulario de contacto. Los campos son nombre y apellidos pero puedes agregar todos los necesarios.






Agregar icono en mis Favoritos
 
Cuando alguien guarda nuestra página en sus favoritos, automáticamente aparece el nombre de tu sitio con la imagen de un documento asociado con nuestro browser, gracias a estas líneas podemos modificar dicho icono por uno nuestro. Debes crear una imagen de 16 colores y luego guardarlo con la extensión .ico.
Cuando el usuario acceda a sus favoritos, tu página al tener un icono diferente al resto podrá sobresalir y seguramente el usuario fije la mirada en la misma, es decir que aumentarán las posibilidades de que nos visite.






Envio de email personalizado
 
Simple forma de que el email al ser enviado podamos agregar mas campos nombre, email, tema....





Efecto en carga de pagina
 
Divertido efecto el cual se muestra en la carga de tu pagina


Hemos tenido 7425 visitantesEn inWebmaster!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=