¿Para qué necesitas saber algo de HTML?

HTML… difícilmente pudo algo tener un nombre más complicado y falto de sentido. Solo de ver la palabra, fácilmente te da sueño. Y lo peor es que cuando te enteras de lo que significa la sigla (sí, HTML es una sigla), te quedas peor que como estabas.

Entonces, ¿por qué un navegante común y corriente, uno que nunca ha sido, que no es ni será nunca uno de esos jóvenes técnicos adictos a la programación y a lo último de lo último en tecnología, que se llaman a sí mismos geeks, que se comunican en lenguajes incomprensibles y descifran jeroglíficos informáticos… por qué alguien como tú necesita conocer algo tan esotérico? ¿Para qué?

Esta entrada no pretende enseñarte HTML. Pretende responder a la pregunta “¿Para qué?” luego de lograr algo casi imposible: convertir la sensación de pánico, de estar completamente en blanco y de frustración que provoca la incomprensión en un interés, moderado apenas, que te permita decidir racionalmente si deseas este conocimiento o no para mejorar tu blog o tu página web.

Mi propósito no es convertirte en uno de esos geeks que acabo de mencionar. Si más tarde sucede, es por completo tu responsabilidad. ;-)

¿Qué cosa es el HTML?

Tu computadora habla un lenguaje de máquina. Está compuesto de miles de millones de combinaciones de ceros y unos o, si quieres, “bolitas y palitos”.

Para un humano “normal” es prácticamente imposible comunicarse de esta manera. Para eso existen los programas. Los programas son intérpretes, traductores. Pueden comunicarse con la máquina directamente y también contigo, a través de idiomas comunes, de idiomas que tanto una máquina, como un programa (que es un especie de máquina), y como un ser humano (que no es una máquina, en absoluto) pueden comprender.

Por ejemplo, si tu computadora se quedara “vacía”, si le sacaras todos sus programas, si se quedara sin Word, sin Excel, sin Explorer…. etcétera, tú pensarías que ella “no puede hacer nada”. No, no es así. Ella puede, igual que antes. Eres tú quien no podría hacer nada. Porque no podrías comunicarle a ella lo que quieres que haga. Para comunicárselo, necesitas los traductores, que son los programas que le acabas de quitar.

Los diferentes programas se comunican con tu computadora, contigo y entre sí en diferentes lenguajes informáticos. El HTML es uno de ellos. Y de ahí viene la “L” de HTML: “language” en inglés, que significa idioma o lenguaje.

No te diré en este punto todavía lo que significa el resto de la sigla. Vamos a continuar entendiendo un poco más lo que es.

El HTML, entonces, es un idioma intermedio entre el tuyo y el de tu computadora y eso es todo lo que es. Es uno de los idiomas que “hablan” los programas navegadores de Internet, como Explorer, Safari, Firefox y todos los demás.

¿Cómo se dice “hola” en HTML?

El HTML es un idioma especial, que está compuesto principalmente de instrucciones u órdenes. No parece ser muy poético a primera vista, ni muy amable, supongo que sus creadores no consideraron que se debía ser amable con las máquinas…. Así que no hay un término para “hola!, aunque sí algo parecido, que veremos en un momento.

Los creadores del HTML, que apareció públicamente por primera vez en 1991, le llamaron a este idioma “Lenguaje de Marcado” (Mark-up Language), porque era muy parecido a las marcas que se hacían en los primeros tiempos de la imprenta de probablemente principios del siglo XIX. En esa época, los “marcadores” (un oficio muy respetable de la época), escribían (marcaban) los manuscritos con las instrucciones para el impresor de cómo debía verse la publicación ya impresa. Marcaban el tipo de letra que debía usarse, el estilo, el tamaño, las medidas de las columnas, etc. Y estas instrucciones, igualmente manuscritas, eran la guía para quienes preparaban las cajas de tipo para la impresión.

Para que tengas una idea aproximada del tipo de impresión de esa época, dale un vistazo a este maravilloso video sobre esa clase de impresión, que todavía se usa en muchos sitos.

El término “marcado” también se usa actualmente (en inglés sobre todo) para describir el trabajo de los correctores de pruebas, de estilo y otras profesiones similares.

El “marcado” también se usa en el lenguaje hablado. La Wikipedia da un ejemplo bastante ilustrativo de la aplicación de un lenguaje de marcado en un dictado en voz alta –me imagino que a una secretaria no muy diestra– y se los presento tal cual aquí:

    Ponga estilo de carta, ponga mayúsculas, Estimado Juan, ponga dos puntos, aparte, sangría, ponga primera letra mayúscula, Te escribo esta carta, abra negrillas, de forma muy urgente, cierre negrillas, ya que no me has enviado…, etc.

Ahora bien, si alguien va a leer lo anterior en vez de escucharlo, va a tener que leerlo al menos 2 veces, a menos que separe lo que es instrucción de lo que es el texto de la carta que se está dictando. Quedaría más o menos así:

    [Ponga estilo de carta] [Ponga mayúsculas] Estimado Juan [Ponga dos puntos] [Aparte] [Sangría] [Ponga primera letra mayúscula] Te escribo esta carta [Abra negrillas] de forma muy urgente [Cierre negrillas] ya que no me has enviado…, etc.

Y lo anterior seria una aproximación al HTML. En este idioma, las instrucciones se ponen entre signos < y >, en vez de corchetes, y son un poco más “maquinales” que las anteriores. Por ejemplo para decir:

    “[Abra negrillas] de forma muy urgente [Cierre negrillas]”, escribimos:
<b>de forma muy urgente</b>

y el resultado es: de forma muy urgente

ya que en HTML, “negrilla” se dice “b” (del inglés bold). De igual modo, como probablemente ya lo adivinaste, para poner itálicas en HTML, escribimos:

<i>de forma muy urgente</i>

y el resultado es: de forma muy urgente

Estas dos simples órdenes las puedes usar cuando escribas tu próximo comentario en un blog, si quieres destacar algo con negrillas o itálicas. :-)

Ese tipo de instrucción entre símbolos < y > se llaman “tags”. Sí igual que tus tags para clasificar tus entradas, pero significan algo diferente: en HTML, el tag de apertura significa: “Comienza a hacer lo que dice aquí” y el tag de cierre (el que tiene la diagonal “/“) significa: “Deja de hacer lo que dice aquí”.

Hay unas 65 tags para las instrucciones que necesitas para construir, por ejemplo, una página web. De éstas, se usan con frecuencia algunas 20.

Y así es como se estructura este lenguaje de marcado llamado HTML. Es simplemente el texto e imágenes, videos, etc. que quieres publicar en internet más las instrucciones en forma de tags. Eso es prácticamente todo.

Entonces, probablemente ya lo adivinaste, de “marcado” viene la “M” de HTML. Es decir que “ML” significa lenguaje de marcado (del inglés Mark-up language).

Por cierto, casi lo olvido. “Hola” en HTML, se dice:

<html>

y “Adiós” se dice, naturalmente,

</html>

O, al menos, así comienzan y terminan todas las páginas escritas en este idioma. ;-)

Los enlaces: diminutas puertas al infinito

En mi opinión, una de las cosas más maravillosas de Internet es la posibilidad de navegar por un océano de información virtualmente ilimitado, donde las rutas posibles se acercan al infinito, por virtud de los enlaces.

No sé si tú, lector o lectora, recuerdas haber vivido cuando no existía el Internet. Si es así, entonces posiblemente te maravillas igual que yo cada vez que lo piensas…

Los enlaces están hechos de una sustancia especial, diferente a la que usa el texto normal. Aunque esta “pasta” originalmente fue azul, actualmente viene en los colores más variados. Este tipo de texto especial, mágico, que te lleva por rumbos insospechados cuando haces click sobre él se llama, muy adecuadamente, hipertexto.

Hiper, como probablemente sabes, viene del griego hiper (ὑπερ), que significa “más allá” y también denota abundancia e incluso exceso. Así, los enlaces están hechos de una clase de texto que te lleva más allá.

El hipertexto se comenzó a crear en los años 60. Veinte años después, con la aparición de la Web, su uso se popularizó extraordinariamente. Actualmente, el HTML también ha evolucionado y existen otros lenguajes de marcado más modernos y con más opciones.

Entonces, “HT”, las dos primeras letras de la sigla significan “HiperTexto”. Porque el HTML no es cualquier lenguaje de marcado, sino uno para navegar en el océano de la Web, cuyas rutas son guiadas básicamente por el hipertexto, en forma de enlaces.

