Está en la página 1de 19

Introducción a

HTML
■ Comprender qué
es HTML.
¿Qué vas a ■ Identificar la
lograr hoy? estructura de
HTML, sus
etiquetas y su
sintaxis.
1. Historia y
conceptos de HTML.
¿Qué vas a 2. Etiquetas.
aprender hoy? 3. Estructura básica
de HTML.
En este año vas a
aprender a crear

Sitios Web desde cero


¿Qué es un sitio web?
¿Cómo está creado un sitio web?

Cuando se habla de código en


programación esto se refiere al
lenguaje por el cual funcionan las
computadoras.
El código es un conjunto de
instrucciones y datos para ser
procesados por el navegador.
¿Cómo está creado un sitio web?

El lenguaje que vas a utilizar para crear


tu sitio web será HTML. Escribirás un
código para indicarle al navegador las
instrucciones a seguir para mostrar tu
página.
Pero…
¿qué es HTML?
Hyper Text Markup Language

Lenguaje de Marcado
de Hipertexto
Es un lenguaje para crear la estructura de
un sitio web e indicar su contenido usando
ETIQUETAS que conforman ELEMENTOS.
Pero… ¿Para qué sirven las etiquetas?

¿Qué uso les dan a las etiquetas en


este video?
¿Y en la cocina?
¿Para qué se etiquetan
los frascos?
Para saber qué tienen
adentro y no confundir los
condimentos.

Lo mismo pasa en HTML, todo


lleva etiquetas para no
confundir los elementos
<> </>
¿Cómo se escriben las
etiquetas en HTML?
Etiquetas, ¿cómo se escriben?

Elemento

<h1> Hola </h1>

Etiqueta de Etiqueta de
apertura Contenido clausura
Estructura básica de un documento HTML
<!DOCTYPE html>
<html>
<head>
Configuración. <meta charset="utf-8">
No se ven dentro del
sitio excepto <title>. <title>Nombre de tu sitio</title>
</head>
<body>
Contenido visible en <h1>Este es un encabezado principal</h1>
el sitio.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
Este es un encabezado principal

<title>Mi sitio</title>
</head>
<body>
<h1>Este es un encabezado principal</h1>
</body>
</html>
¡A trabajar!
Veamos si se va entendiendo…

■ ¿Cuál es la estructura básica de


un documento HTML?
■ ¿Qué es un elemento y cómo se
compone?
■ Comprender qué es
HTML.
¿Qué ■ Identificar la
lograste estructura de
HTML, sus
hoy? etiquetas y su
sintaxis.

También podría gustarte