html head meta meta link title title head body div header header main main footer © footer div body html

Size: px

Start display at page:

Download "html head meta meta link title title head body div header header main main footer © footer div body html"

Howard Owens
5 years ago
Views:

1 bootstrap.html 3  7 8 <meta charset="utf-8"/> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <link href=" rel="stylesheet" /> 1 <title>bootstrap</title> 13 1 </head> 15 <body> 16 <div class="container"> 17 <header> 18 John Harvard 19 </header> 0 <main> 1 Welcome to my home page! </main> 3 <footer> Copyright John Harvard 5 </footer> 6 7 </div> 8 </body> 9 </html>

2 css0.html 3  7 <title>css0</title> 10 <header style="font-size: large; text-align: center;"> 11 John Harvard 1 </header> 13 <main style="font-size: medium; text-align: center;"> 1 Welcome to my home page! 15 </main> 16 <footer style="font-size: small; text-align: center;"> 17 Copyright John Harvard 18 </footer> 19 </body> 0 </html>

3 css1.html 3  7 <title>css1</title> 9 <body style="text-align: center;"> 10 <header style="font-size: large;"> 11 John Harvard 1 </header> 13 <main style="font-size: medium;"> 1 Welcome to my home page! 15 </main> 16 <footer style="font-size: small;"> 17 Copyright John Harvard 18 </footer> 19 </body> 0 </html>

4 css.html 3  7 <style> 8 9.centered 10 { 11 text-align: center; 1 } 13 1.large 15 { 16 font-size: large; 17 } medium 0 { 1 font-size: medium; } 3.small 5 { 6 font-size: small; 7 } 8 9 </style> 30 <title>css</title> 31 </head> 3 <body class="centered"> 33 <header class="large"> 3 John Harvard 35 </header> 36 <main class="medium"> 37 Welcome to my home page! 38 </main> 39 <footer class="small"> 0 Copyright John Harvard 1 </footer> </body> 3 </html>

5 css3.html 3  7 <style> 8 9 body 10 { 11 text-align: center; 1 } 13 1 header 15 { 16 font-size: large; 17 } main 0 { 1 font-size: medium; } 3 footer 5 { 6 font-size: small; 7 } 8 9 </style> 30 <title>css3</title> 31 </head> 3 <body> 33 <header> 3 John Harvard 35 </header> 36 <main> 37 Welcome to my home page! 38 </main> 39 <footer> 0 Copyright John Harvard 1 </footer> </body> 3 </html>

6 css.css 1 body { 3 text-align: center; } 5 6 header 7 { 8 font-size: large; 9 } main 1 { 13 font-size: medium; 1 } footer 17 { 18 font-size: small; 19 }

7 css.html 3  7 <link href="css.css" rel="stylesheet"/> 8 <title>css</title> 9 </head> 10 <body> 11 <header> 1 John Harvard 13 </header> 1 <main> 15 Welcome to my home page! 16 </main> 17 <footer> 18 Copyright John Harvard 19 </footer> 0 </body> 1 </html>

8 form0.html 3  7 <title>form0</title> 10 <h1>frosh IMs</h1> 11 <form> 1 <input name="name" placeholder="name" type="text"/> 13 <select name="dorm"> 1 <option disabled selected value="">dorm</option> 15 <option value="apley Court">Apley Court</option> 16 <option value="canaday">canaday</option> 17 <option value="grays">grays</option> 18 <option value="greenough">greenough</option> 19 <option value="hollis">hollis</option> 0 <option value="holworthy">holworthy</option> 1 <option value="hurlbut">hurlbut</option> <option value="lionel">lionel</option> 3 <option value="matthews">matthews</option> <option value="mower">mower</option> 5 <option value="pennypacker">pennypacker</option> 6 <option value="stoughton">stoughton</option> 7 <option value="straus">straus</option> 8 <option value="thayer">thayer</option> 9 <option value="weld">weld</option> 30 <option value="wigglesworth">wigglesworth</option> 31 </select> 3 <input type="submit" value="register"/> 33 </form> 3 </body> 35 </html>

