*¡Estás en el lugar correcto!✅🧙
*Tu única obligación es divertirte.🤙
*¡Descubre que tan divertido es aprender programación y codea como un pro! 🦸
El HTML (HyperText Markup Language) es el lenguaje estándar para crear páginas web y define el contenido y la estructura de la web.
HTML se considera como lenguaje de etiquetas, las etiquetas en html se escriben con su nombre propio dentro de paréntesis angulares y cada etiqueta cuenta con su propia función específica.
Es una palabra clave que define el inicio y el final de un elemento dentro de un documento web.
Se escribe dentro de paréntesis angulares ("< >" ) y se utilizan dos etiquetas para formar elementos, una de apertura y otra de cierre, la ultima se escribe con una barra diagonal al inicio de su palabra (/), pero también existen etiquetas de auto-cierre que no la necesitan utilizar.
EJEMPLO:
La siguiente etiqueta es utilizada para colocar párrafos de texto.
<p>
La combinación de una etiqueta de apertura(si lo tiene), el contenido y una etiqueta de cierre forma un elemento.
Los elementos pueden anidarse dentro de otros elementos, lo que permite la creación de estructuras jerárquicas en el contenido de una página web, esto significa que un elemento dentro de otro tiene un "elemento padre" y puede heredar sus atributos.
EJEMPLO:
El conjunto del siguiente contenido mas sus etiquetas forman un elemento de párrafo y tienen sus propios atributos por defecto.
<p>Este es un elemento </p>
Son características adicionales que se añaden a las etiquetas de apertura para proporcionar información, modificar su comportamiento o apariencia.
Se colocan dentro de la etiqueta de apertura y consisten en un nombre de atributo seguido de un signo igual (=) y un valor entre comillas dobles (").
EJEMPLO:
src y alt son atributos del elemento de imagen que permiten darle una descripcion y asignarle la imagen.
<img src="imagen.jpg" alt="Descripción de la imagen" />
<!-- Este es un comentario de HTML -->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de la página</title>
</head>
<body>
<header></header>
<main><h1>¡Hola Mundo!</h1></main>
<footer></footer>
</body>
</html>
Página de mozilla:
La documentacion de mozilla es una fuente de informacion muy confiable.
Visitar