</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一点都不简单
时间: 2024-11-08 13:36:19