HTML, entonces, es una sigla para “Lenguaje de marcado de hipertexto”. Y ahora sí puedes comprender lo que eso significa. (¡Espero!) :-D Y así, con esta parte completamos la aclaración del término HTML.

Entonces… ¿para qué necesitas saber algo de HTML?

Ahora sí puedes hacerte la pregunta teniendo la posibilidad de responderla. Actualmente, existen miles de programas que le permiten a la gente ser completamente analfabeta en HTML y aún así poder hacer páginas web y blogs, por ejemplo.

WordPress tiene un magnífico editor visual que da muchísimas posibilidades a un principiante. Pero tiene algunos límites. Si conoces algo de HTML, puedes ir más allá de estos límites. Con mucha mayor razón en el caso de una página web. Si conoces HTML, puedes “hablar con el navegador”, para que tu página quede exactamente como tú quieres. Si no, estás limitado a las opciones que te brindan las “páginas al instante” que te ofrece tu servicio de hospedaje.

Tal vez dirás que tienes un programa especial que permite construír páginas Web con un sistema llamado “WYSIWYG”: sigla de “Lo que ves es lo que obtienes” (del inglés What you see is what you get), que funciona de manera similar, aunque mucho más sofisticada, que el editor visual de WordPress. Si es así ¡felicidades! son muy útiles y brindan miles de posibilidades de diseño, especialmente los de la casa Adobe. Pero…..

Sí, hay un pero. Si cometes un error, o si algo te sale mal, no tienes posibilidad de arreglarlo si no conoces HTML.

Sucede como con un automóvil. ¡Necesitas mínimamente saber cambiar una rueda pinchada! Por otra parte, mientras más conoces sobre el funcionamiento de tu automóvil, mejor te funciona, mejor puedes controlarlo y mejor te relacionas con él. Y, aunque no lo creas, si no sabes cómo arreglar una rueda pinchada ¡es más probable que se te pinche que si sabes cómo! ¡En serio!

En toda mi vida, este tema ha sido el único sobre el que he hecho un curso en lo que tiene que ver con computadoras. Ha sido el único tema en el que me sentí incapaz de aprender por mí misma. Tuve la inmensa fortuna de conocer al mejor profesor del mundo, Daniel Matos, que no sólo conoce Y USA la Tecnología de Estudio para enseñar, no sólo conoce informática (entre otros temas) al derecho y al revés, sino que ¡le fascina enseñar! No se encuentran fácilmente personas con esas calificaciones, al menos en nuestro país.

Bueno, pues, la primera pregunta que tuvo que responderme el Profesor Daniel fue precisamente ésa: “¿Para qué?” Y su respuesta fue aproximadamente todo lo que te acabo de explicar en los párrafos anteriores. Pero, naturalmente, no la reproduzco acá porque “él me lo dijo”… ¡Dios me libre! Sino porque muchos años de práctica me han demostrado que tenía absoluta razón.

L. Ronald Hubbard desarrolló un concepto vital, llamado el Triángulo KRC, que explica el porqué de lo anterior (y de munchísimos otros fenómenos en la vida). Los tres vértices de este triángulo son: K, de Conocimiento (del inglés Knowledge); R, de Responsabilidad y C, de Control. Es un triángulo, porque estos 3 elementos se interrelacionan y dependen unos de otros. Si uno “sube” o aumenta, igualmente aumentan los otros dos. Si uno “baja” o disminuye o se bloquea, igual sucede con los dos restantes.

Por esa razón, no puedes ser responsable de algo, ni mucho menos controlarlo, si no sabes nada sobre ese algo. De igual modo, no puedes controlar o conocer algo si no estás dispuesto a asumir un mínimo de responsabilidad sobre él. Y por el contrario, si estás dispuesto a saber cada vez más sobre algo, inevitablemente vas a asumir una responsabilidad cada vez mayor sobre ese algo y tendrás entonces mayor y mayor control sobre ello.

Pienso que por el lado del KRC también va la respuesta a la pregunta que da el título a esta entrada.

