4.1. Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a HTML

Introducción a HTML

HTML (Lenguaje de marcado de hipertexto) es el lenguaje principal para crear sitios web y aplicaciones web. No es un lenguaje de programación, sino un lenguaje de marcado. HTML le permite estructurar su página web, agregar contenido y hacer que el texto se muestre como desee. Es la columna vertebral de cualquier sitio web y una habilidad esencial para cualquier desarrollador front-end.

Estructura básica de HTML

Un documento HTML básico tiene una estructura específica que incluye las siguientes partes:

• Tipo de documento: la primera línea de cualquier documento HTML es la declaración de tipo de documento. Le dice al navegador qué tipo de documento esperar. En HTML5, la declaración de tipo de documento es muy simple: ``.
• Elemento HTML: El elemento HTML es el elemento raíz de una página HTML. Todos los demás elementos deben ser descendientes de este elemento.
• Elemento principal: el elemento principal contiene metadatos (datos sobre los datos) que no se muestran en la página web en sí, pero que son legibles por máquina. Normalmente contiene el título de la página y enlaces a scripts y hojas de estilo.
• Elemento del cuerpo: el elemento del cuerpo contiene el contenido principal de la página web, que se muestra en el navegador.

Etiquetas HTML

Las etiquetas HTML son la sintaxis principal de HTML. Se utilizan para crear elementos HTML y constan de un nombre de etiqueta rodeado de corchetes angulares. Las etiquetas HTML vienen en pares, que constan de una etiqueta de apertura y una etiqueta de cierre.

Por ejemplo, aquí hay una etiqueta de párrafo: `

Esto es un párrafo.

`. La etiqueta de apertura es `

` y la etiqueta de cierre es `

`. El contenido dentro de las etiquetas es el contenido del elemento.

Atributos HTML

Los atributos HTML se utilizan para agregar información adicional a los elementos HTML. Vienen en pares nombre-valor y se colocan dentro de la etiqueta de apertura de un elemento.

Por ejemplo, aquí hay un elemento de imagen con un atributo src: ``. El nombre del atributo es "src" y el valor del atributo es "image.jpg". Este atributo le dice al navegador dónde encontrar la imagen que debe mostrarse.

Conclusión

Esta es una introducción básica a HTML. Aprender HTML es el primer paso para convertirse en desarrollador web. Sin embargo, HTML es sólo la punta del iceberg. Para crear sitios web interactivos y dinámicos, también necesitarás aprender CSS y JavaScript. Pero no se preocupe, cubriremos estos temas en detalle en los próximos capítulos.

Siguiente página del libro electrónico gratuito:

6Introducción a HTML: estructura básica, etiquetas y atributos: Estructura básica de HTML

4 minutos