4K_WarCraft
4K_WarCraft

HTML+CSS标签 (2)

摘要：紧接前文HTML+CSS初步 (1)，本文继续学习标签的用法。


8 语义化，让你的网页更好的被搜索引擎理解

在这一章节我们要开始把网页中常用到的标签一 一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。
标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。

讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？
1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
在本章节会带领大家学习了解html中每个标签的语义（用途）。


9 标签，网页上显示的内容放在这里

在网页上要展示出来的页面内容一定要放在body标签中。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>了不起的盖茨比title>  
  6. head>  
  7. <body>  
  8.     <h1>了不起的盖茨比h1>  
  9.     <p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威em>（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦span>，他搬入纽约附近一海湾居住。p>  
  10.       
  11.     <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为<strong>"爵士乐时代"strong>吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
  12. body>  
  13. html>  
HTML+CSS标签 (2)_第1张图片


10 开始学习

标签，添加段落

如果想在网页上显示文章，这时就需要

标签了，把文章的段落放到

标签中。
语法：

段落文本



注意一段文字一个

标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个

标签中。

标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title> p标签title>  
  6. head>  
  7. <body>  
  8. <p>我的第一个段落。p>  
  9. <p>我的第二个段落。p>  
  10. body>  
  11. html>  
HTML+CSS标签 (2)_第2张图片


11 了解标签，为你的网页添加标题

文章的段落用

标签，那么文章的标题用什么标签呢？在本节我们将使用标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

是最高的等级。
语法：
标题文本 (x为1-6)
文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。


注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：

腾讯网



h1-h6标签的默认样式：
标签代码：

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>h1-h6标题标签title>  
  6. head>  
  7. <body>  
  8. <h1>了不起的盖茨比h1>  
  9.     <p>《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。 p>  
  10.     <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
  11. body>  
  12. html>  


12 加入强调语气，使用和标签

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到或标签。但两者在强调的语气上有区别: 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。

语法：
需要强调的文本  
需要强调的文本 

如，在网上商城中，某产品的打折后的价格是需要强调的。如下图。

代码实现：

的内容在浏览中显示为斜体，显示为加粗。如果不喜欢这种样式，没有关系，以后可以使用css样式去改变它。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>了不起的盖茨比title>  
  6. head>  
  7. <body>  
  8.     <p>1922年的春天，一个想要成名名叫<strong>尼克•卡拉威strong>（<em>托比•马奎尔Tobey Maguire饰em>）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。p>  
  9.     <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
  10. body>  
  11. html>  



13 使用标签为文字设置单独样式

这一小节讲解标签，我们对、、这三个标签进行一下总结：
1. 和标签是为了强调一段话中的关键字时使用，它们的语义是强调。
2. 标签是没有语义的，它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue（蓝色），但注意不是为了强调“美国梦”，而只是想为它设置和其它文字不同的样式（并不想让屏幕阅读器对“美国梦”这三个字加重音读出），所以这样情况下就可以用到标签了。

如下面例子：

1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。


语法：
文本
我来试试:把“美国梦”设置为蓝色
1. 在右部编辑器中的第13行对“美国梦”文本加上标签。
2. 在第8行输入color:blue;，为元素设置文本颜色为蓝色。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>了不起的盖茨比title>  
  6. <style>  
  7. span{  
  8.    color:blue;   
  9. }  
  10. style>  
  11. head>  
  12. <body>  
  13.     <p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦span>，他搬入纽约附近一海湾居住。p>  
  14.     <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
  15. body>  
  16. html>  




14 标签，短文本引用

想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么标签是你所需要的。

语法：
引用文本

如下面例子：

最初知道庄子，是从一首诗庄生晓梦迷蝴蝶。望帝春心托杜鹃。开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。



讲解：
1. 在上面的例子中，“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌，出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字，所以需要使用实现引用。
2. 注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。

注意这里用标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>q标签title>  
  6. head>  
  7. <body>  
  8. <p>周瑜，不可否认，他是历史上一个了不起的英雄人物！确实也配的上那句<q>聪明秀出为之英，胆略过人为之雄。q>p>  
  9. body>  
  10. html>  

15
标签，长文本引用

的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。等等，上一节标签不是也是对文本的引用吗？不要忘记标签是对简短文本的引用，比如说引用一句话就用到标签。
如想在我的文章中引用李白《关山月》中的诗句，因为引用文本比较长，所以使用
。

语法:
引用文本

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>blockquote标签的使用title>  
  6. head>  
  7. <body>  
  8. <h2>心似桂花开h2>  
  9. <p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？p>  
  10. <blockquote>“暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。”blockquote>  
  11. <p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。p>  
  12. body>  
  13. html>  
HTML+CSS标签 (2)_第3张图片



16 使用
标签分行显示文本

对于上一小节的例子，我们想让那首诗显示得更美观些。
怎么可以让每一句诗词后面加入一个折行呢？那就可以用到
标签了，在需要加回车换行的地方加入
，
标签作用相当于word文档中的回车。
上节的代码改为：

语法：

xhtml1.0写法：


html4.01写法：


注意，现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。

与以前我们学过的标签不一样，
标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有
、

和。

讲到这里，你是不是有个疑问，想折行还不好说嘛，就像在 word 文件档或记事本中，在想要折行的前面输入回车不就行了吗？很遗憾，在 html 中是忽略 回车 和 空格 的，你输入的再多回车和空格也是显示不出来的。

总结：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入
。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>br标签的使用title>  
  6. head>  
  7. <body>  
  8. <h2>《咏桂》h2>  
  9. <p>暗淡轻黄体性柔，<br />情疏迹远只香留。<br />何须浅碧深红色，<br />自是花中第一流。p>  
  10. body>  
  11. html>  
HTML+CSS标签 (2)_第4张图片



17 为你的网页中添加一些空格

在上一节的例子，我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 。

语法：
 

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>空格讲解title>  
  6. head>  
  7. <body>  
  8. <h1>感悟梦想h1>  
  9. 来源：作文网  作者：为梦想而飞   
  10. body>  
HTML+CSS标签 (2)_第5张图片


18 认识
标签，添加水平横线

在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。
语法：
html4.01版本


xhtml1.0版本


