</pre><pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>歡迎到訪</title>
<style>
body{
background-color: rgb(11,41,105);
}
a{
text-decoration:none;
}
#head{
background-color:gray;
height:2px;
}
#middle{
background-color::white;
width: 250px;
float:left;
}
</style>
</head>
<body>
<h1 style="color:white"><center> 歡迎使用導航界面</center></h1>
<div id="head">
</div >
<p>
<center style="color:red;font-size:25px">在這里看到你的進步</center>
</p>
<div id="middle">
<a href="http://127.0.0.1:6060/Fristweb/MyJsp.jsp" style="color:white;font-size:25px;padding-left:10px">連接到動態的jsp網頁</a>
<br>
<br>
<li> <a href="indexj.html" style="color:white;font-size:25px">Django學習</a>
<br>
<br>
</li>
<li>
<a href="linux.html" style="color:white;font-size:25px">linux學習</a>
<br>
<br>
</li>
<li>
<a href="python.html"style="color:white;font-size:25px">python學習</a>
<br>
<br>
</li>
<li>
<a href="java.html"style="color:white;font-size:25px">java學習</a>
<br>
<br>
</li>
<li>
<a href="sqlserver.html"style="color:white;font-size:25px">sqlserver學習</a>
<br>
<br>
</li>
<li>
<a href="mysql\indexmysql.html" style="color:white;font-size:25px">mysql學習</a>
</li>
</div>
</body>
</html>
在學習html的時候突然發現的一個小細節
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>歡迎到訪</title>
<style>
body{
background-color: rgb(11,41,105);
}
a{
text-decoration:none;
}
#head{
background-color:gray;
height:2px;
}
#middle{
background-color::white;
width: 250px;
float:left;
}
</style>
</head>
<body>
<h1 style="color:white"><center> 歡迎使用導航界面</center></h1>
<div id="head">
</div >
<p>
<center style="color:red;font-size:25px">在這里看到你的進步</center>
</p>
<div id="middle">
<a href="http://127.0.0.1:6060/Fristweb/MyJsp.jsp" style="color:white;font-size:25px;padding-left:10px">連接到動態的jsp網頁</a>
<br>
<br>
<li> <a href="indexj.html" style="color:white;font-size:25px">Django學習</a>
</li>
<br>
<br>
<li>
<a href="linux.html" style="color:white;font-size:25px">linux學習</a>
</li>
<br>
<br>
<li>
<a href="python.html"style="color:white;font-size:25px">python學習</a>
</li>
<br>
<br>
<li>
<a href="java.html"style="color:white;font-size:25px">java學習</a
</li>
<br>
<br>
<li>
<a href="sqlserver.html"style="color:white;font-size:25px">sqlserver學習</a>
<br>
<br>
</li>
<li>
<a href="mysql\indexmysql.html" style="color:white;font-size:25px">mysql學習</a>
</li>
</div>
</body>
</html>
發如今里面和外面的情況,換行的時候,外面的比里面的多一行.為什么呢? 還不清楚,感覺html一點都不簡單