Scribd
Cargar
19 vistas7 páginas

Introducción a HTML y Metadatos

HTML es el lenguaje utilizado para estructurar el contenido de las páginas web, comenzando con la declaración <!DOCTYPE html> y la estructura básica que incluye etiquetas como <html>, <head>, <title>, <body>, <h1>, <p> y <a>. Los metadatos, que se encuentran dentro de la etiqueta <head>, proporcionan información sobre la página web y son esenciales para que los navegadores y buscadores comprendan su contenido. Ejemplos de metadatos incluyen el título de la página, el conjunto de caracteres y la descripción que aparece en los resultados de búsqueda.

Cargado por

Yoselin Gamarra
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
19 vistas7 páginas

Introducción a HTML y Metadatos

HTML es el lenguaje utilizado para estructurar el contenido de las páginas web, comenzando con la declaración <!DOCTYPE html> y la estructura básica que incluye etiquetas como <html>, <head>, <title>, <body>, <h1>, <p> y <a>. Los metadatos, que se encuentran dentro de la etiqueta <head>, proporcionan información sobre la página web y son esenciales para que los navegadores y buscadores comprendan su contenido. Ejemplos de metadatos incluyen el título de la página, el conjunto de caracteres y la descripción que aparece en los resultados de búsqueda.

Cargado por

Yoselin Gamarra
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

HTML

HTML (HyperText
Markup Language)
es el lenguaje que se
usa para estructurar
el contenido de las
páginas web.
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>¡Hola, mundo!</h1>
🚀
<p>Estoy aprendiendo HTML </p>
<a href="[Link] a Google</a>
</body>
</html>
<!DOCTYPE html>: Le dice al navegador que esto
es una página HTML5.
<html>: La raíz del documento.
<head>: Contiene metadatos, como el título.
<title>: El título que aparece en la pestaña del
navegador.
<body>: El contenido visible de la página.
<h1>: Un encabezado grande.
<p>: Un párrafo.
<a href="...">: Un enlace.
¿Qué son los metadatos en HTML?
Metadatos son "datos sobre los datos". En el
contexto de HTML, son información sobre la
página web, pero que no se ve directamente
en la pantalla.
Van dentro de la etiqueta <head>, y ayudan a
los navegadores, buscadores (como Google),
y redes sociales a entender de qué trata tu
página.
Ejemplos de metadatos en HTML
<head>
<title>Mi página web</title> <!-- Título de la pestaña -->
<meta charset="UTF-8"> <!-- Define el conjunto de caracteres
(muy importante para usar tildes y ñ) -->
<meta name="description" content="Una página de prueba
para aprender HTML.">
<meta name="author" content="Tu Nombre">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
</head>
¿Para qué sirven?
title: Aparece en la pestaña del navegador.
meta charset: Asegura que se vean bien los
caracteres especiales como "ñ" o "á".
meta name="description": Es la descripción
que aparece en Google cuando buscan tu
página.
meta name="viewport": Hace que tu sitio se
vea bien en celulares y tablets.

También podría gustarte