El principio de HTML – 2 – Entropia Lactea

Ya habiendo dominado las simplezas del párrafo y de la imágen vamos a otro escalafón del HTML y parte fundamental de todo blog que se digas serlo. Me refiero al texto. Hemos notado que la barrita mágica de Spaces nos permite manipular este texto… pero y que si no quiero usar esa fuente, o que si quiero emplear otro tamaño o si quiero crear un enlace a una página pero que se abra en otra ventana. Pues para eso estoy yo. Pero vamos por partes.

Texto

El texto en los blogs se emplea primordialmente para informar y no meramente para escribir una sarta de sandeces que uno se encuentra cada vez más seguido. Pero muchas veces depende de lo que queramos plasmar el texto que se empleará y Spaces no aporta un gran gama de donde escoger. Así que ahora veamos la etiqueta

Todo lo que deseamos que aparezca en el navegador ya con formato se puede modificar con esta etiqueta. La sintaxis es Mi texto Muy simple como se puede apreciar. Pero como el simple texto por default no es nada atractivo. Así que la etiqueta cuenta con varios modificadores. Entre estos esta color="" que como bien denota es quién determina el color del texto. Un detalle es que este modificador acepta dos tipos de valores. Acepta números en base 16 (hesadecimales) y el nombre del color tal cual. Entonces nuestra etiqueta quedaria de estas maneras Texto 1 o

Texto 1 Texto 2

Otro modificador es size="" este modificador cambia el tamaño del texto mediante números (1-7) cuanto más grande mientras se acerca uno al número 7. Entonces quedaria nuestra etiqueta de la siguiente manera Etiqueta font

Etiqueta fuente (font)

Y por último el modificador que nos permite elegir la fuente que deseamos. Este modificador se llama face="" y la forma de emplearlo es simplemente colocar el nombre de la fuente a usar. Cabe mencionar que cuando se hace referencia a una fuente esta debe ser digamos que común, ya que una fuente personalizada no se visualizara en el navegador y hará que solo aparezca la que es definida por el navegador, en otras palabras, si no es de las que tiene Windows u Office entonces nadie más las tiene y se tienen que descargar. Otra cosa para nosotros los hispano hablantes es que nuestra fuente debe comprender los acentos pues existen fuentes que por estar en otro … digamos que formato que no es latino las vocales acentuadas no existen. La forma de escribirla es Texto con otra cara que no tiene Spaces

Texto con la cara del Old Style

Una duda que los puede asaltar es el hecho del orden de los modificadores. No se preocupen que es indistinto para el navegador si va primero face y luego size o primero size y luego color. Solo recuerden siempre cerrar las etiquetas.

Pero no es todo. Existen otras etiquetas que formatean solo ciertos bloques de texto aun cuando esten dentro de font o que esten fuera de font (como un párrafo). Estas etiquetas las denominaremos para su uso formateadoras. Estas etiquetas se encuentran en el menú con las letras ya conocidas de Word, N, K, S, sin embargo es util a veces emplearlas desde código.

Son negritas

Es cursiva

Subrayado

<strike></strike> Tachado

Enfazis, teóricamente se supone que en cada navegador se vería distinto pero el efecto por lo general es como combinar unas negritas con cursiva.

Superíndice

Subíndice

Me encanta escribir para que me <strike>ENTIENDAN</strike> Este curso es ® y © de Darth Cheese

Me encanta escribir para que me ~~ENTIENDAN~~ Este curso es _® y ^© de Darth Cheese

Como ven nada fuero de lo normal pero expande las posibilidades. Por último crearemos enlaces. Aunque nuevamente esta opción esta en el menú bien podemos cambiar el hecho de como se abran, pues no siempre desearemos que el visitante al dar click en el enlace abandone nuestro blog.

Enlaces

Para ir de una página a otra se emplean los enlaces o hipervinculos. Su sintaxis es muy simple y se aplica para bloques de texto o imágenes. La etiqueta de enlace se emplea así. <a href="url de la página"></a>

Entonces si queremos por asi decirlo mandarlos a mi página personal hacemos esto.

<a href="http://avalonreign.cjb.net">Esta es mí página</a> porfa visitala cuando quieras

Esta es mí página porfa visitala cuando quieras

En este ejemplo te envio a mi página pero dejarás mi blog para hacerlo. Y eso no quiero porque entonces dejaras de aprender otra cosilla. El decirle al navegador donde abrir ese enlace. Para hacer eso empleamos el modificador target="" que le dice a donde ir sin embargo no es así de simple, para nuestro caso que son blogs solo nos interesa un valor que puede tomar target que es _blank y que hace que las páginas enlazadas se abran en una ventana aparte. Por lo que el ejemplo anterior queda como:

<a href="http://avalonreign.cjb.net" target="_blank">Esta es mí página</a> porfa visitala cuando quieras

Esta es mí página porfa visitala cuando quieras

Existen más valores para target pero para el fin de los blogs no es necesario conocerlos.

2 respuestas a “El principio de HTML – 2”

Tu peor

septiembre 1, 2005 at 9:59 pm

tan eficiente como siempe, todavia no aplico esto pero ya espero el siguiente tema.

Responder
emil sola

septiembre 3, 2005 at 8:48 pm

aLó, agradezco tus comentarios constructivos y de alta objetividad, en cuanto a lo de estas instrucciones, una de dos: o de plano estoy bien wey, o es mi compu que se traba a cada rato, ojala puedas asesorarme en un futuro proximo. saludos.

Responder