注意：
1.
标签和
标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。
2.
标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。
3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>hr标签使用title>  
  6. head>  
  7. <body>  
  8. <p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。p>  
  9. <hr />  
  10. <p>每一枚被风吹起的蒲公英，都载满了一双眼睛的深情告别与一个目光的依依不舍。那天，我拿着行李，带上一个背影的祝福与惆怅，挥手告别了这片土地。我不知道，我何时会回来。p>  
  11. body>  
  12. html>  


19
标签，为网页加入地址信息

一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以

标签。

语法：
地址信息

如：
北京市西城区德外大街10号


在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它
标签的默认样式。

[html]  view plain  copy
 print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title>address标签介绍title>  
  6. head>  
  7. <body>  
  8. <h2>慕课网h2>  
  9. <p>超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!公司地址：<address>北京市西城区德外大街10号address>p>   
  10. body>  
  11. html>  
HTML+CSS标签 (2)_第6张图片


20 想加入一行代码吗？使用标签

在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用标签了，如下面例子：

var i=i+300;

注意：在文章中一般如果要插入多行代码时不能使用标签了。

语法：
代码语言

注：如果是多行代码，可以使用

标签。
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    5.  
    
  5.  <title>code标签介绍title>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.  <p>我们可能知道水平渐变的实现，类似这样：<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}code>p>  
    9.  
    
  9.  body>  
    10.  
    
  10.  html>  
    11.  
   
 
  
 
   
   
  
 
 
  
 
 
 
  
21 使用
标签为你的网页加入大段代码
 
  
 在上节中介绍加入一行代码的标签为，但是在大多数情况下是需要加入大段代码的，如下图：
 
 
  
 
 
  
 怎么办？不会是每一代码都加入一个标签吧，没有这么复杂，这时候就可以使用
标签。
 
  
 语法：
 
  
 
语言代码段
 
  
 
 标签的主要作用：预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
 
  
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <head>  
    3.  
    
  3.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    4.  
    
  4.  <title>pre标签的使用title>  
    5.  
    
  5.  head>  
    6.  
    
  6.    
    7.  
    
  7.  <body>  
    8.  
    
  8.  <pre>  
    9.  
    
  9.  var message="欢迎";  
    10.  
    
  10.  for(var i=1;i<=10;i++)  
    11.  
    
  11.  {  
    12.  
    
  12.      alert(message);  
    13.  
    
  13.  }  
    14.  
    
  14.  pre>  
    15.  
    
  15.  body>  
    16.  
    
  16.  html>  
    17.  
   
 
  
 
  
 
 
  
 
 
  
 HTML+CSS标签 (2)_第7张图片
 
 
  
 在上面的例子中可以看到代码中的空格，换行符都保留下来。如果用以前的方法，回车需要输入
签，空格需要输入 
 
  
 注意：
 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是
标签的一个常见应用就是用来展示计算机的源代码。
 
  
 
 
  
22 使用ul，添加新闻信息列表
 
  
 在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。
 
  
 新闻列表
 
 
 
  
 图片列表
 
 
  
 
 
  
 
 
  
 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
 
  
 语法：
 
  
    
  
  • 信息
    • 
  
  • 信息
    • 
   ......

 
  
 举例：
 
  
    
  
  • 精彩少年
    • 
  
  • 美丽突然出现
    • 
  
  • 触动心灵的旋律
    • 

 
  ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点。 
  
 ul 在英文里代表 unordered list
 
  
 ol 在英文里代表 ordered list
 
  
 li 在英文里代表 list
 
  
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    5.  
    
  5.  <title> p标签title>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.  <ul><li>我的第一个列表信息li>ul>  
    9.  
    
  9.  <ul><li>我的第二个列表信息li>ul>  
    10.  
    
  10.  body>  
    11.  
    
  11.  html>  
    12.  
   
 
  
 
  
 
 
  
 HTML+CSS标签 (2)_第8张图片
 
  
 
 
 
  
