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!:

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:

Te recomendamos:  7 pasos para crear una web exitosa

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¬Ľ

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!