同样,按照 Codecademy 的惯例,都是一节课讲知识点,然后再一节课做练习做一个小页面,交替进行。这节课是练习课。按照提示,写一个个人简介的页面,很快就可以做完了。
- <!DOCTYPE html>
- <html>
- <head>
- <title>Zeng Shuangde</title>
- </head>
- <body >
- <img src="http://img3.douban.com/icon/ul43161280-3.jpg" />
- <p style="color:brown;font-size:30px;font-family:Georgia"><em>My name's Shuangde, I am from China</em></p>
- <!--Most profile pages are divided up into sections: your interests, favorite quotes, where you work, where you went to school, where you live, and so on. We can do this with an unordered list!-->
- <ul>
- <li style="font-size:20px"><strong>Interests</strong></li>
- <ol>
- <li>I like coding</li>
- <li>I like playing ACM-ICPC</li>
- <li>I like swimming</li>
- <li>I like listening music</li>
- <li>I like watching movie</li>
- </ol>
- <br>
- <li style="font-size:20px"><strong>Jobs</strong></li>
- <ol>
- <li>Student</li>
- </ol>
- <br>
- <li style="font-size:20px"><strong>Favorite Quotes</strong></li>
- <ol>
- <li>Too young, too simple</li>
- <li>Where there is a will there is a way</li>
- </ol>
- <br>
- <li style="font-size:20px"><strong>Where I've Lived</strong></li>
- <ul>
- <li>Fuzhou</li>
- </ul>
- </ul>
- </body>
- </html>
效果:
更多精彩内容:http://www.bianceng.cn/web/Html/
来源: http://www.bianceng.cn/web/Html/201411/46554.htm