</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. 《零基础入门学习Python》【第一版】视频课后答案第004讲

    1.while语句中,当条件为真时,它会一直循环下去,比如下面的例子,不过可以用Ctral + C来强制结束 while 'C': print("i love you") 2.观察 ...

  2. 组队赛Day1第一场 GYM 101350 G - Snake Rana (容斥)

    [题意] 给一个N×M的矩阵, K个地雷的坐标.求不含地雷的所有矩形的总数. T组数据. N M都是1e4,地雷数 K ≤ 20 Input 3 2 2 1 2 2 6 6 2 5 2 2 5 100 ...

  3. LeetCode695--岛屿的最大面积

    ''' 岛屿的最大面积 给定一个包含了一些 0 和 1的非空二维数组 grid , 一个 岛屿 是由四个方向 (水平或垂直) 的 1 (代表土地) 构成的组合.你可以假设二维矩阵的四个边缘都被水包围着 ...

  4. JS(异步与单线程)

    JS(异步与单线程) 题目1.同步和异步的区别是什么,试举例(例子见知识点) 区别: 1.同步会阻塞代码执行,而异步不会 2.alert 是同步,setTimeout 是异步 题目2.关于 setTi ...

  5. H5系列之History(必知必会)

    H5系列之History(必知必会)   目录 概念 兼容性 属性 方法 H5方法       概念     理解History Api的使用方式 目的是为了解决哪些问题   作用:ajax获取数据时 ...

  6. 学习笔记4——WordPress插件介绍

    1.什么是WordPress插件? WordPress有三大组件:核心.主题.插件. 插件是扩展了WordPress核心功能的代码包.WordPress插件由PHP代码和其他资源(如图像,CSS和JS ...

  7. mysqlbinlog备份和mysqldump备份

    -bash : mysqldump: command not found -bash : mysqlbinlog:command not found 首先得知道mysql命令或mysqldump命令的 ...

  8. nginx的正则

    ~      为区分大小写的匹配. ~*     不区分大小写的匹配(匹配firefox的正则同时匹配FireFox). !~     不匹配的 !~*    不匹配的 .     匹配除换行符以外的 ...

  9. OMS数据库调整1

    一.增加2T存储空间 1.  对磁盘进行分区并格式化 [root@oms-db01 ~]# fdisk -l Disk /dev/sda: 322.1 GB, 322122547200 bytes 2 ...

  10. [luoguP3172] [CQOI2015]选数(递推+容斥原理)

    传送门 不会莫比乌斯反演,不会递推. 但是我会看题解. 先将区间[L,H]变成(L-1,H],这样方便处理 然后求这个区间内gcd为k的方案数 就是求区间((L-1)/k,H/k]中gcd为1的方案数 ...