<html>
<head>
<title>
Ejercicio 1
</title>
</head>
<body>
<body bgcolor="blue">
<center>
<h1>
<font color="red">
Este es la pagina web de adri y bea*
<br>
Para el blog travelblog
</font>
</h1>
</center>
<p> </p>
<p> </p>
Este es el contenido del blog
<br>
Al princio es muy divertido, poco a poco, se va a ir aburriendo.
<body>
Solo se ve este texto
</body>
</html>
<html>
<head>
<title>
Listas no numeradas
</title>
</head>
<body>
Trabajos de Tecnología:
<ul>
<li> Grafiti.
<li> Fuente.
<li> Fondos de pantalla.
</ul>
</body>
</html>
<html>
<head>
<title>
Listas numeradas
</title>
</head>
<body>
Mis preferencias:
<ol>
<li> Viajar.
<li> Salir con mis amigos.
<li> Dormir.
</ol>
</body>
</html>
<html>
<head>
<title>
Listas anidadas
</title>
</head>
<body>
<h3>Animales:<h3>
<ul>
<li> VERTEBRADOS.
<ul>
<li>Anfibios
<li>Peces
<li>Reptiles
<li>Aves
<li>Mamíferos
</ul>
<li> INVERTEBRADOS.
<ul>
<li>Insectos
<li>Arácnidos
<li>Crustáceos
<li>Miriápodos
</ul>
</ul>
</body>
</html>
<html>
<head>
<title> Listas de definiciones
</title>
</head>
<body>
<dl>
<dt>Concepto 1
<dd>Definición del Concepto 1
<dt>Concepto 2
<dd>Definición del concepto 2
</dl>
</body>
</html>
<html>
<head>
<title>
Sangrados
</title>
</head>
<body>
Este texto está justificado a la izquierda.
<blockquote>
Éste está sangrado respecto del anterior
</blockquote>
Éste vuelve a estar justificado a la izquierda.
</body>
</html>
<html>
<head>
<title>
Sangrados múltiples
</title>
</head>
<body>
Este texto está justificado a la izquierda.
<blockquote>
<blockquote>
<blockquote>
Éste está más sangrado
</blockquote>
</blockquote>
</blockquote>
Éste vuelve a estar justificado a la izquierda.
</body>
<html>
<head>
<title>
Negrita, cursiva y subrayado
</title>
</head>
<body>
Los textos siguientes:<p>
<b>Éste está en negrita</b><br>
<i>Éste está en cursiva</i><br>
<u>Éste está subrayado</u>
</body>
</html>
<html>
<head>
<title>
Subíndices y superíndices
</title>
</head>
<body>
f<sub>(x)</sub>= X<sup>2</sup> + 5X
</body>
</html>
</html>
<html>
<head>
<title>
Barra de separación
</title>
</head>
<body>
Pongamos una separación:
<hr>
</body>
</html>
<html>
<head>
<title>
Comentarios
</title>
</head>
<body>
Los textos siguientes:<p>
<!-- Voy a añadir un sangrado -->
<blockquote>
<b>Éste está en negrita</b><br>
<i>Éste está en cursiva</i><br>
<u>Éste está subrayado</u>
</blockquote>
</body>
</html>
<html>
<head>
<title>
Tablas 1
</title>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 2
</title>
</head>
<body>
<table border>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 3
</title>
</head>
<body>
<table border="3" align="center" width="50%"
bgcolor="green">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 4
</title>
</head>
<body>
<table border="3" align="center" width="50%"
bgcolor="red">
<tr>
<td width="10%"> </td>
<td width="30%"> </td>
<td width="60%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 5
</title>
</head>
<body>
<table border align="center" width="30%"
bgcolor="yellow">
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td rowspan="2" width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 6
</title>
</head>
<body>
<table border align="center" width="30%"
bgcolor="blue">
<caption>Éste es el título de la tabla</caption>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td rowspan="2" width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 7
</title>
</head>
<body>
<table border align="center" width="50%"
bgcolor="red">
<caption>Ejemplo de celdas de cabecera</caption>
<tr>
<th>Nombre</th>
<th>Apellido 1</th>
<th>Apellido 2</th>
</tr>
<tr>
<td width="25%">Adrián</td>
<td width="25%">Caravaca</td>
<td width="25%">Hernando</td>
</tr>
<tr>
<td>Beatriz</td>
<td>Casado</td>
<td>Esteban</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 8
</title>
</head>
<body>
<table border width="60%" align="center"
bgcolor="pink">
<caption>Alineaciones de celdas</caption>
<tr>
<td width="33%" height="50">xxx</td>
<td width="34%" align="center">xxx</td>
<td width="33%" align="right">xxx</td>
</tr>
<tr>
<td height="50" valign="top">xxx</td>
<td align="center">xxx</td>
<td align="right" valign="bottom">xxx</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 9
</title>
</head>
<body>
<table border width="60%" align="center"
bgcolor="#ffffcc" cellspacing="15">
<caption>
Tabla con espacio entre celdas de 15 píxeles
</caption>
<tr>
<td width="33%" height="50">xxxx</td>
<td width="34%" align="center">xxxx</td>
<td width="33%" align="right">xxxx</td>
</tr>
<tr>
<td height="50" valign="top">xxxx</td>
<td align="center">xxxx</td>
<td align="right" valign="bottom">xxxx</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>
Tablas 10
</title>
</head>
<body>
<table border width="60%" align="center"
bgcolor="green" cellpadding="15">
<caption>
Tabla con "cellpadding" de 15 píxeles
</caption>
<tr>
<td width="33%" height="70">xxxx</td>
<td width="34%" align="center">xxxx</td>
<td width="33%" align="right">xxxx</td>
</tr>
<tr>
<td height="70" valign="top">xxxx</td>
<td align="center">xxxx</td>
<td align="right" valign="bottom">xxxx</td>
</tr>
</table>
</body>
</html>
<img src="C:\Documents and Settings\Administrador\Escritorio\Bea y Adrian Caravaca html\cuba-03.jpg"
width="450" height="450"
alt="escudo del barça">
<html>
<head>
<title>
Imagen como fondo de página
</title>
</head>
<body background="C:\Documents and Settings\Administrador\Escritorio\Bea y Adrian Caravaca html\avion.jpg">
<center>
<h2>
Esta página tiene una imagen de fondo.
</h2>
</center>
</body>
</html>
<html>
<head>
<title>
Vínculos 1
</title>
</head>
<body>
<center>
<a href="index.htm">
Ir al inicio de este curso
</a>
</center>
</body>
</html>
<html>
<head>
<title>
Vínculos 2
</title>
</head>
<body>
<center>
<a href="http://www.google.es">
</a>
</center>
</body>
</html>
<html>
<head>
<title>
Vínculos 3
</title>
</head>
<body>
<center>
Ir a Google:<br>
<a href="http://www.google.es">
http://www.google.es</a>
</center>
</body>
</html>
<html>
<head>
<title>
Vínculos 5
</title>
</head>
<body>
<center>
<a href="poweradri99@gmail.com">
Dime lo que piensas de este curso
</a>
</center>
</body>
</html>
<html>
<head>
<title>
Vínculos 6
</title>
</head>
<body>
<center>
Visita la página de TERRA:<P>
<a href="http://www.terra.es">
<img src="imag/logo_terra.gif">
</a>
</center>
</body>
</html>
