[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>




效果:

[Codecademy] HTML&CSS 第四课:Social Networking Profile_第1张图片



你可能感兴趣的:(html,css)