Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- * Please see the included README.md file for license terms and conditions.
- -->
- <head>
- <title>Blank Cordova Mobile App Project Template (Lite)</title>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <!-- see http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag -->
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
- <style>
- /* following two viewport lines are equivalent to the meta viewport statement above, needed for Windows */
- /* see http://www.quirksmode.org/blog/archives/2014/05/html5_dev_conf.html and http://dev.w3.org/csswg/css-device-adapt/ */
- @-ms-viewport { width: 100vw ; zoom: 100% ; } @viewport { width: 100vw ; zoom: 100% ; }
- @-ms-viewport { user-zoom: fixed ; } @viewport { user-zoom: fixed ; }
- </style>
- <script src="cordova.js"></script> <!-- phantom library, needed for Cordova api calls, added during build -->
- <script src="js/app.js"></script> <!-- recommended location of your JavaScript code relative to other JS files -->
- <script src="xdk/init-dev.js"></script> <!-- normalizes device and document ready events, see README for details -->
- <link rel="stylesheet" href="gerimis.css">
- </head>
- <style>
- .satu {
- font-size: x-large;
- font-weight: bold
- }
- .dua {
- border-color: darkorange;
- border-style: solid;
- border-width: 5px
- }
- .tiga {
- border-color: darkorange;
- border-radius: 25px;
- border-style: dotted;
- background-color: yellow;
- color: black;
- padding-top: 13px
- }
- .empat {
- font-weight: bold;
- text-decoration: underline;
- }
- .lima {
- position: relative;
- float: left;
- margin: 4px;
- }
- .enam {
- background: url("background.jpg");
- background-repeat: repeat
- }
- .tujuh {
- background: url("foxy.jpg");
- }
- </style>
- <body class="enam">
- <p><a href="page2.html">Second page</a></p>
- <table border="1" class="tujuh">
- <tr>
- <td><div style="color: white">testingsdfksadsdalk sdaflksdakjsadf ;lkasdklf sadf;lksda;lkjasdfklj;as ;lkasdkljasdlk ad;lk jfsad;lkj dlkj asdlkj sadf;lj asd;lksadflkj fsad;lkjdfskj ldsafljdsafasdlkf asdfljk;dsaf lkjsadf lkjasdf;lkj sdaflk jdfsakdsaf</div></td>
- </tr>
- </table>
- <div class="satu">Fox</div><br />
- <img class="dua" src="foxy.jpg" width="300px">
- <br /><br />
- <div class="tiga">
- <div><span class="empat">Fox is a common name for many species of carnivorous mammals belonging to the Canidae family.</span> Foxes are small to medium-sized canids (slightly smaller than the median-sized cosmetic dog), characterized by possing....</div><br />
- <div class="empat">Members of about 37 species are referred to as foxes, which only 12 species</div><br />
- </div>
- <br />
- <img src="foxy.jpg" class="lima" width="100px"><div>The images are contained within the paragraph tag. The image has floated to the left and also to the right because we have used both types of image floating in this example. Noice how the textwraps around the images quite nicely. The images are contained within the paragraph tag. The image has floated to the left, and also to the dkljsdfklsdklsdasak;ljsadl;kjds;lk.</div>
- <br /><br />
- <img src="foxy.jpg" class="lima" width="100px" style="float: right"><div>The second paragraph has an image that is floated to the right. It should be noted that a margin should be added to images to that the text does not get too colose to the image. There should always be a few pixles between words.</div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
