Skip to content

Commit

Permalink
Added examples from HTML5 course
Browse files Browse the repository at this point in the history
  • Loading branch information
labra committed Dec 27, 2012
1 parent 2cc4b73 commit 8e788e0
Show file tree
Hide file tree
Showing 272 changed files with 40,761 additions and 0 deletions.
77 changes: 77 additions & 0 deletions Ejercicios/alumnos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Notas del curso: Tecnologías Web</title>
<link rel="stylesheet" href="alumnos.css">
</head>
<body>
<h1>Notas del curso: Tecnologías Web</h1>

<div class="tablaCentral"><table>
<tr>
<th class="dni">DNI</th>
<th class="alumno">Alumno</th>
<th class="nota">Nota</th>
</tr>
<tr>
<td class="dni">9394949</td>
<td class="alumno"><a href="mailto:juan@petra.euitio.uniovi.es"> Palomo, Juan</a></td>
<td class="nota">9.7</td>
</tr>
<tr>
<td class="dni">9394942</td>
<td class="alumno"><a href="mailto:kiko@cronicas.org"> Matamoros, Kiko</a></td>
<td class="nota">6</td>
</tr>
<tr>
<td class="dni">9394922</td>
<td class="alumno"><a href="mailto:Amor@Discos.com"> Amor Discos, Leo</a></td>
<td class="nota">5</td>
</tr>
<tr>
<td class="dni">98765432</td>
<td class="alumno"><a href="mailto:Digo@Alumnos.com"> Digo Ana, Diana</a></td>
<td class="nota">8</td>
</tr>
<tr>
<td class="dni">9394233</td>
<td class="alumno"><a href="mailto:elque@siempre.suspende.com"> Suspende, Elque</a></td>
<td class="nota">4.7</td>
</tr>
<tr>
<td class="dni">23234454</td>
<td class="alumno"><a href="mailto:ras@padillo.com"> Dillo, Raspa</a></td>
<td class="nota">5</td>
</tr>
<tr>
<td class="dni">23233444</td>
<td class="alumno"><a href="mailto:elque@sacano.table.org">Sacano Table, Elque</a></td>
<td class="nota">8</td>
</tr>
<tr>
<td class="dni">23231212</td>
<td class="alumno"><a href="mailto:Kike@alumnos.com">Quepa López, Enrique</a></td>
<td class="nota">9.7</td>
</tr>
<tr>
<td class="dni">2323129</td>
<td class="alumno"><a href="mailto:pepe@alumnos.com"> Kui Kou, Pepe</a></td>
<td class="nota">6</td>
</tr>
<tr>
<td class="dni">2323100</td>
<td class="alumno"><a href="mailto:pepe@alumnos.com">López López, Jose</a></td>
<td class="nota">6</td>
</tr>
<tr>
<td class="dni">2323101</td>
<td class="alumno"><a href="mailto:martama@alumnos.com">Tarma Martínez, Marta</a></td>
<td class="nota">8</td>
</tr>
<tr><td class="final" colspan="3">Estadística:
10
aprobados de 11
(91%)</td></tr>
</table></div>
</body>
</html>
72 changes: 72 additions & 0 deletions Ejercicios/calendario.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calendario</title>
<link rel="stylesheet" href="calendario.css" />
</head>
<body>

