Código html (index.html):
<doctype html> <html> <head> <meta charset="UTF-8" /> <title>Mi primer código jQuery Mobile</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div data-role="page" data-theme="a"> <div data-role="header"> <h1>FOTOVALLEGRAFÍA</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true" data-divider-theme="a"> <li data-role="list-divider">Contenidos</li> <li><a href="http://fotovallegrafia.blogspot.com.es/search/label/Fotograf%C3%ADa">Fotografía</a></li> <li><a href="http://fotovallegrafia.blogspot.com.es/search/label/Cartel">Diseño Gráfico</a></li> <li><a href="http://pasajeshistoria.blogspot.com.es/">Historia</a></li> <li><a href="http://antoniovallecillos.blogspot.com.es/search/label/Dibujo%20T%C3%A9cnico">Dibujo Técnico</a></li> <li><a href="http://antoniovallecillos.blogspot.com.es/search/label/Tecnolog%C3%ADa">Tecnología</a></li> <li><a href="http://antoniovallecillos.blogspot.com.es/search/label/Programaci%C3%B3n">Programación</a></li> <li><a href="http://antoniovallecillos.blogspot.com.es/search/label/Rob%C3%B3tica">Robótica</a></li> </ul> <ul data-role="listview" data-inset="true" data-divider-theme="c"> <li data-role="list-divider">Enlaces</li> <li><a href="http://antoniovallecillos.blogspot.com.es/">Antonio Vallecillos</a></li> <li><a href="http://fotovallegrafia.blogspot.com.es/">Fotovallegrafía</a></li> <li><a href="http://pasajeshistoria.blogspot.com.es/">Pasajes de la Historia</a></li> </ul> </div> <div data-role="footer"> <h4>© 2003 Antonio Vallecillos - @fotovallegrafia</h4> </div> </div> </body> </html>
