Bienvenido

Introdución al lenguaje HTML



Photo by @maxderoin
Photo by Max DeRoin from Pexels

HTML

Hyper Text Marckup Language versión 5

HTML5 es la quinta versión públicada y estandarizada por el 3wc .
Conociendo a fondo el uso y funcionamiento de HTML se comprenden mejor los cambios realizados en las versiones posteriores.
HTML5 especifica:

  1. Una estructura HTML que ayuda escribir código.
  2. Una mejora en su seguridad.
  3. Corrección de errores y eliminación de funcionalidades obsoletas.
  4. Diferentes API's
  5. Accesibilidad, gracias a sus etiquetas temánticas.

Conceptos Básicos

HTML es un lenguaje que nos permite, a través de etiquetas/elemenos, dar formato a lo que queramos que se visualice en la pantalla.

¿Cómo? Gracias al formato .html son capaces los exploradores de interpretar el contenido incluido en un archivo.html.

¿Archivo.html?, para poder generar un archivo HTML se usan editores de texto guardándolos con la extensión .html.

  1. Bloc de notascaptura de pantalla/guardando archivo.html
  2. SublimeTextCaputra de pantalla guardando con sublime text 3

Para poder sacar el máximo partido al HTML voy a introducir un "iframe", por ejemplo, donde mostrar mejor y más ordenado, los siguientes ejemplos sobre etiquetas html enfocadas a la tipografía:

<h1, h2...</h6>

Estos elementos, h1, h2... y h6 son de la vieja escuela pero se han mantenido firmes ante la evolución constante del lenguaje HTML. Y digo esto por que las funciones que contienen en sí, su tamaño, sus margenes arriba y abajo... todo eso se le puede modificar dándole un valor con CSS, dicho valor especificará desde un archivo.css lo que queramos modificar.

Pero estamos con HTML y sus funcionalidades, por lo tanto, si quieres saltarte esta parte ve a por el CSS

De lo contrario seguimos...

Para entender mejor que son exactamente las etiquetas que HTML pone a nuestra disposición, tendríamos que comprender lo básico de la programación.
Cuando escribimos código HTML, estamos programando, pero sobre un programa, es decir nosotros usamos la etiqueta h1 e introducimos un texto, éste, recibe unos parámetros o valores, por que en algún momento, alguien, los especificó para ésta etiqueta. En la mayoria de los casos h1, tiene entre otras, un tamaño de fuente de entre 30 y 33px, depende del tipo de fuente que se utilice, o del zoom de la ventana del explorador y muchas otras cosas; Lo que indicaría que están siendo dadas unas especificaciones a la etiqueta desde algúna parte. ¿Desde HTML? Si! desde las modificiaciones que realicen en la W3C

Podemos aprovecharnos de ello o podemos modificar todo a partir de css, indicando que la etiqueta h1, por ejemplo, tendrá un "font-size: 33px;"

Antes de seguir, añado: la utilidad de estas etiquetas para especificar la importancia de lo que titulan, no solo como elemento gráfico para los lectores... los motores de busqueda, entienden entre comillas, que lo que venga después de un etiqueta h1 tendrá mas importancia que lo que venga después de un h2 "and so on". Además de esto les sirve para reconocer temáticas, lo que termina en nuestros interéses a la hora de ser vistos en los resultados de busqueda relacionada con el tema que ofrecemos


Sigue...

<blockquote cite="url...">

Esta etiqueta especifica una sección que se cita de otra fuente.

Si dentro de un párrafo recurres a un texto que no es de tu autoría, html nos permite introducirlo "como parte de nuestro contenido", a cambio de indicar su origen. Puedes comentarlo en el código, hacer un enlace a su sitio web... hay muchos modos para referenciar la autoría. Haciendo esto le reenvias parte de tu tráfico diario. Permites al usuario obtener distintas fuentes de información y das sentido a la parte que dice "Hypertext" de HTML.

"Qué sería de los motores de busqueda si todos nos enlazasemos entre todos manteniendo un orden temático" Borja Jonatán

Aviso

Seguimos buscando contenido...

Photo by Marta Branco from Pexels