sábado, 16 de octubre de 2010

ALGUNOS CODIGOS HTML

codigo

html




Esta es una ayuda para trabajar con codigo HTML ,  lo extraje de mi@...
Pero igual sirve para utilizarlo en paginas , blogs, y foros.



Código mi@:
[b]Negrita[/b]

Código HTML:
<b>Negrita</b>
Resultado:
Negrita



texto en cursiva
Código mi@:
[i]Cursiva[/i]

Código HTML:
<i>Cursiva</i>
Resultado:
Cursiva



texto subrayado
Código mi@:
[u]subrayado[/u]

Código HTML:
<u>subrayado</u>
Resultado:
subrayado



tacha el texto
Código mi@:
[s]tachado[/s]

Código HTML:
<strike>tachado</strike>
Resultado:
tachado



texto en modo maquina de escribir/teletipo
Código mi@:
[tt]modo maquina[/tt]

Código HTML:
<tt>modo maquina</tt>
Resultado:
modo maquina



texto en superindice
Código mi@:
[sup]superindice[/sup]

Código HTML:
<sup>superindice</sup>
Resultado:
superindice



texto en subindice
Código mi@:
[sub]subindice[/sub]

Código HTML:
<sub>subindice</sub>
Resultado:
subindice



cambiar tamaño del texto
Permite cambiar el tamaño del texto cambiar el numero 5 del ejemplo por un numero comprendido entre 1 y 20.
Código mi@:
[size=5]Texto Gigante[/size]

Código HTML:
<span style="font-size:5pt">Texto Gigante</span>
Resultado:
Texto Gigante



alinear texto a la izquierda
Código mi@:
[left]texto[/left]

Código HTML:
<div align="left">texto</div>
Resultado:
texto



alinear texto al centro
Código mi@:
[center]texto[/center]

Código HTML:
<div align="center">texto</div>
Resultado:
texto



alinear texto a la derecha
Código mi@:
[right]texto[/right]

Código HTML:
<div align="right">texto</div>
Resultado:
texto



insertar una linea de separacion
Código mi@:
[hr]

Código HTML:
<hr width='90%' align='left'>












insertar una imagen
Código mi@:
[img]http://miarroba.com/pics/warning_big.gif[/img]

Código HTML:
<img src="http://miarroba.com/pics/warning_big.gif" border=0>
Resultado:



insertar un hiperenlace
Código mi@:
[url]
http://jerez-jerezfam.blogspot.com/[/url]

Código HTML:
<a href="visitar.php?
http://jerez-jerezfam.blogspot.com/" target=_blank>http://jerez-jerezfam.blogspot.com/</a>


insertar un email
Código mi@:
[email]webmaster@miarrroba.com[/email]

Código HTML:
<a href="mailto:webmaster@miarrroba.com">webmaster@miarrroba.com</a>
Resultado:
webmaster@miarrroba.com


inserta una animacion flash
Código mi@:
[swf width=200 height=200][/swf]

Código HTML:
[swf width=200 height=200][/swf]
Resultado:
[swf width=200 height=200][/swf]



Cambiar color del texto
Cambia el color del texto que se inserte entre los tag [color], se puede especificar un color usando un nombre en ingles, blue,red,white,black o usar el formato HEX de html, del tipo #ff0000
Código mi@:
[color=#FF0000]texto con color VERDE[/color]

Código HTML:
<font color="#FF0000">texto con color VERDE</font>
Resultado:
texto con color VERDE



insertar una cita
Código mi@:
[cita]ejemplo de cita [/cita]

Código HTML:
<blockquote><span class="texto_mini">Cita:</span><hr>ejemplo de cita <hr></blockquote>
Resultado:
Cita:








ejemplo de cita










insertar cita con titulo
Código mi@:
[cita title=titulo de la cita]ejempo de cita[/cita]

Código HTML:
<blockquote><span class="texto_mini">titulo de la cita</span><hr>ejempo de cita<hr></blockquote>
Resultado:
titulo de la cita








ejempo de cita










insertar codigo
Código mi@:
[code]Texto codigo fuente[/code]

Código HTML:
<blockquote><pre><span class="texto_mini">Codigo:</span><hr>Texto codigo fuente<hr></pre></blockquote>
Resultado:
Codigo:








Texto codigo fuente










girar el texto horizontalmente
Código mi@:
[fliph]texto[/fliph]

Código HTML:
<span style="filter: fliph; height:1">texto</span>
Resultado:
texto



insertar texto deslizante hacia arriba
Código mi@:
[scrollup]texto[/scrollup]

Código HTML:
<marquee behavior=scroll direction=up scrollamount=1 height=60>texto</marquee>




Insertar un hiperenlace con titulo
Con esta variación del codigo [url] podras hacer enlaces usando tu propio texto o incluso insertando una imagen.
Código mi@:
[url=http://miarroba.com/foros/index.php]miarroba[/url]

Código HTML:
<a href="visitar.php?http://miarroba.com/foros/index.php" target="_blank">miarroba</a>
Resultado:
miarroba


insertar texto fantasma
Código mi@:
[ghost]texto[/ghost]

Código HTML:
<span style="height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=100%)">texto</span>
Resultado:
texto



girar el texto verticalmente
Código mi@:
[flipv]texto[/flipv]

Código HTML:
<span style="filter: flipv; height:1">texto</span>
Resultado:
texto



insertar texto deslizante de izquierda a derecha
Código mi@:
[scroll]texto[/scroll]

Código HTML:
<marquee>texto</marquee>




insertar texto con sombreado
Código mi@:
[blur]texto[/blur]

Código HTML:
<span style="height: 20;filter:blur(add=1,direction=270,strength=10)">texto</span>
Resultado:
texto



ondular texto
Código mi@:
[wave]texto[/wave]

Código HTML:
<table style="Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=3, Strength=3)">texto</table>
Resultado:
texto



No hay comentarios:

Publicar un comentario

Inicio