Pequeño tutorial para html

February 25

Ayuda - Codigos mi@

Indice de codigos mi@

Codigo mi@: texto en negrita
Codigo Mi@ [b]Negrita[/b] Este codigo mi@ equivale al codigo HTML: <b>Negrita</b> Resultado Negrita

Codigo mi@: texto en cursiva
Codigo Mi@ [i]Cursiva[/i] Este codigo mi@ equivale al codigo HTML: <i>Cursiva</i> Resultado Cursiva

Codigo mi@: texto subrayado
Codigo Mi@ [u]subrayado[/u] Este codigo mi@ equivale al codigo HTML: <u>subrayado</u> Resultado subrayado

Codigo mi@: tacha el texto
Codigo Mi@ [s]tachado[/s] Este codigo mi@ equivale al codigo HTML: <strike>tachado</strike> Resultado ~~tachado~~

Codigo mi@: texto en modo maquina de escribir/teletipo
Codigo Mi@ [tt]modo maquina[/tt] Este codigo mi@ equivale al codigo HTML: <tt>modo maquina</tt> Resultado `modo maquina`

Codigo mi@: texto en superindice
Codigo Mi@ [sup]superindice[/sup] Este codigo mi@ equivale al codigo HTML: <sup>superindice</sup> Resultado ^superindice

Codigo mi@: texto en subindice
Codigo Mi@ [sub]subindice[/sub] Este codigo mi@ equivale al codigo HTML: <sub>subindice</sub> Resultado _subindice

Codigo mi@: 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. Codigo Mi@ [size=5]Texto Gigante[/size] Este codigo mi@ equivale al codigo HTML: <span style="font-size:5pt">Texto Gigante</span> Resultado Texto Gigante

Codigo mi@: alinear texto a la izquierda
Codigo Mi@ [left]texto[/left] Este codigo mi@ equivale al codigo HTML: <div align="left">texto</div> Resultado texto

Codigo mi@: alinear texto al centro
Codigo Mi@ [center]texto[/center] Este codigo mi@ equivale al codigo HTML: <div align="center">texto</div> Resultado texto

Codigo mi@: alinear texto a la derecha
Codigo Mi@ [right]texto[/right] Este codigo mi@ equivale al codigo HTML: <div align="right">texto</div> Resultado texto

Codigo mi@: insertar una linea de separacion
Codigo Mi@ [hr] Este codigo mi@ equivale al codigo HTML: <hr width='90%' align='left'> Resultado

Codigo mi@: insertar una imagen
Codigo Mi@ [img]http://miarroba.com/pics/warning_big.gif[/img] Este codigo mi@ equivale al codigo HTML: <img src="http://miarroba.com/pics/warning_big.gif" border=0> Resultado

Codigo mi@: insertar un hiperenlace
Codigo Mi@ [url]http://miarroba.com/foros/index.php[/url] Este codigo mi@ equivale al codigo HTML: <a href="visitar.php?http://miarroba.com/foros/index.php" target=_blank>http://miarroba.com/foros/index.php</a> Resultado http://miarroba.com/foros/index.php

Codigo mi@: insertar un email
Codigo Mi@ [email]webmaster@miarrroba.com[/email] Este codigo mi@ equivale al codigo HTML: <a href="mailto:webmaster@miarrroba.com">webmaster@miarrroba.com</a> Resultado webmaster@miarrroba.com

Codigo mi@: inserta una animacion flash
Codigo Mi@ [swf width=200 height=200][/swf] Este codigo mi@ equivale al codigo HTML: [swf width=200 height=200][/swf] Resultado [swf width=200 height=200][/swf]

Codigo mi@: 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 Codigo Mi@ [color=#FF0000]texto con color VERDE[/color] Este codigo mi@ equivale al codigo HTML: <font color="#FF0000">texto con color VERDE</font> Resultado texto con color VERDE

Codigo mi@: insertar una cita
Codigo Mi@ [cita]ejemplo de cita [/cita] Este codigo mi@ equivale al codigo HTML: <blockquote><span class="texto_mini">Cita:</span><hr>ejemplo de cita <hr></blockquote> Resultado Cita: ejemplo de cita

Codigo mi@: insertar cita con titulo
Codigo Mi@ [cita title=titulo de la cita]ejempo de cita[/cita] Este codigo mi@ equivale al codigo 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

Codigo mi@: insertar codigo
Codigo Mi@ [code]Texto codigo fuente[/code] Este codigo mi@ equivale al codigo HTML: <blockquote><pre><span class="texto_mini">Codigo:</span><hr>Texto codigo fuente<hr></pre></blockquote> Resultado Codigo: Texto codigo fuente

Codigo mi@: girar el texto horizontalmente
Codigo Mi@ [fliph]texto[/fliph] Este codigo mi@ equivale al codigo HTML: <span style="filter: fliph; height:1">texto</span> Resultado texto

Codigo mi@: insertar texto deslizante hacia arriba
Codigo Mi@ [scrollup]texto[/scrollup] Este codigo mi@ equivale al codigo HTML: <marquee behavior=scroll direction=up scrollamount=1 height=60>texto</marquee> Resultado texto

Codigo mi@: Insertar un hiperenlace con titulo
Con esta variación del codigo [url] podras hacer enlaces usando tu propio texto o incluso insertando una imagen. Codigo Mi@ [url=http://miarroba.com/foros/index.php]miarroba[/url] Este codigo mi@ equivale al codigo HTML: <a href="visitar.php?http://miarroba.com/foros/index.php" target="_blank">miarroba</a> Resultado miarroba

Codigo mi@: insertar texto fantasma
Codigo Mi@ [ghost]texto[/ghost] Este codigo mi@ equivale al codigo HTML: <span style="height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=100%)">texto</span> Resultado texto

Codigo mi@: girar el texto verticalmente
Codigo Mi@ [flipv]texto[/flipv] Este codigo mi@ equivale al codigo HTML: <span style="filter: flipv; height:1">texto</span> Resultado texto

Codigo mi@: insertar texto deslizante de izquierda a derecha
Codigo Mi@ [scroll]texto[/scroll] Este codigo mi@ equivale al codigo HTML: <marquee>texto</marquee> Resultado texto

Codigo mi@: insertar texto con sombreado
Codigo Mi@ [blur]texto[/blur] Este codigo mi@ equivale al codigo HTML: <span style="height: 20;filter:blur(add=1,direction=270,strength=10)">texto</span> Resultado texto

5:40 AM | Blog it

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

Weblogs that reference this entry