GUIA HTML PARA PHPNUKE
En este pequeño tutorial, vamos a resumir un poco las funciones
que podemos aplicar a nuestros textos para que queden más elegantes,
así como poner hipervinculos y/o imágenes en nuestra página.
Cualquier sugerencia podéis mandarla al webmaster
que la incluirá gustosamente si es de interés para todos.
- Codigos de formateo de texto
(publicación de noticias ).
- ¿Como poner un hipervínculo?
- ¿Como usar imágenes en las noticias
o foros?
- Guia de uso de los colores.
CODIGOS DE TEXTO
Estos códigos servirán a cualquier usuario para
adornar o poner de forma más elegante un texto, noticia, mensaje en el
foro, etc.
Si usamos algun programa adecuado para trabajar con html no tendremos porque
teclear nada de esto, ya que será incluido en el codigo html de forma
automática.
En el caso de publicar un mensaje en el foro, simplemente debemos intercalar
el texto deseado entre los códigos que queramos.
Ejemplo, para poner la palabra internetadictos en negrita, pondriamos:
<b>internetadictos</b>.
Aquí os va una pequeña lista de
códigos:
- <pre> Indica que procesaremos un texto "preformateado".
Hasta encontrar el </pre> se respetarán todos
los espacios y los retornos de línea.
- <br> Hace un Enter. No es necesario poner
</br>
- <em> Indica que pasamos a cursiva. Finalizamos con
</em>
- <p> Indica que procesamos un nuevo parrafo. Usar
</p> para cerrar el párrafo.
- <b> Indica que pasamos a negrita. Finalizamos con
</b>
- <strong> Igualmente que la negrita. Finalizamos con
</strong>
- <u> Indica que pasamos a texto subrayado. Finalizamos
con </u>
- <h1> Tamaño de texto 1. Finalizamos con </h1>
- <h4> Tamaño de texto 4. Finalizamos con </h4>
- <i> Indica que pasamos a texto en formato Itálica. Finalizamos
con </i>
Nota: Tenemos 6 tamaños disponibles para elegir el
tamaño del texto. Son del 1 al 6, siendo el 1 el mas grande y el 6
el más pequeño..
- <basefont size=n> Fija la referencia por defecto
de base para el tamaño de los caracteres con códigos FONT SIZE.
Su valor por defecto es 3.
- <font> Parecido a basefont size, pero permite unas
referencias adicionales. En realidad existen dos modos de llamar al texto,
en modo literal y en modo físico.
Deberemos SIEMPE finalizar el formato de texto con </font>.
Los parametros para FONT son:
size Cambia el tamaño del texto, referenciado al tamaño
por defecto seleccionado en el navegador.
face Carga si está disponible un determinado FONT,
por ejemplo FONT=courier
color Selecciona el color para el texto.
Ejemplo:
<font color=FF0000>Esto en color rojo</font>-----<font
color=00FF00> y esto en color verde</font> ( también
se puede poner <font color="#FF000">
Seria: Esto en color rojo -----
y esto en color verde
Más adelante tenéis una explicación de los códigos
de colores.
- <small> ( solo explorer ) Usamos texto pequeño.
Finalizamos con </small>
- <sub> ( solo explorer ). Usamos texto en sub-indice.
Finalizamos con </sub>
- <sup> ( solo explorer ). Usamos texto en super-indice.
Finalizamos con </sup>
Tener en cuenta que se pueden usar varios códigos en un mismo párrafo
o incluso en una misma palabra, por ejemplo:
<font color=red><b><u>Negrita+subrayado</u></b>
solo rojo </font> ahora el color anterior.
Su resultado seria:
Negrita+subrayado solo rojo ahora
el color anterior
Volver arriba
¿Como poner un hipervínculo?
Si lo que buscamos es que al pinchar en un sitio, nos salte a
una dirección web, hacemos lo siguiente:
<a href="http://www.internetadictos.com">InTeRnEt
aDiCtoS</a>.
Lo que va entre las comillas,
es la dirección a la que saltaría vuestro explorador al pinchar
en el texto InTeRnEt
aDiCtoS.
Otra posibilidad es que nos salte a una dirección determinada de una
web, el index, foros, etc.
En ese caso ponemos solo la dirección relativa, sin http://
<a href="index.html">Inicio</a>
Para ir a la pagina principal si usas PHP.
<a href="index.html">Inicio</a>
Para ir a la página principal su usas html.
También puedes hacerlo para que salte a una determinada parte de un
documento.
En este caso, se les llama "Marcadores". Se usan
de la siguiente forma:
<a name="arriba"></a> Esto lo pondremos
a donde queremos saltar.
<a href="#arriba">AQUI</a> Al pulsar
en "AQUI", nos saltará a donde hayamos colocado el marcador
"arriba".
Para que lo entendáis mejor. Al principio del documento he puesto un
marcador.
Si pincháis AQUI, iréis al principio del
documento.
Si lo que queréis es que al pinchar en un texto, el enlace apunte a un
fichero para descargar, el procedimiento es exactamente el mismo al mencionado
arriba, solo que la dirección debe mencionar el fichero en cuestion.
Lo mejor un ejemplo:
<a href="http://www.internetadictos.com/fichero.zip"> Descarga
</a>
Esto simplemente se vería como:
Descarga . Y pinchando
en Descarga, os bajariais el fichero llamado "fichero.zip".
No descargueis el fichero.zip expuesto en este ejemplo, porque no existe y
os dará un error :P
Volver arriba
USO DE IMAGENES
Muchos preguntan como pueden poner su firma en el foro, o que como pueden acompañar
una imagen en la misma linea de texto.
Bien, pues es muy sencillo, solo hay que fijarse un poco en el siguiente código
y será pan comido:
¿Os gusta mi banner? Aquí lo tenéis <img src="http://www.internetadictos.com/banner88x31.gif">
Y saldría esto: ¿Os
gusta mi banner? Aquí lo tenéis 
Sencillito como véis.
También se puede hacer que al pinchar en la imagen del banner, os salte
a una página web.
Si ponéis:
<a href="http://www.internetadictos.com"><img src="http://www.internetadictos.com/banner88x31.gif"></a>
Entonces al pinchar en este banner
iréis a InTeRnEt aDiCtoS.
Volver arriba
Colores:
Para poder poner a nuestro texto o página el color adecuado, deberemos
tener en cuenta unas cosas:
Los colores se forman a partir de tres básicos, que son el rojo, verde
y azul.
La intensidad de cada componente se expresa como un número hexadecimal
del 00 al FF (del 0 al 255 en decimal)
Los números hexadecimales, se forman utilizando 16 dígitos
que son:
0 1 2 3 4 5 6 7 8 9 A B C D E F
Tener en cuenta que al representar un color, el primer grupo corresonde al rojo,
el siguiente al verde y el siguiente al azul (RGB)
Así:, por ejemplo, el color rojo se representa como #FF0000, porque tiene
el toda la intensidad de rojo y nada de verde y azul.
Los colores basicos son:
#FF0000 - Rojo-----#00FF00 - Verde-----#0000FF - Azul
Ahora podéis hacer muchas combinaciones, usando la lógica se
consigue facilmente el color deseado.
Por ejemplo, si ponemos los 3 colores básicos al máximo #FFFFFF,
conseguiremos un blanco.
Por otra parte, si apagamos los 3 colores #000000, tendremos un negro.
Si solo queremos usar colores muy básicos, tambien podemos usar su nombre
para describirlo.
Ejemplo <font color=red> Texto </font> Nos mostrará Texto
Aquí os pongo una imagen que resume los colores
a los que podéis llamar mediante texto:
Esto es todo por el momento. Ya iré actualizando este pequeño
manual para hacer las cosas cada dia más sencillas.
Recordar que si tenéis alguna duda, está el foro de la página.
Nota: Os recuerdo que vuestras ideas serán siempre
bien recibidas. Si tenéis algun manual o algo interesante, no dudéis
en enviarlo y será publicado.
Mandar correo
al webmaster
Copyright © por InternetAdictos.com Todo en Juegos, animaciones, chistes y humor Derechos Reservados.
