Skip to content

Instantly share code, notes, and snippets.

@agustinpfs
agustinpfs / encabezados.html
Last active June 19, 2020 21:58
HTML básico. Encabezados.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Encabezados</title>
</head>
<body>
<!-- Emmet: h${Encabezado h$}*3 -->
<h1>Encabezado h1</h1>
<h2>Encabezado h2</h2>
@agustinpfs
agustinpfs / parrafos.html
Created June 9, 2020 22:13
HTML básico. Párrafos.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Párrafos</title>
</head>
<body>
<h1>Párrafos</h1>
<p>Esto es un párrafo</p>
<p>Esto es otro párrafo</p>
@agustinpfs
agustinpfs / listas.html
Last active June 19, 2020 22:43
HTML básico. Listas.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Listas</title>
</head>
<body>
<h1>Listas</h1>
<!-- Emmet: ul>li{Linea $}*5 -->
<ul>
@agustinpfs
agustinpfs / secciones-basicas.html
Last active June 9, 2020 23:00
HTML básico. Secciones básicas - <span> y <div>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Secciones básicas</title>
</head>
<body>
<h1>Secciones básicas - span y div</h1>
<span>define una sección del documento en línea.</span>
<span>define una sección del documento en línea.</span>
@agustinpfs
agustinpfs / salto-linea.html
Last active June 19, 2020 23:13
HTML básico. Salto de linea <br>.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Salto de linea</title>
</head>
<body>
<h1>Salto de línea</h1>
<span>Lorem ipsum dolor sit amet.</span>
@agustinpfs
agustinpfs / imagenes.html
Last active June 26, 2020 22:47
HTML básico. Imágenes <img>.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Imágenes</title>
</head>
<body>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="logo google">
<br>
<img src="logo.png" alt="logo cursosIT"> <!-- la imagen está en la misma carpeta -->
@agustinpfs
agustinpfs / links.html
Last active July 10, 2020 12:04
HTML básico. Links <a>.
@agustinpfs
agustinpfs / links2.html
Last active July 10, 2020 14:07
HTML básico. Links2 (destino de links.html).
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Página 2</title>
</head>
<body>
<h1>Esta es la página pagina2.html</h1>
</body>
</html>
@agustinpfs
agustinpfs / flexbox-example.html
Last active June 29, 2020 13:50
Basic Flexbox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flexbox</title>
<style>
.contenedor {
/* display: flex; */
/* flex-direction: column; */
/* justify-content: space-between; */
@agustinpfs
agustinpfs / positions.html
Created June 11, 2020 13:09
CSS. Posisiones relativas, absolutas y fijas.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Positions</title>
<style>
.elemento {
background-color: coral;
border: 5px solid purple;