Está en la página 1de 9

Introducción a

HTML
sorido0
¿Qué es HTML?
• HTML es un lenguaje de marcado que
se utiliza para estructurar el contenido
de una página web. Consiste en una
serie de elementos, cada uno de los
cuales tiene un propósito y función
específicos. Los elementos de HTML
están representados por etiquetas, que
rodean el contenido y le dan un
significado.
¿Qué es
HTML?
•<!DOCTYPE html>: Esta declaración especifica la versión
de HTML que se está utilizando (en este caso, HTML5).
•<html lang="es">: El elemento raíz del documento HTML.
El atributo lang se utiliza para especificar el idioma del
documento.
•<head>: Contiene información meta sobre el documento
HTML, como el conjunto de caracteres, la configuración del
viewport y enlaces a hojas de estilo y scripts.
•<meta charset="UTF-8">: Establece la codificación de
caracteres del documento en UTF-8.
HTML

•<meta name="viewport" content="width=device-width,


initial-scale=1.0">: Configura el viewport para un diseño
receptivo en varios dispositivos.
•<title>Título de tu página</title>: Establece el título de la
página web (que se muestra en la barra de título o pestaña del
navegador).
•<link rel="stylesheet" href="estilos.css">: Enlaza a una
hoja de estilo CSS externa. Ajusta el atributo href para que
apunte a tu archivo CSS.
•<body>: Contiene el contenido del documento HTML.
•JavaScript: Puedes incluir JavaScript al final de <body> para
mejorar la interactividad
<!DOCTYPE html>
• <html>
Estructura •

<head>
<title>Título de la página</title>
básica de un •

</head>
<body>
documento • <h1>Encabezado principal</h1>
• <p>Este es un párrafo de texto.</p>
HTML: • </body>

</html>
Explicación del código
anterior
• <!DOCTYPE html>: Declara la versión de HTML que estás
utilizando (en este caso, HTML5).
• <html>: Es el elemento raíz que engloba todo el contenido de
la página.
• <head>: Contiene información sobre el documento, como el
título de la página, enlaces a estilos CSS, metadatos, etc.
<title>: Define el título de la página que aparecerá en la barra de título
del navegador.

<body>: Contiene el contenido visible de la página, como texto,


imágenes, enlaces, etc.

<h1>: Es una etiqueta de encabezado que define el encabezado principal.


Hay <h2>, <h3>, ..., <h6> para encabezados de diferentes niveles.
<P>: DEFINE UN PÁRRAFO. <A>: CREA UN ENLACE. <IMG>: INSERTA UNA <UL>, <OL>, <LI>: CREAN <DIV>: SE UTILIZA PARA <SPAN>: SE UTILIZA PARA
IMAGEN. LISTAS DESORDENADAS AGRUPAR Y ORGANIZAR APLICAR ESTILOS O SCRIPTS
(VIÑETAS) Y ORDENADAS OTROS ELEMENTOS. A UNA PARTE ESPECÍFICA
(NUMERADAS). DEL TEXTO.

Etiquetas y elementos comunes:


Comentarios:

• <!-- Este es un comentario en HTML -->

También podría gustarte