<html>
<head>
<style>
#first part{
background: green;
color: blue;
}
#the second part{
background: red;
color: green;
}
.center
{
text-align: center;
text-shadow: green;
color: red;
}
.box{
/*display: flex;*/
/*flex-direction: row-reverse;*/
flex-wrap: wrap;
justify-content: space-between;
background-color: white;
color: green;
}
</style>
</head>
<div class="box">
<div>One</div>
<div>Two</div>
<div>Three
<br>has
<br>extra
<br>text
</div>
</div>
<div id="first part">
<body style="background-color:green">
<h style="color:red">hello world!!! </h>
<p style="color: blue"><strong>this is emmm my first web project.</strong></p>
<div class="box">
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
</div>
<h3>A unorder list</h3>
<ul>
<li>iam</li>
<li>wodi</li>
<li>yiag</li>
</ul></div>
<div id="the second part">
<p><u>sd fdsgs dbgdfsbgfd bsddgdfsb bsddbd fgewtrhtsfd bdbg</u></p>
<a href="www.baidu.com">baidu</a><!链接一个网页>
<img src="">
<h4>this table has no border</h4>
<table style="color: red">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
<div><p class="center">sdf fdsdf sd gf f rfdbsdf fdfdgf dfdfgdfd ffddgd fdfgdfgdd</p></div>
<h5>this table has no border too!</h5>
<table border="0">
<tr style="color: gray">
<td>100</td>
<td>200</td>
<td>300</td>11:23:50
</tr>
<tr style="color: red">
<td>400</td>
<td>500</td>
<td>600</td>
</tr></table>
<h6>this table has border !</h6>
<table style="color: blue" border="10">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</div>
<!设置不一样的表格>
<head>
<style>
header {
background-color:white;
color:red;
text-align:center;
padding:5px;
}
nav {
line-height:30px;
background-color:red;
height:300px;
100px;
float:left;
padding:5px;
}
section {
350px;
float:left;
padding:10px;
}
footer {
background-color:white;
color:blue;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<header>
<h1>City Gallery</h1>
</header>
<nav>
London<br>
Paris<br>
Tokyo<br>
</nav>
<section>
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</section>
<footer>
Copyright W3Schools.com
</footer><!布局设置>
</body>
</html>