</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一点都不简单

html中&lt;li&gt;&lt;/li&gt;中使用&lt;br&gt;和&lt;li&gt;&lt;/li&gt;外面使用&lt;br&gt;的更多相关文章

  1. ASP.NET MVC搭建项目后台UI框架—8、将View中选择的数据行中的部分数据传入到Controller中

    目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NE ...

  2. 【python】实践中的总结——列表『持续更新中』

    2016-04-03 21:02:50 python list的遍历 list[a::b]   #从list[a] 开始,每b个得到一个元组,返回新的list 举个例子: >>> l ...

  3. View中选择的数据行中的部分数据传入到Controller中

    将View中选择的数据行中的部分数据传入到Controller中   ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NE ...

  4. Android中自定义样式与View的构造函数中的第三个参数defStyle的意义

    零.序 一.自定义Style 二.在XML中为属性声明属性值 1. 在layout中定义属性 2. 设置Style 3. 通过Theme指定 三.在运行时获取属性值 1. View的第三个构造函数的第 ...

  5. Asp.net中存储过程拖拽至dbml文件中,提示无法获得返回值

    Asp.net中存储过程拖拽至dbml文件中,提示无法获得返回值,去属性表中设置这时候会提示你去属性表中更改返回类型. 其实存储过程返回的也是一张表,只不过有时候存储过程有点复杂或者写法不规范的话不能 ...

  6. 如何将Eclipse中的项目迁移到Android Studio 中

    如何将Eclipse中的项目迁移到Android Studio 中 如果你之前有用Eclipse做过安卓开发,现在想要把Eclipse中的项目导入到Android Studio的环境中,那么首先要做的 ...

  7. 在C#代码中应用Log4Net(三)Log4Net中配置文件的解释

    一个完整的配置文件的例子如下所示,这个是”在C#代码中应用Log4Net(二)”中使用的配置文件. <log4net> <!-- 错误日志类--> <logger nam ...

  8. golang中的slice翻转存在以及map中的key判断

    //slice翻转 func stringReverse(src []string){ if src == nil { panic(fmt.Errorf("the src can't be ...

  9. java中的反射机制在Android开发中的用处

    JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法和属性:这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反 ...

  10. ui-router中的锚点问题(angular中的锚点问题)

    angular.module('anchorScrollExample', []) .controller('ScrollController', ['$scope', '$location', '$ ...

随机推荐

  1. Linux基础命令详解-2

    本篇详解的命令有以下30个 1.rmdir 功能:删除一个空目录   2.telnet 功能:使用telnet协议连接到主机的指定端口 3.vim 功能:编辑器之神 vim三种模式的功能及其转换   ...

  2. heartbeat负载均衡详解

    heartbeat高可用软件http://www.linux-ha.org/wiki/Main_Page 1 heartbeat作用通过heartbeat将资源(IP)从一台已经故障的计算机快速转移到 ...

  3. Repeat Array Generator & String.repeat

    Repeat Array Generator RepeatArrayGenerator "use strict"; /** * * @author xgqfrms * @licen ...

  4. Python MySQLdb的execute和executemany的使用

    如果使用executemany对数据进行批量插入的话,要注意一下事项: conn = MySQLdb.connect(host = “localhost”, user = “root”, passwd ...

  5. Codeforces 547B. Mike and Feet[单调栈/队列]

    这道题用单调递增的单调栈维护每个数能够覆盖的最大区间即可. 对于   1 2 3 4 5 4 3 2 1 6 这组样例, 1能够覆盖的最大区间是10,2能够覆盖的最大区间是7,以此类推,我们可以使用单 ...

  6. xmpp 常见错误 一

    #pragma mark - 密码错误,身份验证失败 - (void)xmppStream:(XMPPStream *)sender didNotAuthenticate:(DDXMLElement ...

  7. BZOJ3473 字符串 【广义后缀自动机】

    题目 给定n个字符串,询问每个字符串有多少子串(不包括空串)是所有n个字符串中至少k个字符串的子串? 输入格式 第一行两个整数n,k. 接下来n行每行一个字符串. 输出格式 一行n个整数,第i个整数表 ...

  8. 算法复习——LCA模板(POJ1330)

    题目: Description A rooted tree is a well-known data structure in computer science and engineering. An ...

  9. Snmp的学习总结(一)

    摘自:http://blog.csdn.net/shanzhizi/article/details/11606767   目录(?)[-] SNMP的5种协议数据单元 SNMP的运行过程 11 Get ...

  10. 火柴排队(codevs 3286)

    题目描述 Description 涵涵有两盒火柴,每盒装有 n 根火柴,每根火柴都有一个高度.现在将每盒中的火柴各自排成一列,同一列火柴的高度互不相同,两列火柴之间的距离定义为:,其中 ai表示第一列 ...