HTML及CSS基础课（四） Social Networking Profile

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

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索页面
， codecademy
， where
， acm-icpc
， acm icpc
， icpc
， like
， 一个
， 知识点
惯例
social networking、css profile、css profile 填写指南、国际生css profile、css profile 表格填写，以便于您获取更多的相关知识。