-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
49 lines (49 loc) · 1.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<!--
Aunque en este taller se utiliza HTML, CSS, y JS, no es necesario que sepas y que aprendas
nada de estos lenguajes. Si quieres aprender luego, te recomendamos ver lo siguiente:
- CS50W: https://cs50.harvard.edu/web/2020/
- HTML: https://developer.mozilla.org/es/docs/Learn/HTML
- CSS: https://developer.mozilla.org/es/docs/Learn/CSS
- JS: https://developer.mozilla.org/es/docs/Learn/JavaScript
-->
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Este es el título que se muestra en el navegador. -->
<title>¡Hola Pedro!</title>
<!-- Este es el estilo de la página. ¡Puedes modificarlo como quieras! -->
<style>
:root {
font-family: system-ui;
}
html,
body {
height: 100%;
margin: 0;
}
body {
/* Centrar */
display: flex;
justify-content: center;
align-items: center;
/* Colores */
color: hsl(173, 100%, 10%);
background-color: hsl(102, 100%, 97%);
}
</style>
<!-- Dentro del head puedes agregar también otros scripts de librerías. -->
<!-- Fin de head. -->
</head>
<!-- Dentro de body puedes añadir y modificar el contenido de la página. -->
<body>
<h1>¡Hola mundo!</h1>
</body>
<script>
// Aquí puedes dejar código JavaScript que se ejecutará cuando la página se cargue.
// Importante: no debes importar ningún script externo aquí.
// Para eso, utiliza script src dentro del head.
</script>
</html>