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



本文出自   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>




效果:




  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值