lunes, 28 de octubre de 2013

pagina web



<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>&nbsp;</p>
<p>&nbsp;</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>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
</table>
</body>
</html>

<html>
<head>
<title>
Tablas 3
</title>
</head>
<body>
<table border="3" align="center" width="50%"
                    bgcolor="green">
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</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%">&nbsp;</td>
       <td width="30%">&nbsp;</td>
       <td width="60%">&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
   </tr>
   <tr>
       <td bgcolor="red">&nbsp;</td>
       <td bgcolor="red">&nbsp;</td>
       <td bgcolor="red">&nbsp;</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">&nbsp;</td>
   </tr>
   <tr>
       <td rowspan="2" width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td colspan="2">&nbsp;</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">&nbsp;</td>
   </tr>
   <tr>
       <td rowspan="2" width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
       <td width="25%">&nbsp;</td>
   </tr>
   <tr>
       <td>&nbsp;</td>
       <td colspan="2">&nbsp;</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>

lunes, 30 de septiembre de 2013


Andando por Londres

Londres tiene algo que engancha y a todos gusta, Londres es diversión, cultura, luces y color. Una ciudad capaz de sorprender tanto a quien la visita por primera vez, como a los que se enamoraron de ella y no pueden dejar de visitarla con asiduidad.







En Londres podrás sentirte pequeño junto al impresionante Big Ben, contemplar el mundo a tus pies desde el London Eye o presenciar el conocidísimo Cambio de Guardia frente al Palacio de Buckingham.



Ciudad multicultural, en Londres conviven gentes de una gran cantidad de culturas y se hablan más de trescientos idiomas distintos.

miércoles, 25 de septiembre de 2013

Visita NEW YORK

VISITAS OBLIGADAS A NYC 


Aparte de la Estatua de la Libertad, el Empire State o Central Park ¿Qué más se puede ver en Nueva York? Estamos aquí para ayudarte a planificar tu viaje con atracciones que deben estar en la lista de cualquier visitante.
El Empire State de noche.



Central Park

Una vuelta por Cuba


La República de Cuba

es un país insular asentado en un archipiélago del mar de las Antillas, también conocido como mar Caribe. Su isla principal, conocida como Isla de Cuba, es la más grande de las Antillas Mayores y tiene origen orogénico .