Created
May 2, 2020 01:47
-
-
Save Wildprogrammingape/886e92f06532995d63fd281e18f0dba2 to your computer and use it in GitHub Desktop.
MWapVRW
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="topdiv"> | |
| <h1> This is Long's page of interests</h1> | |
| <p> Hello! You can learn about the <b>interests of <em>Long</em></b> on this webpage.</p> | |
| </div> | |
| <div> | |
| <h2> Now, what is your favourite things to do during spare time?</h2> | |
| <p> Here is my answers of <b><em>top 5</em> </b>favourite interests:</p> | |
| <h3>1.Baketball</h3> | |
| <h3>2.Music</h3> | |
| <p>This is my favourite music <a href="https://www.youtube.com/watch?v=oKar-tF__ac"> Sparks fly </a> by Taylor Swift | |
| </p> | |
| <h3>3.Programming</h3> | |
| <p>I am now learning HTML,CSS and Javascript and <a href="https://www.coursera.org/learn/duke-programming-web/home/notes"> notes for learning HTML</a> are attached | |
| </p> | |
| <h3>4.Travel</h3> | |
| <p>My first place of the following destination will be Tokyo, which is a really attractive place to me.</p> <img src=https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Colorful_neon_street_signs_in_Kabukich%C5%8D%2C_Shinjuku%2C_Tokyo.jpg/1200px-Colorful_neon_street_signs_in_Kabukich%C5%8D%2C_Shinjuku%2C_Tokyo.jpg width="30%" id="tokyo"/> | |
| </p>There are also several places where I am willing to visit next: | |
| <ul> | |
| <li>Singapore</li> | |
| <li>Seattle in America</li> | |
| <li>Vancouver and Toronto in Canada</li> | |
| </ul> | |
| </p> | |
| <h3>5.Movie</h3> | |
| </div> | |
| <div> | |
| <h2>Next, would you give a list of your favourite food or drink?</h2> | |
| <p>Sure. Here is the list with my preferrence: | |
| <ol> | |
| <li>Bean related food, including peanut, soybean, etc.</li> | |
| <li>Sprite and Root beer</li> | |
| <li>Milk with strawberry flavor</li> | |
| </ol> | |
| <h2>But you didn't mention the fruit, could you give a table of your favourite fruit?</h2> | |
| <p>Okay, here it is:</p> | |
| <p> | |
| <table> | |
| <tr> | |
| <th>Fruit 1</th> | |
| <th>Fruit 2</th> | |
| <th>Fruit 3</th> | |
| </tr> | |
| <tr> | |
| <td>Orange</td> | |
| <td>Strawberry</td> | |
| <td>watermelon</td> | |
| </tr> | |
| </table> | |
| </p> | |
| </div> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body{ | |
| /*Background color for entire page*/ | |
| background-color: GhostWhite; | |
| } | |
| h1{ | |
| color:rgb(24,40,220); | |
| } | |
| p{ | |
| /* font size for all paragraph */ | |
| font-size:14pt; | |
| } | |
| td{ | |
| text-align: right; | |
| } | |
| .topdiv{ | |
| border-top-style:solid; | |
| border-bottom-style:solid; | |
| border-color:RoyalBlue; | |
| border-width:1px; | |
| padding-left:5px; | |
| text-align:center; | |
| color: green; | |
| } | |
| # tokyo{ | |
| float:center; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
My webpage with HTML and CSS