Przy użyciu jakiego znacznika HTML otrzymamy tekst napisany czcionką o stałej szerokości znaku, który uwzględnia dodatkowe spacje, tabulacje i znaki końca linii?

 jest tutaj właściwym wyborem, ponieważ w HTML oznacza tekst preformatowany, czyli taki, w którym przeglądarka zachowuje układ zapisany w kodzie źródłowym. Chodzi głównie o dodatkowe spacje, tabulacje oraz znaki końca linii. Normalnie HTML zwija wiele spacji do jednej i ignoruje zwykłe przełamania wierszy, ale wewnątrz 
 ten mechanizm działa inaczej. Dodatkowo przeglądarki domyślnie wyświetlają zawartość 
 czcionką o stałej szerokości znaku, czyli monospace, co jest bardzo wygodne przy pokazywaniu kodu, logów, schematów tekstowych albo danych wyrównanych kolumnami. W praktyce często stosuje się zapis 
...
, bo 
 odpowiada za zachowanie formatowania, a  semantycznie mówi, że treść jest fragmentem kodu programu. Moim zdaniem to jedna z tych rzeczy w HTML, którą warto dobrze zapamiętać, bo przy dokumentacji technicznej albo prezentowaniu przykładów kodu od razu widać różnicę. Zgodnie z dobrą praktyką nie używa się 
 tylko do robienia odstępów w zwykłym tekście strony, bo od układu wizualnego jest CSS, na przykład margin, padding czy white-space.
          
          

            
W tym pytaniu łatwo pomylić kilka znaczników, bo część z nich też może kojarzyć się z tekstem specjalnym albo wyróżnionym. Trzeba jednak rozdzielić dwie sprawy: semantykę znacznika oraz sposób renderowania białych znaków przez przeglądarkę. Znacznik  służy do oznaczania treści dodanej do dokumentu, na przykład w artykułach, regulaminach albo porównaniach wersji tekstu. Przeglądarka często pokazuje go jako podkreślony tekst, ale nie oznacza on tekstu preformatowanego i nie zachowuje automatycznie tabulatorów czy wielu spacji. To zupełnie inny sens HTML-a. Znacznik  jest bliżej tematu, bo oznacza fragment kodu komputerowego i zwykle jest wyświetlany fontem monospace. Jednak sam  nie zachowuje układu białych znaków tak jak 
. Jeśli wpiszesz w nim kilka spacji albo przejście do nowej linii, przeglądarka standardowo potraktuje je podobnie jak w zwykłym tekście. Dlatego w dokumentacji bardzo często łączy się 
 z , a nie zastępuje jedno drugim. Z kolei 
 służy do oznaczania dłuższego cytatu z innego źródła. Może mieć wcięcie lub osobny wygląd nadany przez style CSS, ale nie ma związku z zachowywaniem tabulacji, końców linii i dodatkowych spacji. Typowy błąd myślowy polega na patrzeniu tylko na wygląd w przeglądarce, a nie na znaczenie elementu. W HTML dobra praktyka jest taka: wybieramy znacznik zgodnie z przeznaczeniem, a wygląd dopracowujemy CSS-em. Jeśli potrzebujesz pokazać tekst dokładnie w takim układzie, jak został zapisany, właściwym elementem jest 
.
          
        
      
    

    
    
    
    
    

    
    

    
    
      
    

    
    

    
    
  

  
  

    

      
Wymagane logowanie
      
Ocenianie trudności pytań jest dostępne tylko dla zalogowanych użytkowników. Zaloguj się, aby skorzystać z pełni możliwości platformy.
      
Twoja ocena pomoże innym uczniom w przygotowaniu do egzaminu, a Tobie pozwoli na dostęp do spersonalizowanych statystyk.
    
    

      Zamknij
      Zaloguj się
    
  

  
  

    

      
      

        
Zgłoś błąd w pytaniu
        
Rozwiń sekcję i zmień pole, którego dotyczy błąd. Wyślemy tylko zmienione sekcje.

        

          

            
 Błędna kwalifikacja
            

              Wybierz prawidłową kwalifikację:
              
                Wybierz kwalifikację...
                
              
            
          

          

            
 Błąd w treści pytania
            

              Podaj prawidłową treść pytania:
              Przy użyciu jakiego znacznika HTML otrzymamy tekst napisany czcionką o stałej szerokości znaku, który uwzględnia dodatkowe spacje, tabulacje i znaki końca linii?
            
          

          

            
 Błąd w treści odpowiedzi
            

              
                

                   Poprawna
                  Odpowiedź A:
                  <pre class="code-block"><span class="code-text">&lt;</span><span class="code-keyword">blockquote</span><span class="code-text">&gt;</span> <span class="code-text">.</span><span class="code-text">.</span><span class="code-text">.</span> <span class="code-text">&lt;</span><span class="code-text">/</span><span class="code-keyword">blockquote</span><span class="code-text">&gt;</span></pre>
                
              
                

                   Poprawna
                  Odpowiedź B (obecnie poprawna):
                  <pre class="code-block"><span class="code-text">&lt;</span><span class="code-keyword">pre</span><span class="code-text">&gt;</span> <span class="code-text">.</span><span class="code-text">.</span><span class="code-text">.</span> <span class="code-text">&lt;</span><span class="code-text">/</span><span class="code-keyword">pre</span><span class="code-text">&gt;</span></pre>
                
              
                

                   Poprawna
                  Odpowiedź C:
                  <pre class="code-block"><span class="code-text">&lt;</span><span class="code-keyword">code</span><span class="code-text">&gt;</span> <span class="code-text">.</span><span class="code-text">.</span><span class="code-text">.</span> <span class="code-text">&lt;</span><span class="code-text">/</span><span class="code-keyword">code</span><span class="code-text">&gt;</span></pre>
                
              
                

                   Poprawna
                  Odpowiedź D:
                  <pre class="code-block"><span class="code-text">&lt;</span><span class="code-keyword">ins</span><span class="code-text">&gt;</span> <span class="code-text">.</span><span class="code-text">.</span><span class="code-text">.</span> <span class="code-text">&lt;</span><span class="code-text">/</span><span class="code-keyword">ins</span><span class="code-text">&gt;</span></pre>
                
              
            
          

          

            
 Błąd w obrazie
            

              Opisz problem z obrazem:
              
            
          

          

            
 Dane kontaktowe (opcjonalnie)
            

              Email:
              
              Podaj email, jeśli chcesz otrzymać informację o rozpatrzeniu zgłoszenia.
              Dodatkowe uwagi:
              
            
          
        
      
      

        Anuluj
         Wyślij zgłoszenie
      
    
  

      
    

    
    

    
    

      
      
      

        

          

            A−
            A+
          
          

            
            
            
            
            
            
            
          
        
        
        
      

      
      

        
        Używamy plików cookies do analizy ruchu i poprawy działania.
          Szczegóły
        
          Akceptuję
          Odrzuć