Estamos acostumbrados a navegar cada día por la web y aunque normalmente no nos paramos a pensar que hay detrás de todo lo que estamos viendo, miles de personas se siguen preguntando cosas como: ¿Que es HTML? ¿Como funciona HTML? ¿ Donde puedo escribir HTML?¿Como aprender HTML? . Entiende HTML facilmente y todas estas preguntas en este artículo.
Normalmente cuando tratamos de introducirnos en HTML encontramos definiciones demasiado técnicas que para usuarios iniciados pueden ser algo difíciles de comprender.
HTML es un lenguaje de marcado, su definición oficial sería:
HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language)es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web, pero no su funcionalidad.
https://developer.mozilla.org/es/docs/Web/HTML
Para facilitar nuestro aprendizaje y aprender html más facilmente lo expresaremos de una manera más cotidiana, lo que básicamente esto nos viene a decir ésto, es que HTML es el código utilizado para establecer la estructura básica de una página web y determinar la posición de cada elemento contenido en éste pero no las funcionalidades que se producen dentro de él.
Esto no afecta a los estilos visuales como colores, fuentes o efectos utilizados para hacer la web más atractiva, para esto utilizaríamos CSS que es el lenguaje que establece los estilos visuales a los elementos HTML del que hablaremos en otro artículo.
¿ Que son las etiquetas en HTML ?
HTML esta compuesto por etiquetas, éstas nos permiten identificar los elementos que contiene nuestro documento y aplicar unos formatos básicos establecidos para cada una.
Identificación y funcionamiento de las etiquetas en HTML.
En HTML las etiquetas las podemos identificar porque siempre se encuentran entre los símbolos de < y >.
Hay que tener en cuenta que las etiquetas deben tener una apertura y un cierre y nos encontramos antes dos casos:
- Con etiqueta de cierre.
- Dispone de una etiqueta inicial y otra final a la que se le añade una
/tras el símbolo<. ejemplo: <etiqueta> </etiqueta>
- Dispone de una etiqueta inicial y otra final a la que se le añade una
- Sin etiqueta de cierre.
- Existen casos especiales que solo utilizan la etiqueta de apertura como por ejemplo etiquetas de imagen
<img>o de salto de línea<hr>.
- Existen casos especiales que solo utilizan la etiqueta de apertura como por ejemplo etiquetas de imagen
Estructura básica en HTML
La estructura básica de un documento HTML se compone de una etiqueta <html> de inicio y </html> de fin y dentro de éstas incluiremos dos etiquetas más cada una con su correspondiente cierre, éstas serían:
Etiqueta head
Su contenido NO se visualiza en el navegador
La etiqueta <head> contendrá información necesaria para el funcionamiento de la web como el título de la página, la codificación utilizada, identificadores del idioma, enlaces a nuestras hojas de estilos que crearemos más adelante para mejorar el aspecto visual de nuestra web, y otras etiquetas <meta> que ayudaran a la configuración de nuestra web.
Etiqueta body
Su contenido SI se visualiza en el navegador
Por otro lado la etiqueta <body> contendrá el cuerpo de nuestro documento con todas la etiquetas que creemos en las que incluiremos nuestros textos, imágenes, etc.
Dentro del <body> podemos utilizar todas las etiquetas que nos provee HTML para estructurar nuestra web, como por ejemplo las etiquetas de título <h1></h1>, <h2></h2>, etc.. o las etiquetas de párrafo <p></p> que nos permiten crear estas estructuras para ir componiendo nuestro documento. Estas etiquetas las analizaremos más a detalle en otro artículo, mientras tanto podéis ir echándoles un ojo aquí.
¿Como empiezo a escribir HTML?
Para escribir HTML tan solo necesitamos algún programa que nos permita escribir en texto plano, por ejemplo con el bloc de notas de nuestro ordenador.
Bastaría con hacer click derecho en nuestro escritorio, clickar en nuevo, documento de texto y ponerle un nombre a nuestro documento cambiando la extensión de .txt a .html
Con esto nuestro archivo se abrirá por defecto en nuestro navegador, si queremos editarlo solo tenemos que dar click derecho en él, abrir con y seleccionar el block de notas o nuestro editor de texto.
Si bien esto es posible, recomiendo el uso de otros editores que enriquecen la experiencia y nos dan muchas ayudas para poder escribir nuestro código de forma mas eficaz y rápida como por ejemplo Sublime Text o Atom, que podemos usarlas de manera gratuita descargándolas desde su web oficial.
En conclusión podemos decir que html es un lenguaje que si lo practicas te será sencillo comprender como funciona ya que principalmente se encarga de establecer elementos contenidos en etiquetas que posteriormente podemos editar sus estilos con CSS.
Y recuerda que lo mas importante para aprender html o cualquier otro lenguaje es como siempre, la practica!
Para finalizar aquí os dejo un ejemplo de una estructura html básica con etiquetas de títulos y párrafos.
Si necesitas ayuda más personalizada no dudes en visitar la web oficial de Tempus Code o ponerte en contacto conmigo mediante del correo de tempus o directamente por mensaje de whatsapp.
¡Comparte este artículo si te ha sido útil y crees que podría ayudar a más gente!
Comentarios