Nuestros primeros pasos en HTML

Normalmente aquellos que sean algo patosos en el mundo de la informática suelen alejarse, por decirlo de alguna manera un tanto coloquial, de conceptos o ideas más complejos. SI algo no se sabe directamente no se toca.

Es normal por lo tanto que cualquiera que no esté familiarizado con el lenguaje html, cuando lo vea, no entienda nada. Este lenguaje no es otro que el usado por cualquier página web lo cual implica que cada web esté compuesta por cientos de líneas. Para que nos hagamos una idea este blog tiene, y siempre dejando de lado todo tipo de gadget, un total de 2495 líneas de código. Puede parecer excesivo pero  si se modifica tan solo se suelen tocar un par de líneas, me atrevería a decir que un 5% de su totalidad.

Pero claro, para una persona que no esté familiarizada con este lenguaje, tocar-modificar dichas líneas puede convertirse en una pesadilla. Pero ¿Qué ventajas podemos obtener si aprendemos a defendernos con código html? Desde luego que las ventajas son muchas, aparte de que todo conocimiento siempre es bienvenido. Uno de los ejemplos más útiles no es otro que poder conseguir cualquier elemento de cualquier web saltándonos ciertas barreras.

Pero ¿Cómo familiarizarse con este lenguaje? Ante todo: calma, si bien es cierto que no es un lenguaje muy complicado sí que es cierto que si a las primeras de cambio nos lanzamos hacía grandes líneas de código, nuestra derrota-caída estará asegurada.

Una buena forma de familiarizarse con este lenguaje lo encontramos en youtube. Si nos fijamos youtube nos ofrece un código html de inserción (para poner el vídeo donde queramos vamos), que no sería otro que algo como esto:

<iframe width="560" height="315" src="https://www.youtube.com/embed/H71QzDxIEK8" frameborder="0" allowfullscreen></iframe>

Si nos fijamos aquí vemos algo que nos puede ser útil a la hora  de familiarizarse con código html: Widht, height y una dirección web (https://www.youtube.com/embed/H71QzDxIEK8)

Sabemos que Widht es igual a anchura y Height es igual a altura. La lógica es que a la práctica funciona, y que podremos usar con cualquier código, modificar estos dos parámetros nos permitirá modificar el elemento correspondiente a la unión  del elemento que encontremos posteriormente, en este caso ese elemento no sería otro que el vídeo de youtube.

Si recordamos, en el código aparece una simple dirección de youtube que sucede si metemos en lugar de dicha dirección, la de cualquier otro elemento de alguna otra web. Lo primero que debemos saber es con que elementos funciona el código lo cual no es otra cosa que elementos tipo .mp3, .jpg, .mpg, etc. Si en lugar de dicha dirección (la de youtube) añadimos otra con alguna de estas terminaciones, o similares, insertaremos dicho elemento allá donde deseemos. Complejo a la hora de decirlo, fácil a la hora de hacerlo.

Quizá parezca algo simple pero ir entrenando-aprendiendo, con el simple código de youtube, es ideal: es corto y no tiene elementos complejos. Con los elementos Widht y Height aprendidos podremos modificar estos parámetros en códigos de cada vez más líneas, comenzamos con dos o tres para posteriormente ir aumentando.

Pero ¿Qué podemos conseguir si buceamos en el código html de cualquier web? La gran mayoría de navegadores nos permiten ver el código html de cualquier web. Si algo nos interesa de alguna web pero sea por el motivo que sea, no podemos guardarlo en nuestro pc, bucear en el código html suele ser la solución. ¿Lo ideal? Buscar en el código “.formato” (avi, jpg, flv, etc). Encontrarlo es tan fácil como abrir un cuadro de búsqueda en el código html y escribir “.terminación”. Gracias al código html hemos aprendido que el elemento clave, y por lo tanto el principal, no es otro que una simple dirección web. Seguro que veremos muchas líneas pero si centramos la búsqueda en un elemento (la dirección web) veréis que es fácil localizar lo que deseamos.

Una herramienta que suelo usar, y que por lo tanto recomiendo, no es otra que un comprobador de código html, existen muchos aunque más por cariño, me quedaría con La webera  En estas webs podremos probar cualquier código html sin miedo y con total libertad para ir modificando aquellos parámetros que queremos ¿Qué el código no funciona? No veréis nada ¿Qué funciona? Veréis el resultado de manera instantánea. Esto os permitirá añadir dicho código allí donde deseéis.

Quizás el código html puede dar cierto respeto a aquellos que no lo conozcan, pero si primero vamos estudiando con dos-tres líneas, modificando parámetros simples e ir aumentando el número de líneas de código veréis como con el tiempo llegareis incluso a encontrar colores entre tanto número (recordemos que los colores en los códigos html, se escriben con caracteres alfanuméricos…y con eso también podréis jugar, por ejemplo: el blanco es #FFFFFF, negro #00000, etc)

Aprender a defenderse en líneas de código html aporta bastantes beneficios así que calma, paciencia y poco a poco.

Y dicho esto…hasta mañana ^_^