agustinpfs agustinpfs

7 followers · 13 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

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 / 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 / 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 / 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 / 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 / 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 / links.html

Last active July 10, 2020 12:04

HTML básico. Links <a>.

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Links</title>
	</head>
	<body>
	<a href="pagina2.html">Ir a página 2</a>
	<br>
	<a href="pagina2.html" target="_blank">Ir a página 2</a>

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 / 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 / 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;