No aprendas HTML, guía básica para comunicadores (Introducción)

¿Es necesario que un comunicador aprenda HTML? Nooo!
Un comunicador que quiera desenvolverse en internet como su medio principal necesita hacerse amigo de un diseñador web y quizás también de un programador (es probable que el diseñador ya sea amigo de un programador). Dicho sea de paso, ambos, diseñador y programador, necesitan hacerse amigos de un comunicador, aunque es muy probable que aún no lo sepan...

Estos tres amigos/as son el equipo perfecto para un proyecto web, cada cual con competencias en extremo complejas, difícilmente acumulables en una sóla persona, necesariamente complementarias. Mi primera sugerencia es no aprendan HTML, asóciense con alguien que sepa. Sólo un rudimento de HTML que nos permita leer "por arriba" el código producido por nuestros socios es una condición más o menos necesaria.
El otro día me pareció ver caras de desconcierto en la clase dónde se mencionó algo de HTML y, la verdad, es comprensible. Incluso a mí, que tengo un buen grado de conocimiento en el tema me resultaba dificultoso desentrañar el código que se veía en la exposición. Por este motivo es que me pareció que podría ser útil compartir algo de lo mucho o poco que he aprendido en todos estos años de haber trabajado en diseño web. Vamos a ver cómo resulta, si les interesa sigo adelante... La idea es tirar un par de pistas para que podamos entender-intuir un poco del código HTML sin necesidad de vender el alma al diablo. Hay mejores motivos para hacerlo...
Sin más aclaraciones pues, empecemos:

El HTML es una forma de "marcar" un contenido web. En principio vamos a suponer que se trata de texto, ya veremos que se puede marcar mucho más que esto. ¿Qué significa marcar un texto? Simplemente indicar por ejemplo cuál es el título, que palabras queremos resaltar, qué porción de texto es una cita, etc. Esto a un nivel abstracto, también se puede marcar, como en el Word, texto en negrita o en itálica, subrayado, etc.
¿Cómo marcamos un texto? Con lo que se denomina etiquetas HTML, o simplemente etiquetas o tags que es lo mismo pero en inglés. Una aclaración: el lenguaje del HTML es y será inglés así que el que tenga conocimiento en la materia corre con ventaja, el que no deberá usar más su memoria pero, ya verán, no es difícil. Veamos un ejemplo, supongamos que quiero marcar en HTML el siguiente texto:

"Puedo resistir cualquier cosa excepto la tentación". Oscar Wilde

Necesitaré valerme de un par etiquetas. Una para indicar la cursiva en la palabra "excepto" y otra para indicar la negrita en "Oscar Wilde". Estas etiquetas son <em> para las cursivas y <strong> para la negrita. Debemos colocarlas al principio y al final del sector que queremos modificar. El texto marcado quedaría así:

"Puedo resistir cualquier cosa <em>excepto</em> la tentación". <strong>Oscar Wilde</strong>

Vemos que "excepto" esta precedida por <em> y seguida por </em>. Lo mismo para Oscar Wilde con <strong>. Cuando colocamos una barra en la etiqueta estamos indicando que hasta ahí llega la acción de esa etiqueta, en la jerga se dice que cerramos la etiqueta. Por lo tanto </em> y </strong> son marcas que indican que allí finaliza el efecto aplicado.

Cómo ya se hace muy largo, por hoy dejamos sólo esto. Más adelante iremos un poco más rápido. Hasta ahora vimos que:

• El HTML es un lenguaje de marcado por medio de etiquetas
• las etiquetas se encierran entre <>.
  
• em y strong son dos etiquetas que se utilizan para marcar cursivas y negritas respectivamente.
  
• para cerrar el efecto de una etiqueta se agrega una barra (/)
• los comunicadores no nacieron para esto...

En la próxima entrega veremos para qué cuernos se usa el HTML, haremos algunas pruebas y agregaremos más etiquetas.
Cualquier pregunta es bienvenida, si la ponen en comentarios puede servirle a otro... En la columna de la izquierda puse una encuestita acerca de este post para poder mejorar en el futuro. Estaría buenísimo, digo ya que llegaste leyendo hasta acá que le claves una respuesta.
Salute!