<table cellspacing="0" id="calendario">
<tr id="titulo">
<th colspan="7">Febrero 2005</th>
</tr>
<tr id="dias">
<th class="lunes">Lun</th>
<th class="martes">Mar</th>
<th class="miercoles">Mié</th>
<th class="jueves">Jue</th>
<th class="viernes">Vie</th>
<th class="sabado">Sáb</th>
<th class="domingo">Dom</th>
</tr>
<tr id="semana1">
<td class="ene lunes">31</td>
<td class="feb martes">1</td>
<td class="feb miercoles">2</td>
<td class="feb jueves hoy">3</td>
<td class="feb viernes">4</td>
<td class="feb sabado">5</td>
<td class="feb domingo">6</td>
</tr>
<tr>
<td class="feb lunes">7</td>
<td class="feb martes fiesta"><a href="Carnaval.html">8</a></td>
<td class="feb miercoles">9</td>
<td class="feb jueves"><a href="feb10.html">10</a></td>
<td class="feb viernes"><a href="feb11.html">11</a></td>
<td class="feb sabado">12</td>
<td class="feb domingo">13</td>
</tr>
<tr>
<td class="feb lunes">14</td>
<td class="feb martes"><a href="feb15.html">15</a></td>
<td class="feb miercoles">16</td>
<td class="feb jueves">17</td>
<td class="feb viernes">18</td>
<td class="feb sabado"><a href="feb19.html">19</a></td>
<td class="feb domingo">20</td>
</tr>
<tr>
<td class="feb lunes">21</td>
<td class="feb martes">22</td>
<td class="feb miercoles"><a href="feb23.html">23</a></td>
<td class="feb jueves">24</td>
<td class="feb viernes"><a href="feb25.html">25</a></td>
<td class="feb sabado">26</td>
<td class="feb domingo">27</td>
</tr>
<tr id="lastweek">
<td class="feb lunes">28</td>
<td class="mar martes">1</td>
<td class="mar miercoles">2</td>
<td class="mar jueves">3</td>
<td class="mar viernes">4</td>
<td class="mar sabado">5</td>
<td class="mar domingo">6</td>
</tr>
</table>

</body>
</html>
95 changes: 95 additions & 0 deletions Ejercicios/coplas.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ejercicio de poemas</title>
<link rel="stylesheet" href="coplas.css" />
</head>
<body>
<h1 class="Título">Coplas por la muerte de su Padre</h1>
<h1 class="autor">Jorge Manrique</h1>
<h2>(Fragmentos)</h2>


<p class="nota">
Comienza el poema con unas graves reflexiones
sobre la brevedad de la vida
y sobre lo insensato de correr desalentados tras los bienes temporales,
todos ellos peresederos</p>

<div class="estrofa">
<h3 class="num">I</h3>
<p>Recuerde
<a class="nota" href="#nota1">1</a> el alma dormida,<br />
avive el seso<a class="nota" href="#nota2">2</a> y despierte<br />
contemplando<br />
cómo se pasa la vida<br />
cómo se viene la muerte<br />
tan callando;<br />
cuán presto se va el placer,<br />
cómo, después de acordado<a class="nota" href="#nota3">3</a>,<br />
da dolor;<br />
cómo, a nuestro parecer,<br />
cualquiera tiempo pasado<br />
fue mejor.<br/>
</p>
</div>
<div class="estrofa">
<h3 class="num">II</h3>
<p>Pues si vemos lo presente<br/>
cómo en un punto<a class="nota" href="#nota4">4</a> se es ido<br/>
y acabado,<br/>
si juzgamos sabiamente<br/>
daremos lo no venido<br/>
por pasado.<br/>
No se engañe nadie, no,<br/>
pensando que ha de durar<br/>
lo que espera<br/>
más que duró lo que vio,<br/>
pues que todo ha de pasar<br/>
por tal manera<a class="nota" href="#nota5">5</a>.
</p>
</div>
<div class="estrofa">
<h3 class="num">III</h3>
<p>Nuestras vidas son los ríos<br/>
que van a dar al mar,<br/>
que es el morir;<br/>
allí van los señoríos<br/>
derechos a acabar<br/>
y consumir;<br/>
allí los ríos caudales,<a class="nota" href="#nota6">6</a><br/>
allí los ríos medianos<br/>
y más chicos;<br/>
y, llegados, son iguales<br/>
los que viven por sus manos<br/>
y los ricos
</p>
</div>
<p class="nota">Continúa el poema hasta la estrofa XL ...</p>


<div class="notasPie">
<ul>
<li><a name="nota1">1</a>
<span class="item">recuerde</span>,
<q>despierte</q></li>

<li><a name="nota2">2</a>
<span class="item">seso</span>, <q>sentido</q></li>

<li><a name="nota3">3</a>
<span class="item">acordado</span>, <q>alcanzado, conseguido</q> </li>

<li><a name="nota4">4</a>
<span class="item">en un punto</span>, <q>en un instante</q></li>

<li><a name="nota5">5</a>
<span class="item">por tal manera</span>, <q>del mismo modo</q> </li>

<li><a name="nota6">6</a>
<span class="item">caudales</span>, <q>grandes</q></li>
</ul>
</div>
</body>
</html>
Loading

0 comments on commit 8e788e0

Please sign in to comment.