Skip to content

Instantly share code, notes, and snippets.

@DavidPeralvarez
DavidPeralvarez / formularios.html
Created March 29, 2018 11:30
Formularios HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Formularios en HTML</title>
</head>
<body>
<h1>Concurso de series</h1>
<form>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tablas en HTML</title>
</head>
<body>
<h1>Concurso de series</h1>
<h2>Top 5 de las series más votadas por nuestros usuarios</h2>
@DavidPeralvarez
DavidPeralvarez / id-class.html
Created March 29, 2018 13:05
Atributos ID y CLASS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Los atributos ID y Clase</title>
</head>
<body>
<h1 id="titulo-principal" class="titulo verde-chillon">Sobre David Perálvarez</h1>
<h2 id="subtitulo-principal" class="titulo">Nuestro héroe más querido</h2>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Las etiquetas DIV y SPAN</title>
</head>
<body>
<div id="cabecera">
<h1>Club selecto de las personas que más molan</h1>
<h2>Tu club de molar y cada día el de más gente</h2>
@DavidPeralvarez
DavidPeralvarez / index-html5.html
Created March 29, 2018 13:08
Etiquetas HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blog de David Perálvarez</title>
</head>
<body>
<!-- CABECERA -->
<header id="main-hader">
@DavidPeralvarez
DavidPeralvarez / ie-estructura-basica.html
Created March 29, 2018 13:10
Cómo hacer que Internet Explorer 6, 7 y 8 sea compatible con HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 compatible con IE 6,7 y 8</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
@DavidPeralvarez
DavidPeralvarez / inputs-html5.html
Created March 29, 2018 13:13
Nuevos tipos de input en HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nuevos tipos de input en HTML5</title>
</head>
<body>
<h1>Nuevos tipos de input</h1>
<label>Campo de texto</label>
<input type="text">
@DavidPeralvarez
DavidPeralvarez / atributos-personalizados.html
Created March 29, 2018 13:14
Los Atributos Personalizados en HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 - El atributo personalizado</title>
</head>
<body>
<div data-edad="27">
<p>David Perálvarez</p>
@DavidPeralvarez
DavidPeralvarez / width.css
Created March 29, 2018 13:18
Propiedad width
h1{
width: 100px;
}
@DavidPeralvarez
DavidPeralvarez / padding.css
Created March 29, 2018 13:18
Propiedad padding
h1{
width: 100px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}