Creado por el estudiante Ronaldo Malán

Curso: Tercero informática "A"


¿Qué es HTML?

HTML es el lenguaje con el que se define el contenido de las páginas web. Corresponde a las siglas en inglés de Lenguaje de Marcado de Hipertexto, básicamente son un conjunto de etiquetas que el navegador interpreta y se emplean para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, tablas, vídeos, etc.

El lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces hacia otras páginas o documentos.

Hay que mencionar que el HTML no es un lenguaje de programación, ya que no cuenta con funciones aritméticas, variables o estructuras de control propias de estos lenguajes, por lo que el HTML únicamente sirve para crear páginas web estáticas. Sin embargo, este lenguaje es muy útil ya que combinado con otros lenguajes de programación obtenemos páginas web dinámicas como las que conocemos hoy en día.   


¿Qué son las etiquetas HTML?

El lenguaje HTML está compuesto por etiquetas. Estas son fragmentos de texto rodeados por corchetes cuyo uso es escribir el código HTML. Se delimitan usando paréntesis angulares (“< >”) de la siguiente forma: <etiqueta>. Las etiquetas se utilizan para describir algo que se quiere representar en una página web, su apariencia.


Tipos de etiquetas

  • Etiquetas de apertura. <etiqueta> Son el inicio. Indican dónde comienza el elemento o donde comienza a tener efecto. Consisten en el nombre del elemento encerrado entre los corchetes angulares.
  • Etiquetas de cierre. </etiqueta> Son lo mismo que las etiquetas de apertura, pero estas indican donde finaliza el elemento. Además, se diferencian de las otras ya que antes de escribir el elemento entre los corchetes, debemos escribir una barra diagonal “/ ”.
  • Etiqueta de sección superior. <head>Esta etiqueta indica la parte superior del texto o encabezado.
  • Etiquetas de título. <title> Se usa para indicar que lo que se pondrá a continuación es el título de la página web. 
  • Etiquetas de cuerpo. <body> Esta etiqueta indica la parte del cuerpo o desarrollo del texto.
  • Etiqueta de sección inferior. <footer> Indica la parte inferior del texto. Puede ser una conclusión o la parte con iconos de redes sociales.
  • Etiqueta de título. <h1> Título o encabezado de la página.
  • Etiqueta de subtítulo. <h2> Título de nivel 2 o subtítulo.
  • Etiqueta de apartado. <h3> Subapartado. También hay <h4>, <h5>, <h6>…
  • Etiquetas de párrafo.  <p> Hace que cada elemento o texto aparezca en una nueva línea agrupado.
  • Etiquetas de negrita. <strong> Sirven para que el texto que encierran se encuentre resaltado.
  • Etiquetas de cursiva.  <em> Los elementos que encierra aparecen en cursiva.
  • Etiquetas de imagen. <img> Se emplea para insertar una imagen en la página en el lugar donde se quiere incluir. ¡Cuidado! Esta etiqueta no necesita una de cierre.
  • Etiquetas de tachado. <del>  Los elementos que encierra aparecen tachados.
  • Etiquetas de enlace. <a>  Permite generar un vínculo o link.


HTML y CSS: Una combinación indispensable


Aunque HTML es el lenguaje fundamental para construir páginas web, no puede funcionar solo si queremos crear sitios web visualmente atractivos y funcionales. Aquí es donde entra en juego CSS (Hojas de estilo en cascada), un lenguaje que permite controlar el estilo y la presentación de las páginas web.

Mientras que HTML se encarga de la estructura y el contenido, CSS se ocupa de la presentación. Permite controlar aspectos como el color, la tipografía, el espaciado, el tamaño y la disposición de los elementos en la página.

El uso conjunto de HTML y CSS nos permite separar la estructura y el contenido de la presentación, lo que facilita la gestión y el mantenimiento de los sitios web. Además, el uso de CSS permite crear diseños responsivos que se adaptan al tamaño de la pantalla del dispositivo del usuario.


Las 10 mejores plataformas y páginas para crear páginas web



1. Tiendanube

Esta es la principal plataforma para crear páginas web de ventas empleada por los emprendedores de Latinoamérica. Ya que gracias a su facilidad de empleo, diseño intuitivo, atención a cliente y contenido de ayuda, permite montar una tienda online de forma fácil y rápida. Todo esto sin necesidad de tener conocimientos técnicos e, inclusive, sin invertir un peso, puesto que cuenta con un 100% plan gratuito.

2. Wix

Esta es una de las plataformas más populares para crear sitios web en el mundo, gracias a la facilidad y rapidez con la que es posible crear uno. La plataforma de origen israelí cuenta con una gran variedad de plantillas para páginas web de diferentes funciones, desde blog personales, hasta tiendas en línea. Aunque no es una opción tan recomendable para crear tiendas online, como se ha visto previamente.

3. Shopify

Esta es otra de las principales opciones para crear tiendas en línea, debido a las diferentes funcionalidades que ofrece y cientos de aplicaciones con las que cuenta. Para crear una tienda no es necesario contar con conocimientos de diseño o programación, ya que la misma plataforma te va guiando para lograrlo.

4. WordPress

WordPress es una plataforma para gestión de contenidos (CMS, por sus siglas en inglés) más popular en el mundo. A diferencia de otras opciones, a esta herramienta se le puede considerar un software o programa para crear páginas web gratis. Una gran parte de páginas web que visitas están construidas en este gestor, debido a su flexibilidad, código abierto y plug-ins.

5. Weebly

Esta es otra página para crear páginas web, alternativa a Wix, ya que también funciona con la tecnología drag and drop. Por ello, es posible crear sitios de forma fácil y rápida, personalizarlos, agregar videos o audio, editar imágenes y realizar búsquedas internas. La plataforma permite crear blogs, páginas para eventos, portafolios profesionales y tiendas en línea.