My Interests Page
How do I make an my interests page?
What is a my interests page? How do you make a my interests page? This script and codes were developed by Lichi Chen on 18 October 2022, Tuesday.
My Interests Page - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>My Interests Page</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div> <h1>Question of Interests</h1> <p id="goal"><b>The goal of the question:</b> showing Lichi Chen's interests in the world.</p>
</div>
<div> <h2>What is your <em>favorite sport</em>? Please list the <em>at least three sports</em> you like.</h2> <p><b>My favorite sport is <em>swimming.</em></b></p>
<h3>Swimming</h3> <img src="http://i698.photobucket.com/albums/vv350/nemisysforbucs/images%20for%20bucs/ASP_020.jpg" border="0" alt="swimming photo: swimming ASP_020.jpg" style="width:700px;"/>
<h3>Baseketball</h3> <img src="http://i259.photobucket.com/albums/hh284/Maria18240/bball.jpg" border="0" alt="basketball photo: basketball bball.jpg" style="width:700px;"/>
<h3>Badminton</h3> <img src="http://i439.photobucket.com/albums/qq116/jerojeph/badminton.jpg" border="0" alt="Badminton photo: badminton badminton.jpg" style="width:700px;"/>
<h3>Tennis</h3> <img src="http://i666.photobucket.com/albums/vv26/smanetta/RogerFederer.jpg" border="0" alt="Tennis photo: Roger Federer RogerFederer.jpg" style="width:700px;"/>
</div>
<div class="food"> <h2>My top five favorite foods:</h2> <ol> <li>Beef</li> <li>Ice cream</li> <li>Hot pot</li> <li>Chocolate</li> <li>Beijing duck</li> </ol>
</div>
<div class="place"> <h2>I have been to some place, such as:</h2> <ul> <li>The United States <ul> <li>Los Angeles</li> <li>San Francisco</li> <li>New York</li> </ul> </li> <li>China <ul> <li>Beijing</li> <li>Shanghai</li> <li>Chongqing</li> </ul> </li> </ul>
</div>
<div class="tablediv">
<table> <tr> <th>Lichi's favorite sport</th> <th>Lichi's favorite food</th> <th>Lichi's favorite city</th> </tr> <tr> <td>Swimming</td> <td>Hot pot</td> <td>Chongqing</td> </tr> <tr> <td> <img src="http://i698.photobucket.com/albums/vv350/nemisysforbucs/images%20for%20bucs/ASP_020.jpg" border="0" alt="swimming photo: swimming ASP_020.jpg" width="350px;"/> </td> <td> <img src="http://i1156.photobucket.com/albums/p563/fengzeng/972fd94d.jpg" border="0" alt="hotpot photo: fengru zeng 972fd94d.jpg" width="300px;"/> </td> <td> <img src="http://i969.photobucket.com/albums/ae173/Lhasaguy/chinese%20cities/chongqingchina.jpg" border="0" alt="chongqing photo: chongqing china chongqingchina.jpg" width="400px;"/> </td> </tr> <tr> <td> <a href="http://photobucket.com/images/swimming" target="_blank">Swimming</a> </td> <td> <a href="http://photobucket.com/images/hotpot" target="_blank">Hotpot</a> </td> <td> <a href="http://photobucket.com/images/chongqing" target="_blank">Chongqing</a> </td> </tr>
</table>
</div>
</body>
</html>
My Interests Page - Script Codes CSS Codes
h1 { text-align: center; background-color: Bisque;
}
h2 { color: #2E2BF7; background-color: #FFE4C4;
}
#goal { text-align: center; color: darkblue;
}
.food ol { font-size: 14pt;
}
.place ul { font-size: 14pt;
}
.tablediv th{ color: deeppink; font-size: 20pt; background-color: #FFE4C4;
}
.tablediv { text-align: center
}
Developer | Lichi Chen |
Username | chenlichiclc |
Uploaded | October 18, 2022 |
Rating | 3 |
Size | 2,331 Kb |
Views | 12,144 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
1 | 1,885 Kb |
3 | 1,905 Kb |
Draft | 2,161 Kb |
The Filter Page | 3,026 Kb |
Upload and Display | 2,022 Kb |
Color chooser practice-1 | 1,730 Kb |
2 | 1,975 Kb |
The Filter Page-3 | 2,033 Kb |
Week 3 | 2,287 Kb |
Color chooser practice-2 | 1,887 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Oliver Schafeld | Schafeld | 1,720 Kb |
Sass random color animation | Jotavejv | 4,827 Kb |
Simple content swap | Snografx | 1,859 Kb |
Header Line Issue | Charlie-volpe | 1,768 Kb |
CSS Hover Effects | Alen | 3,613 Kb |
3d css cube | Semenchenko | 4,578 Kb |
Menubar compass mixin | Michaelparenteau | 4,925 Kb |
Sexy Social Buttons | Ipiyale | 2,226 Kb |
Flexbox Test | Icutpeople | 2,486 Kb |
Vue.js Starter | Andymerskin | 1,268 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!