embed jquery in html page

embed jquery in html page

Hello there,

i need your help!
I´m trying to start a html/jquery page but it just doesnt work.
Attached you find the folder structure and the code of the page.

I just dont know what is wrong.

this is the code and according to the book i have her ("Apps mit HTML5 und CSS3") I should see a navigation bar in the footer with star-icons...
Plus it underlines every "data-role"-tag i write which I don´t think is right either.

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <title>Testseite</title>
  6.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

  8. <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">

  11. <link rel="stylesheet" href="/jquery.mobile-1.4.5.css" />
  12. <script src="/jquery-1.12.0.js"></script>
  13. <script src="/jquery.mobile-1.4.5.js"></script>
  15. <meta name="apple-mobile-web-app-capable" content="yes" />

  17. <link href="/styles.css" type="text/css" rel="stylesheet" />
  18.    
  19. </head>
  20. <body>
  21. <div data-role="page" id="startseite">

  23. <div data-role="navbar" data-theme="b">
  24. <ul>
  25. <li><a href="#menue" data-icon="star" data-transition="fade">MENUE</a></li>
  26. <li><a href="#anfahrt" data-icon="star" data-transition="fade">ANFAHRT</a></li>
  27. <li><a href="#kontakt" data-icon="star" data-transition="fade">KONTAKT</a></li>
  28. </ul>
  29. </div><!-- /navbar -->



  33. </div> <!-- /page -->
  34. </body>
  35. </html>
Please help me!! It´s probably only a little thing but i`ve spent hours already trying to figure it out.

Thank you :)
Pia