Codigos HTML

Algunos codigos de HTML bastante utiles

Codigo para editar texto

Separar parrafos: <p> Parrafo </p>

Tamaño del texto: <FONT SIZE=”TAMAÑO”>TUTEXTO </FONT>

  • Tamaño 20

Color del Texto <FONT COLOR=”COLOR(ingles)”>TUTEXTO </FONT>

  • azul, Blue

Texto en cursiva  <I>TUTEXTO </I>

  • Cursiva

Texto en negrita: <B>TUTEXTO </B>

  • Negrita

Para el tipo de letra <FONT FACE=”TIPODELETRA”>TUTEXTO </FONT>

  • Calibri

Para letra subrayada <u>Subrayada </u>

  • Subrayada

Para letra como maquina de escribir <tt>Máquina de Escribir </tt>

  • Máquina de Escribir

Texto Enfatizado : <EM>Enfatizado </em>

  • Enfatizado

Texto fuerte: <STRONG>Fuerte </strong>

  • Fuerte

<CODE>Code Texto </code>

  • Code Texto

<CITE> Citation Text </cite>

  • Citation Text

<KBD>Keyboard Text </kbd>

  • Keyboard Text

<SAMP>Sample Text </samp>

  • Sample Text

<VAR>Variable Element Text </var>

  • Variable Element Text

<BIG>Texto grande </big>

  • Texto grande

<SMALL>Texto pequeño </small>

  • Texto pequeño

<SUB>Subindice </SUB>

  • Texto normal y Subindice

<SUP>Superíndice </SUP>

  • Texto normal y Superíndice

<BLINK> Texto intermitente </blink>

  • Texto intermitente (solo explorer)

<STRIKE>Texto tachado </STRIKE>

  • Texto tachado

Centrar texto: <center> Texto </center>

Ejemplo: Centrado

Distintos tipos de texto:

Texto H1: <H1> texto <H1>

Texto H2: <H2> texto <H2>

Texto H3: <H3> texto <H3>

Texto H4: <H4> texto <H4>

Texto H5: <H5> texto <H5>

Texto H6: <H6> texto <H6>

Texto H1

Texto H2

Texto H3

Texto H4

Texto H5
Texto H6

Codigos para crear Botones

Boton simple: <button> <b>botón </b> </button>

Ejemplo:

Botones que llevan a una pagina, por ejemplo a google:

<div align=”center”> <form name=”form1″ action=”http://www.google.com&#8221; > <input type=”submit” value=”google”> </form>

Un boton con campos para enviar a alguna parte el codigo es este
<div align=”center”> <form name=”form1″ action=”http://www.donde enviar texto.algo” target=”_blank” method=”post”> <input type=”text” name=”prueba”><input type=”submit” value=”enviar”> </form> </div>

les aparecera el campo en blanco para escribir y el boton con la palabra enviar.

Codigos para crear Tablas

<TABLE WIDTH=”100%” BORDER=”1″> <TR><TD> celda(1,1) </TD> <TD> celda(1,2) </TD> <TD> celda(1,3) </TD> </TR> <TR><TD> celda(2,1) </TD> <TD> celda(2,2) </TD> <TD> celda(2,3) </TD> </TR> <TR><TD> celda(3,1) </TD> <TD> celda(3,2) </TD> <TD> celda(3,3) </TD> </TR> </TABLE>

Ejemplo:

celda(1,1) celda(1,2) celda(1,3)
celda(2,1) celda(2,2) celda(2,3)
celda(3,1) celda(3,2) celda(3,3)

<TABLE WIDTH=”100%” BORDER=”1″> Esto da un borde para la tabla, si se omite aparece la tabla sin lineas divisoira

<TABLE> </TABLE> marca el inicio y el fin de una tabla

<TR></TR> Marca el inicio y el fin de una fila

ejemplo

celda(1,1) celda(1,2) celda(1,3)

<TD></TD> Marca el inicio de una columna

celda(1,1)
celda(2,1)
celda(3,1)

Otros Codigos

Crear Enlace:
<a href=”Url de la Pagina”>Texto </a>

Insertar Imagen:
<img src=”URL DE LA Imagen”>

Crear Enlace con una imagen
<a href=”URL DE LA PAGINA”><img src=”URL DE LA IMAGEN” > </a>

Enlace + Imagen + texto
<a href=”URL DE LA PAGINA”><img src=”URL DE LA IMAGEN”> Texto </a>

Modificar tamaño de una imagen:  (x,y,z son los valores ke debe tomar las dimensiones de la imagen)
<img src=”Url de la imagen” border=”x” height=”y” width=”z”/>

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: