Conceptos básicos y casos de uso

Si está interesado en crear páginas web, este artículo es un buen punto de partida. En él, hablaré con ustedes sobre HTML, el lenguaje que se usa para ensamblar y estructurar el contenido de los sitios web. Una buena base de conocimientos de HTML es esencial para avanzar en el mundo del desarrollo web, ¡así que comencemos!

📑 Aquí podrás encontrar 👇

Que es HTML

HTML de Lenguaje de marcado de hipertexto Es un lenguaje de marcado que se utiliza para crear contenido web.

La primera versión HTML contenía solo 18 elementos. Fue creado en 1991 por Tim Berners-Lee, científico informático y físico del CERN. Además, no solo desarrolló este lenguaje de marcado de hipertexto, sino también el protocolo HTTP Localizador de recursos únicos (Url). Hoy es director del W3C, que ha supervisado el desarrollo y la especificación de HTML desde 1994.

¡Ojo! HTML es un lenguaje de marcado, no un lenguaje de programación.

¿Qué significa eso? Bueno, HTML es todo lo que puede hacer para estructurar el contenido de su sitio web. Si también desea personalizar estéticamente su contenido, deberá usar CSS. Si desea que su contenido sea dinámico y fácil de usar, necesita lenguajes como ASP, Python, PHP, SQL o JavaScript.

en otras palabras:

  • HTML para organizar el contenido (establecer párrafos, títulos, imágenes, etc.)
  • CSS cambia la apariencia del contenido (color, tamaño, fuente, etc.)
  • JavaScript para agregar funciones (ventanas emergentes, galerías de fotos, manipulación de otros elementos, etc.)
  • PHP y SQL serán ejemplos de lenguajes utilizados para manejar bases de datos y hacer que el contenido sea dinámico (lado del servidor), etc.

HTML, CSS, JS, PHP, MySQL

Desde entonces, HTML ha cambiado mucho. El HTML 5 actual tiene una nueva versión con importantes mejoras. Permítanme resumir brevemente:

  • HTML 2.0: el primer estándar HTML oficial. , conSon opcionales y no admiten el uso de formularios.
  • HTML 3.2: contiene el derecho Plato, Subprogramas Java y texto envuelto alrededor de la imagen.
  • HTML 4.01: incluye soporte para hojas de estilo CSS, scripts y formas.
  • HTML 5: nuevas etiquetas semánticas, multimedia y de formulario.

Su primer documento HTML (cómo funciona HTML)

Un documento HTML es un archivo .html o .htm, cuyo contenido es leído e interpretado por un navegador web. De esta forma, cuando abres una página web en tu navegador, este realiza una solicitud al servidor en el que se encuentra el documento, lo lee e interpreta y lo muestra en tu pantalla.

Es muy fácil crear documentos HTML. Todo lo que necesita hacer es crear un documento de texto y cambiar la extensión de .txt a .html. Cuando lo abras en un navegador, verás una pantalla en blanco, ya que todavía no hay contenido, pero te lo explicará. Para agregar este contenido, simplemente use un editor de texto (desde el simple Bloc de notas de Windows hasta programas más complejos como Sublime Text).

Crear documento HTML

Conceptos básicos de HTML

Como dije al principio, puedes usar HTML para organizar tu contenido web de manera jerárquica y semántica. Para hacer esto, usa una serie de elementos para crear su estructura.

Etiquetas HTML: crea elementos en HTML

Los elementos HTML se componen de etiquetas: generalmente etiquetas de inicio y final con contenido en el medio. Las etiquetas pueden contener una serie de atributos que se utilizan para personalizar o cambiar la apariencia de los elementos HTML. Aquí hay un ejemplo ficticio para ayudarlo a comprender:

Este ejemplo del mundo real podría verse así:

Como puede ver, el sello está con el símbolo "<”和“>"(En el caso de una etiqueta de cierre, también debe agregar una barra inclinada" / ".) El atributo está escrito en la etiqueta, seguido del carácter" = ", y su valor está entre comillas. Hay contenido entre las etiquetas de inicio y finalización.

No todos los elementos HTML tienen etiquetas de cierre y no todos los elementos necesitan tener contenido entre las etiquetas.

Proyectos masivos e integrados

Los elementos HTML pueden ser de dos tipos según los requisitos de espacio:

  • Elemento de bloque: Ocupan todo el ancho disponible y traen el siguiente elemento directamente debajo de él. Algunos de los elementos del bloque HTML:
  • Vincula un archivo .js externo que contiene la secuencia de comandos:
  • En el último caso, debe utilizar el atributo src para especificar la ruta donde se encuentra el archivo.

    Solo despuésTienes que activarO el cuerpo de un documento HTML. Esto revelará el contenido visible de la página: títulos, párrafos, capítulos, imágenes, videos, etc. Debe colocar todos estos elementos en la etiqueta. Solo puede haber un documento HTML.