9 form1.html 3  7 8 <meta charset="utf-8"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <! > 1 <link href=" rel="stylesheet" /> 13 1 <title>form1</title> </head> 17 <body> 18 <div class="container"> 19 0 <! <h1 class="display-1">frosh IMs</h1> 3 <! > <form> 5 <div class="form-group"> 6 <label for="exampleformcontrolinput1"> address</label> 7 <input type=" " class="form-control" id="exampleformcontrolinput1" placeholder= "mzuckerb@fas.harvard.edu"> 8 </div> 9 <div class="form-group"> 30 <label for="exampleformcontrolselect1">dorm</label> 31 <select class="form-control" id="exampleformcontrolselect1"> 3 <option disabled selected value=""></option> 33 <option value="apley Court">Apley Court</option> 3 <option value="canaday">canaday</option> 35 <option value="grays">grays</option> 36 <option value="greenough">greenough</option> 37 <option value="hollis">hollis</option> 38 <option value="holworthy">holworthy</option> 39 <option value="hurlbut">hurlbut</option> 0 <option value="lionel">lionel</option> 1 <option value="matthews">matthews</option> <option value="mower">mower</option> 3 <option value="pennypacker">pennypacker</option>

10 <option value="stoughton">stoughton</option> 5 <option value="straus">straus</option> 6 <option value="thayer">thayer</option> 7 <option value="weld">weld</option> 8 </select> 9 </div> 50 <button class="btn btn-primary" type="submit">register</button> 51 </form> 5 53 </div> 5 </body> 55 </html> form1.html

11 headings.html 3  7 <title>headings</title> 10 <h1>one</h1> 11 <h>two</h> 1 <h3>three</h3> 13 <h>four</h> 1 <h5>five</h5> 15 <h6>six</h6> 16 </body> 17 </html>

12 hello.html 3  7 <title>hello, title</title> 10 hello, body 11 </body> 1 </html>

13 image.html 3  7 <title>image</title> 10 <! > 11 <img alt="handsome Dan" src="dan.jpg"/> 1 </body> 13 </html>

14 link.html 3  7 <title>link</title> 10 Visit <a href=" 11 </body> 1 </html>

15 list.html 3  7 <title>list</title> 10 <ul> 11 <li>foo</li> 1 <li>bar</li> 13 <li>baz</li> 1 </ul> 15 </body> 16 </html>

16 paragraphs.html 3  7 <title>paragraphs</title> 10 <p> 11 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in tincidunt augue. Duis imperdiet, justo ac iacu 1 </p> 13 <p> 1 Ut tempus rutrum arcu eget condimentum. Morbi elit ipsum, gravida faucibus sodales quis, varius at mi. Suspendiss 15 </p> 16 <p> 17 Mauris eget erat arcu. Maecenas ac ante vel ipsum bibendum varius. Nunc tristique nulla eget tincidunt molestie. 18 </p> 19 </body> 0 </html>

17 search.html 3  7 <title>search</title> 10 <form action=" method="get"> 11 <input name="q" type="text"/> 1 <input type="submit" value="search"/> 13 </form> 1 </body> 15 </html>

18 table.html 3  7 <title>table</title> 10 <table> 11 <tr> 1 <td>1</td> 13 <td></td> 1 <td>3</td> 15 </tr> 16 <tr> 17 <td></td> 18 <td>5</td> 19 <td>6</td> 0 </tr> 1 <tr> <td>7</td> 3 <td>8</td> <td>9</td> 5 </tr> 6 <tr> 7 <td>*</td> 8 <td>0</td> 9 <td>#</td> 30 </tr> 31 </table> 3 </body> 33 </html>

html head script script script function function script title title head body form input input form body html

html head script script script function function script title title head body form input input form body html ajax0.html 1 3 4 5 6 7 8 function quote() 9 { 10 $.getjson("/quote", {symbol: $("#symbol").val()},