@Levidze222

Почему теги HTML, BODY и DIV не закрываются?

<!DOCTYPE html>
<html lang="en" style="--status-bar-height:0px; --top-window-height:0px; --window-left:0px; --window-right:0px; --window-margin:0px; --window-top:calc(var(--top-window-height) + 0px); --window-bottom:0px;">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
        <meta name="description" content="WooCommerce is an open-source e-commerce plugin for WordPress.">
        <meta name="keywords" content="WooCommerce, USDT, roulette,">
        <title>Home</title>
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body class="uni-body pages-index-task">
       <noscript><strong>Please enable JavaScript to continue</strong></noscript>
       <div id="wrapper">
           <header id="header">
            <img src="img/Woo.png" class="logo-img">
           <a href="system.html">
               <img src="img/ring.png" class="ring-img" alt="" style="width: 20px">
           </a>
        <p class="gmt-text">GMT+1</p>
        <p>
            <img src="img/earth.png"class="earth-img" width="30px" height="30px">
        </p>
            </header>
            <br>
            <br>
            <br>
            <main id="main">
                <div class="slider">
      <div class="slides">
        <input type="radio" name="radio-btn" id="radio1">
        <input type="radio" name="radio-btn" id="radio2">
        <input type="radio" name="radio-btn" id="radio3">
        <input type="radio" name="radio-btn" id="radio4">
        <div class="slide first">
          <img src="img/1.jpg" alt="">
        </div>
        <div class="slide">
          <img src="img/2.jpg" alt="">
        </div>
        <div class="slide">
          <img src="img/3.jpg" alt="">
        </div>
        <div class="slide">
          <img src="img/4.jpg" alt="">
        </div>
        <div class="navigation-auto">
          <div class="auto-btn1"></div>
          <div class="auto-btn2"></div>
          <div class="auto-btn3"></div>
          <div class="auto-btn4"></div>
        </div>
      </div>
      <div class="navigation-manual">
      </div>
    </div>
    <script type="text/javascript">
    var counter = 1;
    setInterval(function(){
      document.getElementById('radio' + counter).checked = true;
      counter++;
      if(counter > 4){
        counter = 1;
      }
    }, 5000);
    </script>
        <div class="marquee-infinite">
            <div class="rupor">
                <img src="img/rupor.png" width="35px" height="35px">
            </div>
            <div class="anim-text">
            <marquee behavior="scroll" direction="left">Welcome to our WooCommerce online commerce platform!  Check out the Beginner Tutorial before you get started, and check out our current first deposit promotion. We wish you the best of luck!</marquee>
            </div>
        </div> 
            <br>
        <div id="block-dep">
        <a href="deposit.html">
            <p class="text">
                Deposit
            </p>
        </a>
        </div>
        <div id="block-with">
        <a href="withdraw.html">
            <p class="text">
                Withdraw
            </p>
        </a>
        </div>
        <div class="company-profile">  
            <a href="companyprofile.html">
            <p class="text-block">
                Company Profile
            </p>
            <div class="comp-img" >
                <img src="img/companyprofile.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="promotion-reward">
            <a href="promotionreward.html">
            <p class="text-block">
                Promotion Reward
            </p>
            <div class="prom-img">
                <img src="img/promotionreward.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="beginner-tutorial">
            <a href="beginnertutorial.html">
            <p class="text-block">
                Beginner Tutorial
            </p>
            <div class="beg-img">
                <img src="img/beginnerguide.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="invitation">
            <a href="invitation.html">
            <p class="text-block">
                Invitation
            </p>
            <div class="inv-img">
                <img src="img/invitation.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="vip-events">
            <a href="vip.html">
            <p class="text-block">
                Vip Events
            </p>
            <div class="vip-img">
                <img src="img/vip.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="finance">
            <a href="finance.html">
            <p class="text-block">
                Finance
            </p>
            <div class="fin-img">
                <img src="img/finance.png" width="30px" height="30px" alt="">
            </div>
            </a>
        </div>
        <div class="business">
        <h1>
            <p>Business Hall:</p>
        </h1>
        <div class="ebay">
            <a href="#">
                <div class="ebay-img">
                    <img src="img/ebay.png" width="100px" height="100px" alt="">
                </div>
                    <p class="ebay-text">
                        Level limit: VIP0
                        <br>
                        Amount limit: 5
                        <br>
                        Daily Order: 40
                        <br>
                        Commission rate: 0.3%
                    </p>
                </a>
        </div>
        </div>
            </main>
            <footer id="footer">
                <div class="container">
                <a href="index.html">
                    <img src="img/home.png" width="35px" height="35px"class="home-img">
                </a>
                <a href="team.html">
                    <img src="img/team.png" width="35px" height="35px"class="team-img">
                </a>
                <a href="grab.html">
                    <img src="img/grab.png" width="60px" height="60px"class="grab-img">
                </a>
                <a href="help.html">
                    <img src="img/help.png" width="35px" height="35px"class="help-img">
                </a>
                <a href="my.html">
                    <img src="img/my.png" width="35px" height="35px" class="my-img">
                </a>
                </div>
            </footer>
        </div>
    </body>
</html>
  • Вопрос задан
  • 218 просмотров
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега HTML
frontend developer
В вашем коде несколько ошибок, но они незначительные.
1. Отсутствуют обязательные атрибуты alt у тегов img
2. Устаревший тег marquee
3. ошибочные значения метатегов

Эти ошибки не влияют в общем-то ни на что.

Есть одна более серьезная – внутри H1 расположен P. Так нельзя.

В остальном все правильно.

Уберите параграф внутри заголовка, и, возможно, ваш редактор перестанет капризничать.
Иначе, смените редактор.
Ответ написан
В самом низу страницы - закрытые теги
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы