Aprende html en 5 minutos
Aprende html en 5 minutos

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 ?

htmltag
Etiquetas de 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>
  • 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>.

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?

Editores de código

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!

Compartir en: Facebook | Twitter | LinkedIn

Última modificación: 8 mayo, 2019

Autor

Comentarios

Comenta o responde a los comentarios

Tu dirección de correo no será publicada.