Programación en HTML

En esta página del blog me puedo dedicar a analizar en más profundidad todo lo relacionado al lenguaje en HTML y su programación y codificación.
Iré subiendo entradas poco a poco para añadir más información. Por ahora, disfrutad de esta página, internautas 👏

Bien, empecemos entendiendo qué es HTML y para qué se usa.

HTML es un markup language, lo que significa que está escrito con códigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una página web está «marcado» con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto. Es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web.
Una vez entendido esto, podemos pasar a la acción y usar nuestra app de programación para empezar a jugar con las páginas web.

Primero, podemos crear la más básica organización de palabras y textos: creamos listas, ordenadas y desordenadas, con puntos o con rayas, números o letras... Como queramos, vaya.




Luego, podemos hacer una pequeña prueba para comprobar que estamos entrando en materia de verdad.
Podemos crear una página web externa con un enlace que devuelva a la página principal usando este código:




Para la formación de tablas encasilladas, hacemos esto:


Incluso podemos crear también un formulario !!



Como veis, hay bastantes cosas que podemos hacer dentro de HTML, pero si nombrase todas me quedaría sin espacio, es por eso que voy a mencionar las etiquetas más importantes:


  • <body> para el contenido
  • <head> para información sobre el documento
  • <div> división dentro del contenido
  • <a> para enlaces
  • <strong> para poner el texto en negrita
  • <br> para saltos de línea
  • <H1><H6> para títulos dentro del contenido
  • <img> para añadir imágenes al documento
  • <ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
  • <p> para parágrafos
  • <span> para estilos de una parte del texto











No hay comentarios:

Publicar un comentario