Saltar al contenido

Aprender a crear páginas web con HTML

27 septiembre, 2019
¿Quieres aprender a ⭐ CREAR páginas WEB GRATIS en HTML? ⭐ Aquí enseñaremos cómo puedes crear webs en HTML desde CERO ✅: funcionamiento y estructura.

¿Quieres aprender a crear páginas web en HTML? Aquí enseñaremos cómo puedes crear una página web en HTML desde cero y de forma gratis. Te explicaremos los conceptos que necesitas. ¡ENTRA!

 

Atención: Aquí te estoy demostrando la explicación breve de crear páginas web simples, más que nada, son definiciones y conceptos de etiquetas del lenguaje de programación HTML, si quieres crear páginas web ya avanzadas y profesionales, te invito a leer este siguientes posts:

INICIMOS:

Bienvenidos a un nuevo post. Hoy en día la creación de páginas web es de vital importancia para poder crecer con respecto a los negocios e incluso para cuestiones personales.

Hoy te enseñaré los fundamentos que necesitas saber para entrar en este mundo, así que sin más, ¡empecemos!:

Índice del artículo

Cómo crear páginas web desde cero

Este documento abarcará diferentes aspectos para crear páginas web en HTML. Para crear páginas web, es necesario que tengas en cuenta estos aspectos básicos:

  1. ¿Qué es el HTML?
  2. Estructura de una página web.
  3. Etiqueta <head> y diferentes etiqueta.
  4. Etiqueta <body> y funciones.
  5. ¿Qué es CSS?
  6. ¿Qué es JavaScript?
  7. Curso COMPLETO de creación de páginas web.

¿Qué es el HTML?

HTML quiere decir «Hyper Text Markup Language«, que traducido al español vendría siendo «Lenguaje de Marcado de HiperTexto«. Es es lenguaje de maquetado utilizado para darle estructura a una página web.

Piénsalo como si fueran los huesos de tu cuerpo, los forman la estructura de ti, así mismo con el HTML; ha pasado por diferentes versiones, de las cuales la más recuente es HTML5.

En todo curso para crear una página web gratis, te tienen que enseñar sí o sí este lenguaje de maquetado. De todos modos nosotros más abajo del post te recomendaremos uno muy interesante.

Estructura de una página web

Si quieres aprender desde cero a crear una página web en HTML, y sobre todo, hacerlo de forma gratis, debes aprender hasta el más mínimo detalle.

La estructura de una página web es el esqueleto que va a componer todo el sitio; es como si fuesen los huesos de tu cuerpo, por tomar como una analogía.

Esta estructura cargará con todo el diseño que tenga el sitio, en donde actuará en sí todo el sitio web. La estructura de un sitio web es la siguiente:

<html>
  <head>
    <title>Mi primera página web.</title>
  </head>
  <body>
  </body>
</html>

Esta es la estructura simple. A continuación, te explicaremos cada etiqueta:

Etiqueta <head> y diferentes etiquetas

Esta etiqueta contiene diferentes configuracionsa que se le desean dar a un sitio web, como son:

  1. El título del sitio web
  2. Estilos CSS de la página web
  3. Archivos JavaScript
  4. Configuraciones «meta»
Te recomendamos:  Más de 1,000 video tutoriales gratis de programación

Generalmente el título es el único visible a los ojos del usuario, ya que todo lo demás son configuraciones internas.

Etiqueta <body> y funciones

Aquí va absolutamente todo lo que el usuario va a ver en el sitio: textos, imágenes, vídeos, audios, etc.

Textos en HTML

Hay diferentes formatos de textos en HTML, tales como:

<p>Texto</p>: es un simple párrafo.
<b>Negrita </b>: texto en negrita.
<i>Cursiva </i>: texto en cursiva.
<s>Tachado </s>: texto tachado.
<small>Pequeño </small>: texto pequeño.
<big>Grande </big>: texto grande.

Imágenes en HTML

Para poder incrustar imágenes en HTML, se utiliza la etiqueta llamada «img». Esta es la sintaxis:

<img src="[unicacion de archivo]" />

Sustituye «[unicacion de archivo]» por la ruta de tu imagen.

¿Qué es CSS?

Su significado en inglés vendría siendo «Cascading Style Sheets«, o bien, «Hoja de Estilos en Cascada«. Este es el lenguaje de maquetado que le da estilos a la página web; gracias a él, es que podemos darle diseño a los sitios web, para que éstos luzcan «bonitos», por así decirlo.

EL CSS se lleva dentro del HTML de una página web, y como comentamos anteriormente, este añade el diseño superficial del sitio, es de lo único que se encarga: estética.

¿Qué es JavaScript?

Este es el verdadero lenguaje de programación que reside bajo el Front-End. Se usa para controlar el sitio web desde el lado del cliente. Gracias a él, podemos hacer procesos dentro del sitio web como los son:

  1. Manipulación de bloques del sitio web.
  2. Envío de datos a servidores.
  3. Manipulación y uso de cookies.

Pero obviamente hay más usos. JavaScript es esencial para aprender el desarrollo Front-End.

Curso COMPLETO de creación de páginas web

Como la intención de este post es darte una introducción para crear páginas web en HTML, ahora que sabes un poco, te dejamos un CURSO COMPLETO 100% GRATIS para aprender a fondo el desarrollo web Front-End. Está directamente en YouTube:

Espero con esta introducción y este curso completo de desarrollo web, puedas crear páginas web profesionales. Si quieres ir directamente a la Playlist de este curso, haz clic en el siguiente botón:

Ir a la PlaylistIr a la Playlist del curso HTML

Y con esto podrás aprender a crear páginas web básicas, ¡sigue tu camino en el desarrollo web! Pero antes de irme me gustaría invitarte a leer otros posts relacionados a la programación. Ahora sí, ¡hasta otro post!