9 pensamientos en “¿Para qué necesitas saber algo de HTML?

  1. ¡¡¡ Lo has conseguido !!! Como siempre.

    Siempre que he visto esas siglas he salido corriendo, ni pizca de interés. Más palabrejas raras no por favor.

    Cuando he abierto tu blog y he visto el título de la entrada he pensado Oh no… pero luego he dicho bueno… si lo explica Karen. Y en la segunda línea ya estaba en interés al respecto.

    ¡Está super claro!

    Una vez más Gracias Karen. Según iba avanzando por el texto iba pensando ¡qué buena es…! ¡qué bien lo hace!

    Gracias por el trabajo de hacer este mundillo de los ordenadores sencillo.

    Un besote. Cristina.

  2. Muchas gracias, querida. Es un alivio saber que se ha logrado algo de lo que no estaba completamente segura. Fue una entrada que estaba planeada hace meses y me tomó más de una semana escribir y editar (de a pedacitos)…

    Sin embargo, por mucho que aprecie tus halagos, una buena parte del crédito le corresponde al Sr. Hubbard, gracias a su tecnología de estudio. Sin ella, este blog ni siquiera existiría. En esta entrada me auxilié particularmente de la parte llamada “Enseñanza”.

    Me alegra que te gustara el video, para mí es fascinante el trabajo de una imprenta y nunca pensé encontrar un video como este…. ni siquiera me imaginé que un sistema así estuviera aún en uso. Es precioso de verdad… alucinante, como tú dices. :-)

  3. Hola Karenmuy buena tu entradapero tengo un par de preguntas:
    1.- Si un programa viene a ser un lenguaje ¿qué sería un sistema operativo?
    2.- ¿Cómo puedo saber más de esas 60 tags (o al menos de las 20) y cómo puedo usarlas en el blog?
    3.- ¿Te consideras una geek?
    Un abrazo
    Iñaki

  4. Hola, querido Iñaki, ¡qué bueno tenerte por aquí de nuevo! Respondiendo tus preguntas:

    1. Ooops! Malentendido a la vista. Un programa no es un lenguaje. En breve, es un conjunto de instrucciones para la computadora. (En el glosario hay algo más de información). Un sistema operativo es un conjunto de programas que hacen que la computadora funcione en cuanto a su operación básica. Veo que se necesitan más definiciones “estilo Karen” como diría Cris en el tema de la informática. Dame un poquito más de tiempo, por favor. Ya la comencé intentando responder a esta pregunta y al ver que iba para largo, decidí que procedía una entrada.

    2. No necesitas saber la mayoría de ellas, ya que están convertidas en los botones de tu editor visual. Tu tarea, en lo inmediato, es familiarizarte con el Editor de HTML y así puedes ver cómo son o se escriben esas tags principales en tus entradas. Simplemente ve a “editar entrada” en cualquiera de tus entradas y arriba a la derecha de la caja de texto, verás dos pestañas una dice “Visual” y la otra dice “HTML”. Selecciona esta última y verás tu entrada traducida a “HTML simple”, con sus tags y sus diagonales. ;-) De todas maneras, tengo en “pendiente” la siguiente entrada, para la próxima semana, donde podré explayarme un poco más, especialmente en la parte práctica y de aplicación para un blogger de WodPress.com.

    3. ¡Absolutamente NO! ¡Qué pregunta! A riesgo de decepcionar a todos mis lectores, la verdad es que he ido aprendiendo este asunto casi al mismo ritmo que escribo y hay millones de cosas que desconozco. Por otra parte, un geek se dedica a ser geek. Yo soy una amateur apenas.

    Sobre las diagonales, no sé que pasó, pero inténtalo de nuevo. Ya sabes, aquello que “la práctica hace el maestro”…

  5. hola amiga te felicito por esta entrada , mira no se si me pudieras ayudar , tengo un problemilla con wordpress, como esta entrada habla especialmente del codigo html, quisiera preguntarte como es que puedo insertar codigo html de texto , como en el caso de los anuncios de adsense , con otros tipos de blogs no tengo ningun problema pero con wordpress estoy que me rompo la cabeza y no puedo guardar los javascrip o html de adsense que por cierto la mayoria son de texto, los html de graficos o banners no tengo ningum problema pero los de texto javascrip son coplicados insertarlos en bitacora de wordpress pr favor si me pudieras dar una manito, te lo agradeceria un monton te doy el enlace de un codigo para que lo chequees por que no se puede pegar este tipo de codigos revisalo plis,

    esto es un ejemplo de lo que te estaba hablando espero tu respuesta gracias

¿Qué opinas tú?

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