html 我试图在我的网站上添加文字和图片，但每当我把他们在他们进入我的头或只是顶部

6xfqseft 于 2023-04-18 发布在其他

关注(0)|答案(3)|浏览(107)

我确信这与导航部分有关，但我不确定。随机的东西只是一个位置，原来在那里，所以你可以忽略它。在我的另一个页面上，它做了同样的事情，我的代码进入头部，而不是在它下面，我把同样的标题也复制到了那个页面上。我试着把图片和文字移到导航的上方，但是没有任何改变。
先谢谢你。

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
        <title></title>
    </head>
    
    <body>
    
        <img class="first"src="./images/random.jpg" alt="">
    
        <nav>
            <div class="logo">
                <h4></h4>
            </div> 
            <ul class="nav-links">
            </li>
                <li> <a class="nav-links" href="./random.html">
random</a</li>
                <li> <a class="nav-links" href="./random.html"></a>random</li>
                <li> <a class="nav-links" href="./random.html"></a>random</li>
                <li> <a class="nav-links" href="./random.html"></a>random<li>
            </nav>
        </div>
        
    
    </section>
    <section class="classes">
    <div class="img">
        <div class="About">
            <h5>random text</h5>
            <img src="./images/random.jpg" alt="">
        </div>
        
        </div>
    </div>
    </section>
    
    
    </body>
    </html>

Html

来源：https://stackoverflow.com/questions/75944552/im-trying-to-add-text-and-images-on-my-website-but-whenever-i-put-them-in-they

3条答案

按热度按时间

iyzzxitl1#

您的html关闭。请在w3 html验证器link here中检查

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
        <title></title>
    </head>
    
    <body>
    
        <img class="first"src="./images/random.jpg" alt="">
    
        <nav>
            <div class="logo">
                <h4></h4>
            </div> 
            <ul class="nav-links">
            <li>
                <li> <a class="nav-links" href="./random.html">
random</a></li>
                <li> <a class="nav-links" href="./random.html"></a>random</li>
                <li> <a class="nav-links" href="./random.html"></a>random</li>
                <li> <a class="nav-links" href="./random.html"></a>random<li>
                </ul>
            </nav>
        
    <section class="classes">
    <div class="img">
        <div class="About">
            <h5>random text</h5>
            <img src="http://placeholder.com/150" alt="">
        </div>
        
        </div>
        </section>
   
    
    
    </body>
    </html>

赞(0）回复(0）举报 2023-04-18

kxeu7u2r2#

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
  <title></title>
</head>
    
<body>
  <nav>
    <div class="logo">
      <h4></h4>
    </div> 
    <ul class="nav-links">
      <li> <a class="nav-links" href="./random.html">
random</a</li>
      <li> <a class="nav-links" href="./random.html"></a>random</li>
      <li> <a class="nav-links" href="./random.html"></a>random</li>
      <li> <a class="nav-links" href="./random.html"></a>random</li>
    </ul>
  </nav>

<section class="classes">
  <div class="img">
    <div class="About">
      <h5>random text</h5>
      <img src="./images/random.jpg" alt="">
    </div>
  </div>
</section>
</body>
</html>

赞(0）回复(0）举报 2023-04-18

zujrkrfu3#

图片<img class="first"src="./images/random.jpg" alt="">首先出现在你的身体里。因为没有样式，所以它出现在你的页面的头部是正常的。
另外，图像是行内元素，你应该把它们放在一个像段落一样的块元素中。

赞(0）回复(0）举报 2023-04-18