Блог

Главная - Вопросы по программированию - Не удается прокрутить до начала каждого заголовка

Не удается прокрутить до начала каждого заголовка

#html

#HTML

Вопрос:

Запуск Я запускаю свою HTML-страницу, ссылка не может быть прокручена до заголовка конкретной ссылки. Кто-нибудь может помочь решить эту проблему.——————————————————————-

 <html>
<head>
<style>   </style>
    
</head>
    
<body>

Это ссылки, когда я нажимаю на них, они не приводят меня к каждому заголовку. Это потому, что на самой странице не было места для прокрутки до самого низа?

  <h2 style="padding:10px">Part 2:Hello World program in different languages</h2>
        <ul>
            <li><a href="#C  ">C  </a></li>
            <li><a href="#C">C#</a></li>
            <li><a href="#Python">Python</a></li>
            <li><a href="#HTML">HTML</a></li>
        </ul>
    <hr/>
        
    <table >
    <b id="C  " style="padding:10px">C  </b>
    <tr>
        <td><img src="logoCPP.png" width="200" height="130" alt="logo of C  "></td>
        <td><pre>
 #include amp;<iostreamamp;>
            
 void main( ){
        cout amp;<amp;< "Hello World!" amp;<amp;< end1;
 }
    </pre></td>
    </tr>
    </table>
    <hr/>
    <table>
    <b id="C" style="padding:10px">C#</b>
    <tr>
        <td><img src="CS.png" width="190" height="130" alt="logo of C"></td>
        <td><pre>
   using System;
            
   class Program
   {
           static void Main()
           {
                   Console.WriteLine("Hello, World!");
           }
   }
        </pre></td>
    </tr>
    </table>
    
    <hr/>
    <table>
        
    <b id="Python" style="padding:10px">Python</b>
        <tr>
            <td><img src="python-logo.png" width="211" height="71" alt="logo of Python"></td>
            <td><pre>
 # Hello World program in Python
                        
 print("Hello World!")</pre></td> 
        </tr>
        </table>
    
    <hr/>
    <table>
    <b id="HTML" style="padding:10px">HTML</b>
    <tr>
        <td><img src="logo-html.jpg" width="200" height="100" alt="logo of HTML"></td>
        <td><pre>
    amp;<htmlamp;>
    amp;<headamp;>    
    amp;<titleamp;>Helloamp;</titleamp;>
    amp;</headamp;>
    amp;<bodyamp;>
    Hello World!
    amp;<bodyamp;>
    amp;</htmlamp;>
        </pre></td>
    </tr>
    </table>

    
</body>
</html>

Ответ №1:

Вам нужно создать / добавить некоторое содержимое под привязкой Html …. я указал это в ther…проверьте

 <!DOCTYPE html>
<html >
<head>
    
</head>
<style>

</style>
<body>







                <h2 style="padding:10px">Part 2:Hello World program in different languages</h2>
                <ul>
                    <li><a href="#C  ">C  </a></li>
                    <li><a href="#C">C#</a></li>
                    <li><a href="#Python">Python</a></li>
                    <li><a href="#HTML">HTML</a></li>
                </ul>
            <hr/>
                
            <table >
            <b id="C  " style="padding:10px">C  </b>
            <tr>
                <td><img src="logoCPP.png" width="200" height="130" alt="logo of C  "></td>
                <td><pre>
         #include amp;<iostreamamp;>
                    
         void main( ){
                cout amp;<amp;< "Hello World!" amp;<amp;< end1;
         }
            </pre></td>
            </tr>
            </table>
            <hr/>
            <table>
            <b id="C" style="padding:10px">C#</b>
            <tr>
                <td><img src="CS.png" width="190" height="130" alt="logo of C"></td>
                <td><pre>
           using System;
                    
           class Program
           {
                   static void Main()
                   {
                           Console.WriteLine("Hello, World!");
                   }
           }
                </pre></td>
            </tr>
            </table>
            
            <hr/>
            <table>
                
            <b id="Python" style="padding:10px">Python</b>
                <tr>
                    <td><img src="python-logo.png" width="211" height="71" alt="logo of Python"></td>
                    <td><pre>
         # Hello World program in Python
                                
         print("Hello World!")</pre></td> 
                </tr>
                </table>
            
            <hr/>
            <table>
            <b id="HTML" style="padding:10px">HTML</b>
            <tr>
                <td><img src="logo-html.jpg" width="200" height="100" alt="logo of HTML"></td>
                <td><pre>
            amp;<htmlamp;>
            amp;<headamp;>    
            amp;<titleamp;>Helloamp;</titleamp;>
            amp;</headamp;>
            amp;<bodyamp;>
            Hello World!
            amp;<bodyamp;>
            amp;</htmlamp;>
                </pre></td>
            </tr>
            </table>

            <div style="height: 600px;"><p>amp;it;Add some contents here to work anchore links amp;> </p></div>
        
            
        
        






    <!-----Bootstrap--> <!---this is importent--->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"></script>
<!---this is importent--->
    
</body>
</html>

Ваш вопрос: это потому, что на самой странице не было места для прокрутки до самого низа?

Ответ: Да, это проблема, если внизу нет свободного места, веб-сайт не может прокручиваться вниз. вот почему, когда вы нажимаете на ссылку, она не может отображать заголовок с помощью прокрутки. это реальная проблема.