23 使用ol，添加图书销售排行榜
 
  
 如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当当网上的书籍热卖排行榜，如下图所示。这类信息展示就可以使用
    标签来制作有序列表来展示。
     
     
  
     
     
  
     语法：
     
  
      
   
    1. 信息
      2. 
   
    2. 信息
      3. 
   ......

     
  
     举例：
     
  
     下面是一个热点课程下载排行榜：
     
  
      
   
    1. 前端开发面试心法 
      2. 
   
    2. 零基础学习html
      3. 
   
    3. JavaScript全攻略
      4. 

     
  
       
  在网页中显示的默认样式一般为：每项 
  
    1.  
  前都自带一个序号，序号默认从 
  1 
  开始。 
  
       
       
  
       
   
       
    
       
     [html]  view plain 
      copy 
     
       
     
       
      print ? 
      
      
    
       
   
       
   
         
    
      1.  >  
        2.  
    
      2.  <html>  
        3.  
    
      3.  <head>  
        4.  
    
      4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        5.  
    
      5.  <title> p标签title>  
        6.  
    
      6.  head>  
        7.  
    
      7.  <body>  
        8.  
    
      8.  <ol>  
        9.  
    
      9.  <li>我的第一个列表信息li>  
        10.  
    
      10.  <li>我的第二个列表信息li>  
        11.  
    
      11.  ol>  
        12.  
    
      12.  body>  
        13.  
    
      13.  html>  
        14.  
   
       
  
       
  HTML+CSS标签 (2)_第9张图片 
   
  
       
       
  
       
       
       
  
       
       
       
  
      24 认识div在排版中的作用
       
  
       在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个
      标签中，这个
      标签的作用就相当于一个容器。
       
       语法：
       
      …

       
       确定逻辑部分：
       什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用
      标签作为容器。
       
       
  
       
       
  
       
   
       
    
       
     [html]  view plain 
      copy 
     
       
     
       
      print ? 
      
      
    
       
   
       
   
         
    
      1.  >  
        2.  
    
      2.  <html>  
        3.  
    
      3.  <head>  
        4.  
    
      4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        5.  
    
      5.  <title>div标签title>  
        6.  
    
      6.  head>  
        7.  
    
      7.  <body>  
        8.  
    
      8.      <div>  
        9.  
    
      9.      <h2>热门课程排行榜h2>  
        10.  
    
      10.      <ol>  
        11.  
    
      11.          <li>前端开发面试心法 li>  
        12.  
    
      12.          <li>零基础学习htmlli>  
        13.  
    
      13.          <li>javascript全攻略li>  
        14.  
    
      14.      ol>  
        15.  
    
      15.      div>  
        16.  
    
      16.      <div>  
        17.  
    
      17.      <h2>最新课程排行h2>  
        18.  
    
      18.      <ol>  
        19.  
    
      19.          <li>版本管理工具介绍—Git篇 li>  
        20.  
    
      20.          <li>Canvas绘图详解li>  
        21.  
    
      21.          <li>QQ5.0侧滑菜单li>  
        22.  
    
      22.      ol>  
        23.  
    
      23.      div>  
        24.  
    
      24.  body>  
        25.  
    
      25.  html>  
        26.  
   
       
  
       
  HTML+CSS标签 (2)_第10张图片 
   
  
       
       
  
       
       
       
  
      25 给div命名，使逻辑更加清晰
       
  
       在上一小节中，我们把一些标签放进
      里，划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为
      提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。
       
       如下两图进行比较，如果设计师把两个图给你，哪个图你看上去能更快的理解呢？是不是右边的那幅图呢。
       
       
  
       
       
  
       语法：
       
  
       
      …
       
  
       
   
       
    
       
     [html]  view plain 
      copy 
     
       
     
       
      print ? 
      
      
    
       
   
       
   
         
    
      1.  >  
        2.  
    
      2.  <html>  
        3.  
    
      3.  <head>  
        4.  
    
      4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        5.  
    
      5.  <title>div标签title>  
        6.  
    
      6.  head>  
        7.  
    
      7.  <body>  
        8.  
    
      8.  <div id="hotList">  
        9.  
    
      9.     <h2>热门课程排行榜h2>  
        10.  
    
      10.      <ol>  
        11.  
    
      11.         <li>前端开发面试心法 li>  
        12.  
    
      12.        <li>零基础学习htmlli>  
        13.  
    
      13.         <li>javascript全攻略li>  
        14.  
    
      14.      ol>  
        15.  
    
      15.  div>  
        16.  
    
      16.  <div id="learningInstructed">  
        17.  
    
      17.      <h2>web前端开发导学课程h2>  
        18.  
    
      18.      <ul>  
        19.  
    
      19.         <li>网页专业名词大扫盲 li>  
        20.  
    
      20.         <li>网站职位定位指南li>  
        21.  
    
      21.         <li>为您解密Yahoo网站制作流程li>  
        22.  
    
      22.      ul>  
        23.  
    
      23.  div>  
        24.  
    
      24.  body>  
        25.  
    
      25.  html>  
        26.  
   
       
  
       
  HTML+CSS标签 (2)_第11张图片 
   
  
       
       
       
  
       
       
       
  
      26 table标签---认识网页上的表格
       
  
       有时候我们需要在网页上展示一些数据，如某公司想在网页上展示公司的库存清单。如下表：
       
       
  
       想在网页上展示上述表格效果可以使用以下代码：
       
  
       
       
  
       
       
  
       创建表格的四个元素：
       
  
       table、tbody、tr、th、td
       
  
       1、
      …
      ：整个表格以标记开始、
      标记结束。
       
  
       2、…：当表格内容非常多时，表格会下载一点显示一点，但如果加上标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
       
  
       3、…：表格的一行，所以有几对tr 表格就有几行。
       
  
       4、…：表格的一个单元格，一行中包含几对...，说明一行中就有几列。
       
  
       5、…：表格的头部的一个单元格，表格表头。
       
  
       6、表格中列的个数，取决于一行中数据单元格的个数。
       
  
       总结：
       
  
       1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的
       
  
       2、表头，也就是th标签中的文本默认为粗体并且居中显示
       
  
       
   
       
    
       
     [html]  view plain 
      copy 
     
       
     
       
      print ? 
      
      
    
       
   
       
   
         
    
      1.  >  
        2.  
    
      2.  <html>  
        3.  
    
      3.  <head>  
        4.  
    
      4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        5.  
    
      5.  <title>认识table表标签title>  
        6.  
    
      6.  head>  
        7.  
    
      7.  <body>  
        8.  
    
      8.  <table>  
        9.  
    
      9.    <tbody>  
        10.  
    
      10.      <tr>  
        11.  
    
      11.        <th>班级th>  
        12.  
    
      12.        <th>学生数th>  
        13.  
    
      13.        <th>平均成绩th>  
        14.  
    
      14.      tr>  
        15.  
    
      15.      <tr>  
        16.  
    
      16.        <td>一班td>  
        17.  
    
      17.        <td>30td>  
        18.  
    
      18.        <td>89td>  
        19.  
    
      19.      tr>  
        20.  
    
      20.      <tr>  
        21.  
    
      21.        <td>二班td>  
        22.  
    
      22.        <td>35td>  
        23.  
    
      23.        <td>85td>  
        24.  
    
      24.      tr>  
        25.  
    
      25.      <tr>  
        26.  
    
      26.        <td>三班td>  
        27.  
    
      27.        <td>32td>  
        28.  
    
      28.        <td>80td>  
        29.  
    
      29.      tr>  
        30.  
    
      30.    tbody>  
        31.  
    
      31.  table>  
        32.  
    
      32.  body>  
        33.  
    
      33.  html>  
        34.  
   
       
  
       
  HTML+CSS标签 (2)_第12张图片 
   
  
       
       
       
  
       
       
       
  
      27 用css样式，为表格加入边框
       
  
       Table表格在没有添加css样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。
       添加如下代码：
       
       
       上述代码是用css样式代码（后面章节会详细讲解），为th，td单元格添加粗细为一个象素的黑色边框。
       
       
  
       
   
       
    
       
     [html]  view plain 
      copy 
     
       
     
       
      print ? 
      
      
    
       
   
       
   
         
    
      1.  >  
        2.  
    
      2.  <html>  
        3.  
    
      3.  <head>  
        4.  
    
      4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        5.  
    
      5.  <title>为表格添加边框title>  
        6.  
    
      6.  <style type="text/css">  
        7.  
    
      7.  table tr td,th{border:1px solid #000;}  
        8.  
    
      8.  style>  
        9.  
    
      9.  head>  
        10.  
    
      10.  <body>  
        11.  
    
      11.  <table summary="">  
        12.  
    
      12.    <tr>  
        13.  
    
      13.      <th>班级th>  
        14.  
    
      14.      <th>学生数th>  
        15.  
    
      15.      <th>平均成绩th>  
        16.  
    
      16.    tr>  
        17.  
    
      17.    <tr>  
        18.  
    
      18.      <td>一班td>  
        19.  
    
      19.      <td>30td>  
        20.  
    
      20.      <td>89td>  
        21.  
    
      21.    tr>  
        22.  
    
      22.    <tr>  
        23.  
    
      23.      <td>二班td>  
        24.  
    
      24.      <td>35td>  
        25.  
    
      25.      <td>85td>  
        26.  
    
      26.    tr>  
        27.  
    
      27.    <tr>  
        28.  
    
      28.      <td>三班td>  
        29.  
    
      29.      <td>32td>  
        30.  
    
      30.      <td>80td>  
        31.  
    
      31.    tr>  
        32.  
    
      32.  table>  
        33.  
    
      33.    
        34.  
    
      34.  body>  
        35.  
    
      35.  html>  
        36.  
   
       
  
       
  HTML+CSS标签 (2)_第13张图片 
   
  
       
       
  
       
       
       
  
       
       
       
  
      28 caption标签，为表格添加标题和摘要
       
  
       表格还是需要添加一些标签进行优化，可以添加标题和摘要。
       
       
  
       
       
  
       摘要
       
  
       摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
       
  
           语法：
       标题
       用以描述表格内容，标题的显示位置：表格上方。
            语法：
       
   
   
   
  
      
        …
    
…

      
    标题文本
    
      
        …
        …
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5.  
    
  5.  <title>认识table表标签title>  
    6.  
    
  6.  <style type="text/css">  
    7.  
    
  7.  table tr td,th{  
    8.  
    
  8.      border:1px solid #000;  
    9.  
    
  9.  }  
    10.  
    
  10.  style>  
    11.  
    
  11.  head>  
    12.  
    
  12.  <body>  
    13.  
    
  13.  <table summary="本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量">  
    14.  
    
  14.    <caption>2012年到2013年库存记录caption>  
    15.  
    
  15.    <tr>  
    16.  
    
  16.      <th>产品名称 th>  
    17.  
    
  17.      <th>品牌 th>  
    18.  
    
  18.      <th>库存量（个） th>  
    19.  
    
  19.      <th>入库时间 th>  
    20.  
    
  20.    tr>  
    21.  
    
  21.    <tr>  
    22.  
    
  22.      <td>耳机 td>  
    23.  
    
  23.      <td>联想 td>  
    24.  
    
  24.      <td>500td>  
    25.  
    
  25.      <td>2013-1-2td>  
    26.  
    
  26.    tr>  
    27.  
    
  27.    <tr>  
    28.  
    
  28.      <td>U盘 td>  
    29.  
    
  29.      <td>金士顿 td>  
    30.  
    
  30.      <td>120td>  
    31.  
    
  31.      <td>2013-8-10td>  
    32.  
    
  32.    tr>  
    33.  
    
  33.    <tr>  
    34.  
    
  34.      <td>U盘 td>  
    35.  
    
  35.      <td>爱国者 td>  
    36.  
    
  36.      <td>133td>  
    37.  
    
  37.      <td>2013-3-25td>  
    38.  
    
  38.    tr>  
    39.  
    
  39.  table>  
    40.  
    
  40.  body>  
    41.  
    
  41.  html>  
    42.  
   
 
  
 
  HTML+CSS标签 (2)_第14张图片 
   
  
 
 
 
  
 
 
 
  
29 使用标签，链接到别一个页面
 
  
 使用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
 
 语法：
 链接显示的文本
 
 例如：
 click here!
 
 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。
 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。
 注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    5.  
    
  5.  <title>了不起的盖茨比title>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.      <ul>  
    9.  
    
  9.         <li><a href="#" title="前端开发面试心法">前端开发面试心法a> li>  
    10.  
    
  10.         <li><a href="#" title="零基础学习html">零基础学习htmla>li>  
    11.  
    
  11.         <li><a href="#" title="JavaScript全攻略">JavaScript全攻略a>li>  
    12.  
    
  12.      ul>  
    13.  
    
  13.      <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/" title="托比•马奎尔Tobey Maguire">托比•马奎尔Tobey Maguirea> 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。p>  
    14.  
    
  14.      <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
    15.  
    
  15.  body>  
    16.  
    
  16.  html>  
    17.  
   
 
  
 
   
   
  
 
 
  
 
 
 
  
 
 
 
  
30 在新建浏览器窗口中打开链接
 
  
 标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。
 如下代码：
 click here!
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    5.  
    
  5.  <title>了不起的盖茨比title>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.      <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/" target="_blank">托比•马奎尔Tobey Maguire a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。p>  
    9.  
    
  9.      <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
    10.  
    
  10.  body>  
    11.  
    
  11.  html>  
    12.  
   
 
  
 
   
   
  
 
 
  
 
 
 
  
31 使用mailto在网页中链接Email地址
 
  
 标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：
 
  
 
 
 
 
  
 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
 
  
 下面是一个完整的实例:
 
   
   
  
 在浏览器中显示的结果：
 
  
 
 
  
发送
 
  点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息，如下图： 
  
 
 
  
 
 
  
 
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    5.  
    
  5.  <title>mailtotitle>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.  <p>1922年的春天，一个想要成名名叫卡拉威（马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。p>  
    9.  
    
  9.      <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
    10.  
    
  10.  <a href="mailto:[email protected]?subject=观了不起的盖茨比有感&body=你好，对此评论有些想法。">a>对此影评有何感想，发送邮件给我a>  
    11.  
    
  11.  body>  
    12.  
    
  12.  html>  
    13.  
   
 
  
 
  HTML+CSS标签 (2)_第15张图片 
   
  
 
 
  
 
 
 
  
 
 
 
  
32 认识标签，为网页插入图片
 
  
 在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用标签来插入图片。
 
 语法：
 下载失败时的替换文本
 
 举例：
 My Image
 
 讲解：
 1、src：标识图像的位置；
 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
 4、图像可以是GIF，PNG，JPEG格式的图像文件。
 
 
  
 
   
 
    
 
     [html]  view plain 
      copy 
     
 
     
 
      print ? 
      
      
    
 
   
 
   
     
    
  1.  >  
    2.  
    
  2.  <html>  
    3.  
    
  3.  <head>  
    4.  
    
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    5.  
    
  5.  <title>了不起的盖茨比title>  
    6.  
    
  6.  head>  
    7.  
    
  7.  <body>  
    8.  
    
  8.      <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/">托比•马奎尔Tobey Maguire a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。p>  
    9.  
    
  9.    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。p>  
    10.  
    
  10.    <img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="电影介绍">   
    11.  
    
  11.  body>  
    12.  
    
  12.  html  
    13.  
   
 
  
 
  HTML+CSS标签 (2)_第16张图片 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(四,前端学习)

        

            

                
    
                    
  • 五大常考SQL面试题
                        Begin to change
MySQLsql面试
                        
    目录一、找出连续7天登陆，连续30天登陆的用户（小红书笔试，电信云面试），最大连续登陆天数的问题--窗口函数二、求连续点击三次的用户数，而且中间不能有别人的点击三、计算除去部门最高工资，和最低工资的平均工资（字节跳动面试）--窗口函数四、留存的计算，和累计求和的计算--窗口函数，自联结（pdd面试）一、找出连续7天登陆，连续30天登陆的用户（小红书笔试，电信云面试），最大连续登陆天数的问题--窗口
    
                    
    • 
                    
  • 深入了解 CDN：概念、原理、过程、作用及工作场景
                        羊村懒哥
网络网络加速缓存
                        
    目录一、CDN的概念二、CDN的工作原理三、CDN的工作过程四、CDN的作用五、CDN可结合使用的技术六、CDN能够解决的网络问题七、CDN的工作场景在当今互联网飞速发展的时代，用户对于网页加载速度和内容获取的时效性要求越来越高。CDN（ContentDeliveryNetwork，⭐内容分发网络）应运而生，它在提升网络性能和用户体验方面发挥着关键作用。本文将详细介绍CDN的概念、工作原理、工作过
    
                    
    • 
                    
  • vue3-video-play 插件在 Vue 3 项目上的应用
                        放逐者-保持本心，方可放逐
vue3应用vue.js前端javascriptvue3-video-play
                        
    文章目录vue3-video-play插件在Vue3项目上的应用一、插件简介二、插件安装三、插件组件应用示例1.局部引入组件2.全局引入组件四、需要注意的事项五、本地环境将`package.json`中`"module":"./dist/index.es.js"`改为`"module":"./dist/index.mjs"`问题解析探索问题描述原因分析解决方案格式及应用实例vue3-video-p
    
                    
    • 
                    
  • 利用Beautiful Soup和Pandas进行网页数据抓取与清洗处理实战
                        傻啦嘿哟
pandas
                        
    目录一、准备工作二、抓取网页数据三、数据清洗四、数据处理五、保存数据六、完整代码示例七、总结在数据分析和机器学习的项目中，数据的获取、清洗和处理是非常关键的步骤。今天，我们将通过一个实战案例，演示如何利用Python中的BeautifulSoup库进行网页数据抓取，并使用Pandas库进行数据清洗和处理。这个案例不仅适合初学者，也能帮助有一定经验的朋友快速掌握这两个强大的工具。一、准备工作在开始之
    
                    
    • 
                    
  • 2024亚马逊数据分析！
                        KJYHS
数据分析数据挖掘
                        
    整体财务数据23净销售额：全年净销售额达6380亿美元，同比增长11%。净利润：全年净利润为592亿美元，较上年同期的304亿美元增长95%。经营活动现金流：经营活动现金流达1159亿美元，同比增加了36%。各业务板块数据AWS业务1第四季度营收：2024年第四季度，AWS业务实现营收288亿美元，同比增长19%；经营利润达106亿美元，同比增长34亿美元。广告业务5全年营收：2024年广告业务总
    
                    
    • 
                    
  • 代理IP助力AI图像处理，开启行业新篇章
                        傻啦嘿哟
关于代理IP那些事儿人工智能tcp/ip图像处理
                        
    目录一、代理IP技术简介二、代理IP在AI图像处理中的应用1.提升数据访问速度2.增强数据处理能力3.突破网络限制三、代理IP在AI图像处理中的实际案例案例一：AI图像生成软件案例二：AI动画创作四、代理IP技术的未来展望五、结语在科技日新月异的今天，AI图像处理技术以其广泛的应用前景和强大的处理能力，正深刻改变着我们的世界。从人脸识别、自动驾驶到医学影像分析，AI图像处理技术无处不在，发挥着不可
    
                    
    • 
                    
  • 【Python 学习 / 7】模块与文件操作
                        卜及中
Python基础python学习数据库
                        
    文章目录前言一、导入模块1.导入整个模块2.导入模块中的特定函数3.给模块或函数起别名二、常用模块1.`math`模块2.`random`模块3.`os`模块4.`sys`模块三、文件处理1.打开文件2.读取文件3.写入文件4.关闭文件5.使用`with`语句管理文件四、日期时间1.`datetime`模块获取当前日期和时间创建日期和时间对象格式化日期和时间解析字符串为日期对象2.`time`模块
    
                    
    • 
                    
  • 如何安装Hadoop
                        薇晶晶
hadoop大数据分布式
                        
    Hadoop入门(一)——CentOS7下载+VM上安装（手动分区）Hadoop入门(二)——VMware虚拟网络设置+Windows10的IP地址配置+CentOS静态IP设置Hadoop入门(三)——XSHELL7远程访问工具+XFTP7文件传输Hadoop入门(四)——模板虚拟机环境准备Hadoop入门(五)——Hadoop集群搭建-克隆三台虚拟机Hadoop入门(六)——JDK安装Hado
    
                    
    • 
                    
  • 23种设计模式-享元(Flyweight)设计模式
                        萨达大
软考中级-软件设计师设计模式享元模式软考软件设计师C++行为型设计模式JAVA
                        
    文章目录一.什么是享元设计模式？二.享元模式的特点三.享元模式的结构四.享元模式的优缺点五.享元模式的C++实现六.享元模式的JAVA实现七.代码解析八.总结类图：享元设计模式类图一.什么是享元设计模式？ 享元（Flyweight）设计模式是一种结构型设计模式，通过共享对象来减少内存占用和对象创建开销。它通过将对象的可共享部分与不可共享部分分离，减少重复对象的数量，从而节省内存。 享元模式的核心思
    
                    
    • 
                    
  • 【登月计划】 DAY2 上期：产品研发与设计验证（1-3）-《煮饭煮到天花板炸穿！你家厨房可能藏着一颗定时炸弹》
                        泛泛不谈
0-2岁智能制造工程师启蒙制造需求分析经验分享
                        
    目录一、血腥开场：电饭煲变“炸弹”？实验室里的致命疏忽！二、死亡案例：电热水壶漏电杀人！一个螺丝毁掉一个家庭三、段位表：从“菜鸟”到“大神”的6个等级四、产线实战：电热水壶的“保命测试”流程一、血腥开场：电饭煲变“炸弹”？实验室里的致命疏忽！某电饭煲厂商推出“超快煮”功能，本想赢得市场，却引发危机。实验室测试时一切正常，可产品到用户手中却频频炸锅。用户遭遇：李阿姨煮粥时，电饭煲突然炸开，粥喷到天花
    
                    
    • 
                    
  • #渗透测试#批量漏洞挖掘#畅捷通T+远程命令执行漏洞
                        独行soc
漏洞挖掘安全web安全面试漏洞挖掘远程命令执行漏洞
                        
    免责声明本教程仅为合法的教学目的而准备，严禁用于任何形式的违法犯罪活动及其他商业行为，在使用本教程前，您应确保该行为符合当地的法律法规，继续阅读即表示您需自行承担所有操作的后果，如有异议，请立即停止本文章读。目录一、漏洞概况二、攻击特征三、应急处置方案四、深度防御建议五、后续监测要点六、漏洞POC一、漏洞概况技术原理漏洞存在于T+系统的特定接口组件，攻击者可通过构造恶意HTTP请求绕过身份验证，在
    
                    
    • 
                    
  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！
                        白帽安全-黑客4148
安全web安全网络网络安全CTF
                        
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
    
                    
    • 
                    
  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！
                        白帽安全-黑客4148
网络安全web安全linux密码学CTF
                        
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
    
                    
    • 
                    
  • 【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！
                        网安詹姆斯
web安全CTF网络安全大赛pythonlinux
                        
    【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、S
    
                    
    • 
                    
  • 数据库基础以及 MySQL 知识点
                        阿绵
计算机基础数据库mysql
                        
    文章目录1、基本概念2、主键和外键的区别2.1、使用外键的优劣3、数据库范式4、drop、delete与truncate区别？5、MySQL1、基础概念2、存储引擎2.1、InnoDB和MyISAM区别2.2、InnoDB如何保持事务的四大特性（实现事务的原理）3、锁机制与InnoDB锁算法3.1、表级锁和行级锁对比4、事务4.1、ACID特性4.2、并发事务带来的问题4.3、事务隔离级别1、基本
    
                    
    • 
                    
  • 刷题计划day28 动规（二）【不同路径】【不同路径 II】【整数拆分】【不同的二叉搜索树】
                        哈哈哈的懒羊羊
数据结构算法javaleetcode蓝桥杯面试动态规划
                        
    ⚡刷题计划day28动规（二）继续，下一期是背包专题，可以点个免费的赞哦~往期可看专栏，关注不迷路，您的支持是我的最大动力~目录题目一：62.不同路径法一：动态规划法二：动态规划空间优化题目二：63.不同路径II题目三：343.整数拆分法一：动态规划法二：数学法（复杂度最低）题目四：96.不同的二叉搜索树题目一：62.不同路径62.不同路径(https://leetcode.cn/problems
    
                    
    • 
                    
  • 985大四科班生没有项目和实习，错过秋招，该准备如何春招？
                        程序员yt
c++
                        
    今天给大家分享的是一位粉丝的提问，985大四科班生没有项目和实习，错过秋招，该准备如何春招？接下来把粉丝的具体提问和我的回复分享给大家，希望也能给一些类似情况的小伙伴一些启发和帮助。同学提问：yt哥你好，我是985大四计科学生，无项目无实习，想努力冲刺春招（清楚准备这么晚是找不到啥好工作了，已经面试了老家那边的银行业务岗，想着后续边工作边自学再跳槽也OK）秋招末班车才醒悟，知道自己没有准备，开发岗
    
                    
    • 
                    
  • Day48（补）【AI思考】-设计模式三大类型统一区分与记忆指南
                        一个一定要撑住的学习者
#AI深度思考学习方法设计模式
                        
    文章目录设计模式三大类型统一区分与记忆指南**一、创建型模式（对象如何生？）****二、结构型模式（对象如何组？）****三、行为型模式（对象如何动？）****1.行为型类模式（靠继承）****2.行为型对象模式（靠组合）****四、统一对比表****五、终极记忆技巧**设计模式三大类型统一区分与记忆指南让思想碎片重焕生机的灵魂：行为模式分三类，每一类又有好多不同的模式，特别是行为式模式，还要区分
    
                    
    • 
                    
  • UART协议——异步全双工串行通信方式
                        dsjljdfniuevf
总线协议接口协议学习UART协议
                        
    文章目录前言一、简介1、优点2、缺点二、数据格式三、波特率1、定义2、波特率和采样频率3、计算四、常见接口电平1、TTL电平2、RS232（负逻辑）3、RS485前言2023.4.22世界地球日一、简介UART：UniversalAsynchronousReceiver/Transmitter，通用异步收发器广泛的应用在各类MCU和SOC产品上“不需要额外的时钟线进行数据的同步传输”。即只要信号拉
    
                    
    • 
                    
  • (4)UART应用设计及仿真验证4 —— UART模块集成
                        少卿不在大理寺
数字IC设计从入门到实战uartIC设计verilogIC
                        
    四、模块集成1.UART模块集成这会儿你再来看这个uart模块构是不是就亲切了很多，归总一下TX和RX之后，我们发现整个的UART的模块输入输出都是定好了的。所以在结构上没有什么需要再分析和拆解了的。直接上代码：moduleuart(inputclk,inputrstn,inputrx,inputtx_data,inputtx_data_valid,outputtx,outputtx_ready,
    
                    
    • 
                    
  • 大厂面试真题-说说DDD中的防腐层以及它和四层架构的关系
                        鱼跃鹰飞
大厂真题DDD架构设计1024程序员节职场和发展开发语言面试
                        
    DDD（领域驱动设计）中的防腐层（Anti-CorruptionLayer，ACL）是一种设计模式，旨在解决不同子系统或限界上下文间由于领域模型或接口不兼容而带来的集成问题。以下是对DDD防腐层的详细介绍，以及它与四层架构的关系：一、DDD防腐层定义：防腐层是一种在不同应用间转换的机制，通过引入一层适配层来隔离和转换不同系统间的交互。作用：隔离领域模型：保护自身领域模型免受其他领域模型代码的侵害。
    
                    
    • 
                    
  • Java中锁升级的探究
                        我心向阳iu
#Java多线程Java面试知识点精讲javajvm开发语言
                        
    文章目录锁升级概述四种锁介绍1.无锁2.偏向锁实现原理3.轻量级锁（自旋锁）实现原理4.重量级锁实现原理锁升级过程锁升级过程举例说明锁升级原理锁升级概述JDK1.6之前，synchronized还是一个重量级锁，是一个效率比较低下的锁。但是在JDK1.6后，JVM为了提高锁的获取与释放效率对synchronized进行了优化，引入了偏向锁和轻量级锁，从此以后锁的状态就有了四种：无锁：无锁是指没有对
    
                    
    • 
                    
  • Python中Tushare（金融数据库）入门详解
                        eqa11
数据库python金融
                        
    文章目录Python中Tushare（金融数据库）入门详解一、引言二、安装与注册1、安装Tushare2、注册与获取Token三、Tushare基本使用1、设置Token2、获取数据2.1、获取股票基础信息2.2、获取交易日历2.3、获取A股日线行情2.4、获取沪股通和深股通成份股2.5、获取上市公司基础信息2.6、获取A股周线行情字段解析四、总结Python中Tushare（金融数据库）入门详解
    
                    
    • 
                    
  • 15. 三数之和
                        炫云云
大数据算法和数据结构leetcode算法数据结构
                        
    15.三数之和1.两数之和15.三数之和18.四数之和20、n数之和给你一个包含n个整数的数组nums，判断nums中是否存在三个元素*a，b，c，*使得a+b+c=0？请你找出所有和为0且不重复的三元组。**注意：**答案中不可以包含重复的三元组示例1：输入：nums=[-1,0,1,2,-1,-4]输出：[[-1,-1,2],[-1,0,1]]示例2：
    
                    
    • 
                    
  • 零基础学Python图片处理：用Pillow库轻松玩转修图
                        小彭爱学习
pythonpythonpillowpython处理图片
                        
    零基础学Python图片处理：用Pillow库轻松玩转修图一、初识Pillow：你的第一张数码暗房安装准备（只需要1分钟）打开电脑的命令行（Windows按Win+R输入cmd，Mac打开终端），输入：pipinstallpillow看到「SuccessfullyinstalledPillow-x.x.x」就安装成功啦！图片处理四步走打开图片：像打开文件柜一样找到图片修改图片：裁剪、调色、加特效查
    
                    
    • 
                    
  • 2024年03月CCF-GESP编程能力等级认证Python编程四级真题解析
                        码农StayUp
pythonCCFGESP青少年编程
                        
    本文收录于专栏《Python等级认证CCF-GESP真题解析》，专栏总目录：点这里，订阅后可阅读专栏内所有文章。一、单选题（共15题，共30分）第1题小杨的父母最近刚刚给他买了一块华为手表，他说手表上跑的是鸿蒙，这个鸿蒙是.（）A.小程序B.计时器C.操作系统D.神话人物答案：C本题属于考察计算机基础知识。鸿蒙是操作系统，操作系统是管理计算机硬件与软件资源的程序，同时也是计算机系统的内核与基石。它
    
                    
    • 
                    
  • 从一秒四笔数据中探寻期货市场的交易机会
                        2401_89140926
大数据金融数据库开发数据库
                        
    从一秒四笔数据中探寻期货市场的交易机会为了促进学习和研究，我们在此分享一部分匿名处理的Level2高频Tick数据。历史期货高频tick五档level2请注意，分享这些数据的目的是为了教育和研究，不构成任何投资建议。需要注意的是，虽然五档历史Level2行情数据具有很高的研究价值，但在实际应用中，我们还需结合其他市场信息和技术分析方法，以提高研究的准确性和有效性。此外，市场环境不断变化，投资者在运
    
                    
    • 
                    
  • 【Java】逻辑运算符详解：&&、|| 与&、 | 的区别及应用
                        小ᶻ☡꙳ᵃⁱᵍᶜ꙳
springboot
                        
    博客主页：[小ᶻ☡꙳ᵃⁱᵍᶜ꙳]本文专栏:Java文章目录前言一、基本概念与运算符介绍二、短路与与非短路与：&&与&的区别1.`&&`：短路与（AND）2.`&`：非短路与（AND）三、短路或与非短路或：||与|的区别1.`||`：短路或（OR）2.`|`：非短路或（OR）四、总结：什么时候使用短路与非短路运算符五、拓展：短路与非短路运算符的副作用六、结论前言在Java编程中，逻辑运算符是非常常见
    
                    
    • 
                    
  • 【第四届网络安全、人工智能与数字经济国际学术会议（CSAIDE 2025】网络安全，人工智能，数字经济的研究
                        禁默
学术会议话题探讨web安全人工智能安全数字经济学术论文
                        
    重要信息会议官网：www.csaide.net会议时间：2025年3月7-9日会议地点：马来西亚-马来西亚理工大学新山校区（线上+线下混合）简介过去几年，数字经济蓬勃发展，已成为全球经济增长的驱动力。然而，网络安全成为其最大的挑战。为了确保数字经济的可持续发展，人工智能被认为是至关重要的技术手段。第四届网络安全、人工智能与数字经济（CSAIDE2025）将于2025年3月7日至9日在马来西亚举行。
    
                    
    • 
                    
  • 【开源免费】基于Vue和SpringBoot的医院后台管理系统（附论文）
                        杨荧
vue.jsspringboot前端开源springcloudjavascript
                        
    本文项目编号T170，文末自助获取源码\color{red}{T170，文末自助获取源码}T170，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1启动教程3.2讲解视频3.3二次开发教程四、功能截图五、文案资料5.1选题背景5.2国内外研究现状六、核心代码6.1查询数据6.2新增数据6.3删除数据一、系统介绍在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功
    
                    
    • 
                                
  • github中多个平台共存
                                    jackyrong
github
                                    
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 
ssh链接一个托管的而已，下面讲解如何放两个文件 
 
 
1） 设置用户名和邮件地址 
 
$ git config --global user.name "xx" 
 
$ git config --global user.email "[email protected]"
    
                                
    • 
                                
  • ip地址与整数的相互转换(javascript)
                                    alxw4616
JavaScript
                                    
    //IP转成整型
function ip2int(ip){
    var num = 0;
    ip = ip.split(".");
    num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
    n
    
                                
    • 
                                
  • 读书笔记-jquey+数据库+css
                                    chengxuyuancsdn
htmljqueryoracle
                                    
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 
2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
    
                                
    • 
                                
  • javaSE javaEE javaME == API下载
                                    Array_06
java
                                    
    oracle下载各种API文档： 
http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html 
 
JavaSE文档： 
http://docs.oracle.com/javase/8/docs/api/ 
JavaEE文档： 
ht
    
                                
    • 
                                
  • shiro入门学习
                                    cugfy
javaWeb框架
                                    
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 
首先配置我们的web.xml代码如下，固定格式，记死就成 
 <filter> 
        <filter-name>shiroFilter</filter-name> 
&nbs
    
                                
    • 
                                
  • Array添加删除方法
                                    357029540
js
                                    
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 
 
//给数组添加删除 
            Array.prototype.del = function(n){ 

    
                                
    • 
                                
  • navigation bar 更改颜色
                                    张亚雄
IO
                                    
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。 
      翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下 
   
    
                                
    • 
                                
  • unicode转换成中文
                                    adminjun
unicode编码转换
                                    
      
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 
	/**
	 * unicode 转换成 中文
	
    
                                
    • 
                                
  • 一站式 Java Web 框架 firefly
                                    aijuans
Java Web
                                    
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 
firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 
更新日志： 
 
 增加自定义系统错误页面功能
    
                                
    • 
                                
  • 设计模式——单例模式
                                    ayaoxinchao
设计模式
                                    
    定义 
  
       Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。” 
  
分析 
  
       从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。 
  &nb
    
                                
    • 
                                
  • Javascript 多浏览器兼容性问题及解决方案
                                    BigBird2012
JavaScript
                                    
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 
一、document.formName.item(”itemName”) 问题  
问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
    
                                
    • 
                                
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误
                                    bijian1013
junit4.11单元测试
                                    
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现： 
   
    
                                
    • 
                                
  • [Zookeeper学习笔记之二]Zookeeper部署脚本
                                    bit1129
zookeeper
                                    
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)： 
  
#!/bin/bash  
  
#!!!Change the name!!!  
#The zookeepe
    
                                
    • 
                                
  • 【Spark八十】Spark RDD API二
                                    bit1129
spark
                                    
    coGroup 
package spark.examples.rddapi

import org.apache.spark.{SparkConf, SparkContext}
import org.apache.spark.SparkContext._

object CoGroupTest_05 {
  def main(args: Array[String]) {
    v
    
                                
    • 
                                
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题
                                    ronin47
modules
                                    
    在modules目录中只有httpd.exp，那些so文件呢？ 
 
我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 
去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
    
                                
    • 
                                
  • Java基础-克隆
                                    BrokenDreams
java基础
                                    
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 
克隆。 
        Java提供了java.lang.
    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 
package design.pattern;

/*
 * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致
 * 可以这样想，我们要写这样一个类（Adapter）:
 * 1.这个类要符合客户的要求 ---> 那显然要
    
                                
    • 
                                
  • HDR图像PS教程集锦&心得
                                    cherishLC
PS
                                    
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 
软件有photomatix和nik hdr efex。 
 一、教程 
叶明在知乎上的回答： 
http://www.zhihu.com/question/27418267/answer/37317792 
大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 
 
 二、心得 
 1、去除阴影部分的
    
                                
    • 
                                
  • maven-3.3.3 mvn archetype 列表
                                    crabdave
ArcheType
                                    
    maven-3.3.3 mvn archetype 列表 
可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml 
  
[INFO] Scanning for projects... 
[INFO]                 
    
                                
    • 
                                
  • linux shell 中文件编码查看及转换方法
                                    daizj
shell中文乱码vim文件编码
                                    
    一、查看文件编码。 
    在打开文件的时候输入:set fileencoding 
    即可显示文件编码格式。 
 
 
 
二、文件编码转换 
    1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式 
      &
    
                                
    • 
                                
  • MySQL--binlog日志恢复数据
                                    dcj3sjt126com
binlog
                                    
       恢复数据的重要命令如下   mysql> flush logs;  默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                    
    
                                
    • 
                                
  • 数据库中数据表数据迁移方法
                                    dcj3sjt126com
sql
                                    
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用 
  
下面看看如何使用 
  
语法：MySQL中INSERT INTO SELECT的使用 
1. 语法介绍 
      有三张表a、b、c，现在需要从表b
    
                                
    • 
                                
  • Java反转字符串
                                    dyy_gusi
java反转字符串
                                    
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 
1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
    
                                
    • 
                                
  • UI设计中我们为什么需要设计动效
                                    gcq511120594
UIlinux
                                    
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 
 
但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 
 
一、加强体验舒适度 
 
嗯，就是让用户更加爽更加爽的用
    
                                
    • 
                                
  • JBOSS服务部署端口冲突问题
                                    HogwartsRow
java应用服务器jbossserverEJB3
                                    
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。 
  
1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml 
  
2、./server/default/deploy/jbossweb.sar/server.xml 
  
3、.
    
                                
    • 
                                
  • 第三章 Redis/SSDB+Twemproxy安装与使用
                                    jinnianshilongnian
ssdbreidstwemproxy
                                    
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
    
                                
    • 
                                
  • ZooKeeper原理及使用 
                                    liyonghui160com

                                    
      
  
       ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
    
                                
    • 
                                
  • 程序员解决问题的60个策略
                                    pda158
框架工作单元测试
                                    
    根本的指导方针 
1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 
 
  良好的单元测试  
  强制数据库约束  
  使用输入验证框架  
  避免未实现的“else”条件  
  在应用到主程序之前知道如何在孤立的情况下使用  
 
  
日志 
2. print 语句。往往额外输出个一两行将有助于隔离问题。 
3. 切换至详细的日志记录。详细的日
    
                                
    • 
                                
  • Create the Google Play Account
                                    sillycat
Google
                                    
    Create the Google Play Account 
 
Having a Google account, pay 25$, then you get your google developer account. 
 
References: 
http://developer.android.com/distribute/googleplay/start.html 
https://p
    
                                
    • 
                                
  • JSP三大指令
                                    vikingwei
jsp
                                    
    JSP三大指令 
  一个jsp页面中，可以有0~N个指令的定义！ 
1. page --> 最复杂：<%@page language="java" info="xxx"...%> 
  * pageEncoding和contentType： 
    > pageEncoding：它
    
                                
    •