为什么我的文字没有在图像后显示?

时间:2015-03-30 03:17:47

标签: html css

我正在编写一个基本网页,但在图像后显示一行文字时出现问题。在下面的代码中,在id=image标记的图片之后,我计划在p下方包含另一行<p>hi</p>属性,但文字未显示,可能我知道这是什么问题?

我的css编码有问题吗?我已经将边距设置为正确的px,但文本确实似乎没有出现。

以下是代码的一部分:

  <div id="logo">
  <img src = "C:\Users\GFYU-PC\Desktop\GHnotes\image\logo.png"/>
  </div>

  <ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li>

  <ul id="imgn">
  <li>Before</li>
  <li>Main Page</li>
  <li>Next</li>
  </ul>  

  <div id="image">
  <img src="C:\Users\GFYU-PC\Desktop\GHnotes\image\Album\image\4.jpg" alt="Click!" height = "400px" width= "600px">
  </div>

  <p>hi</p>

1 个答案:

答案 0 :(得分:2)

这是错误的:

<ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li

必须是:

<ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li></ul>

您忘记了</li></ul>