El día de hoy te comentaré un poco sobre que es HTML y las etiquetas que más usamos al momento de programar nuestros sitios web en MGPanel.
HTML NO ES UN LENGUAJE DE PROGRAMACIÓN, HTML es un lenguaje de marcado que nos permite crear LA ESTRUCTURA (El esqueleto) de nuestras páginas web. Secciones, párrafos, encabezados, enlaces, imágenes y listas son algunos de los elementos que nos permite realizar este lenguaje.
A continuación te muestro como funcionan las etiquetas que debes de conocer al momento de iniciarte en el mundo del desarrollo web:
Secciones: div, section, article, header, footer
Las usamos para todo (Sobre todos los div), muy versátiles. Con estas etiquetas creamos "Cajas" que pueden contener más elementos dentro de ellas.
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de secciones con HTML
Encabezados: h1, h2, h3, h4, h5, h6
Usa estos 6 para todos tus títulos y subtítulos (El h1 úsalo una única vez por página, el SEO de tu página web te lo agradecerá).
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de encabezados con HTML
Párrafos: p, span
Más del 70% del texto de tu página web estar dentro de estas etiquetas.
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de párrafos con HTML
Enlaces: a
Con esta etiqueta crearemos todos los links (Enlaces) que necesitemos colocar en nuestras páginas web.
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de enlaces con HTML
Imágenes: img
Siempre necesitaremos darle vida a nuestras páginas web a través de imágenes.
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de imágenes con HTML
Listas: ul, li
Con este código de aquí podrás insertar listas en tu página web:
<!-- Bloque de código eliminado por incompatibilidad -->Aquí puedes ver como se verían en tu página web: Ver ejemplo de listas con HTML
Si ya conoces todas estas etiquetas y sabes aplicarlas correctamente en tu página web déjame decirte que estas a un paso de convertirte en todo un desarrollador web. Si aún las estás conociendo, lo que puedes hacer es comenzar a aplicarlas (copia y pégalas en tu página, combínalas unas con otras, sácales el máximo provecho).
Te quedo debiendo muchas más etiquetas (b, strong, hr, br, pre, blockquote), pero estas de acá son las más comunes y que usaras más al momento de darle vida a tu página web.
En próximos post te daremos otros consejos para que los apliques en este nuevo CMS para programadores, también iremos construyendo secciones de sitios web y otros trucos que queremos compartir contigo.
O si quieres especializarte en programación web dale un vistazo a nuestro Máster en programación web desde cero.
O también puedes visitar nuestro canal de YouTube, donde tenemos tutoriales y clases grabadas de como crear páginas web de forma rápida y sencilla.
Nos vemos en un próximo post.