zoukankan      html  css  js  c++  java
  • html中<li></li>中使用<br>和<li></li>外面使用<br>

    </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;
    		 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="mysqlindexmysql.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;
    		 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="mysqlindexmysql.html" style="color:white;font-size:25px">mysql学习</a>
    	</li>
    	</div>
    	  
    </body>
    </html>
    发如今里面和外面的情况,换行的时候,外面的比里面的多一行.为什么呢?

    还不清楚,感觉html一点都不简单

  • 相关阅读:
    太tmd恐怖了,一个搞破解的过程分析。
    JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
    期待5月的灿烂阳光
    2010 2月记
    JQuery 的跨域方法 可跨任意网站
    准备写个ASP.NET MVC 2开发的系列文章
    Win7 访问网络共享文件夹显示空白目录的问题解决
    4月的长沙
    将ASP.NET MVC 2.0 部署在IIS6和IIS7上的教程
    谈谈年底感想
  • 原文地址:https://www.cnblogs.com/brucemengbm/p/7218168.html
Copyright © 2011-2022 走看看