13 abril 2007

Algunos códigos


Puesto que lo que más me ha costado entender son los códigos, quiero dejar constancia aquí de algunos que ya entiendo y que son muy útiles, incluso para escribir entradas. Se aprenden a fuerza de probar y equivocarse, aunque hay páginas que nos ayudan a comprender su uso y/o significado. Codetutorial es una de ellas. Su lista rápida puede ser muy útil. Eso sí, está en inglés.
Cuando me entere de más (hay una que he utilizado pero no encuentro), os avisaré.


Las que tenéis abajo, a mí me funcionan, aunque es posible que haya algún error (si es así y alguien lo sabe, que se ponga en contacto conmigo: lo comprobaré y corregiré).


<br> <br/>
Sirven para pasar cambiar de línea. Se aconseja la primera, pero yo he estado utilizando la segunda hasta ahora y funcionaba igual (o eso me parece).


<p>
Sirve para cambiar de párrafo.


<b>XXX</b>

Para poner negrita


<i>XXX</i>

Para poner en cursiva o itálica.


<textarea>XXXX</textarea>
Para hacer un recuadro con texto dentro (un "área de texto" literalmente, como el que veis en "Enlázame".


<div align="right/left/center>XXXX</div>
Para centrar, alinear a la izquierda o a la derecha un texto, logo, enlace o referencia. Para centrar también puede utilizarse el comando: <center>XXX</center>


<title>XXX</title>
Para crear un título


<head>XXXX</head>
Para encabezados.


<body>XXXX</body>
Para el cuerpo (de la página, generalmente).


<a xxx>XXXX</a>
Es el principio para cualquier enlace (web, blog, imagen...):


<a href="http://xxx">XXXX</a>


al que añadiremos
target="_blank"
cuando queramos que la referencia se abra en otra pestaña o ventana del navegador, quedando así:


<a href="http://xxx" target="_blank">XXX</a>


Y si queremos que esa referencia se vea en lugar de como un texto en nuestra página con una imagen, deberemos añadir:
<img src="URL de la imagen"/>


quedando así:


<a href="url de la pagina" target="_blank"><img src="URL de la imagen"/></a>


<span color="XXXXXX">xxxx</span>

Para cambiar el color del texto, de una entrada o de un enlace. Con el mismo objetivo podemos utilizar en algunos casos este otro:


<font color="#XXXXXX" size="X">XXXX</font>



El comando input (<input xxxx/>), que no requiere de un cierre final como span, a o font, se utiliza para crear campos de datos. Podemos modificar el color, tamaño y otros elementos de dicho campo, separados por un espacio por ejemplo:


<input maxlength="200" value="" name="q" size="80" type="text"/>
es:




El uso de este comando me resulta todavía un poco complicado ya que tiene múltiples opciones. Podéis buscarlo en la guía o lista rápida que os enlacé más arriba o hacer click aquí.


Para terminar, señalar que, como podeis ver en esa lista rápida, cada comando o código tiene unos elementos asociados determinados que pueden o no añadirse, es decir,que no podemos usar cualquiera de ellos (por ejemplo, "color") para cualquier comando, sino sólo para aquellos que lo admitan.


De momento eso es todo. Cuando me vea capaz de explicar algún código más, escribiré otra entrada.


¡Espero que a alguien le sirva de ayuda!

2 comentarios:

Anónimo dijo...

Hola, que suerte que has puesto lo de los códigos, estaba buscando el codigo para cambiar de color partes del texto y no lo encontraba. Mi editor de texto no funciona como es debido y tengo que usar HTML, con lo que me ha venido muy bien.
Gracias por tu ayuda.
Un abrazo

luis moreno dijo...

Gracias tio!
Las "ning.com" no tienen un editor de texto compatible con html, asi que tienes que estar atento para que se queden los post como es debido.
Ale! sigue así tío.

www.cooperaciondesarrollo.ning.com