[Codecademy] HTML&CSS 第四课：Social Networking Profile

来源：互联网发布：万国数据上市吗编辑：程序博客网时间：2024/05/21 04:22

本文出自 http://blog.csdn.net/shuangde800

[Codecademy] HTML && CSS课程学习目录

------------------------------------------------------------------------------------------------

同样，按照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>

效果：