Page 17 - Informatyka na czasie ZP1
P. 17

11. Tworzenie stron internetowych


           11.3. Podstawowe znaczniki języka HTML

           Wiesz już, że część BODY odpowiada za wyświetlanie treści na stro­
           nie. Poznasz teraz znaczniki, które służą do tworzenia treści i budowa­
           nia powiązań między różnymi stronami.

           Nagłówek
           W  języku HTML przewidziano 6 stopni                            Warto wiedzieć
           nagłówków, oznaczanych znacznikami od                         Nazwa znaczników od
           <h1> do <h6>. Im niższy numer nagłówka,                       <h1> do <h6> pochodzi od
           tym większą czcionką zapisany jest jego                       angielskiego słowa heading,
                                                                         które oznacza nagłówek.
           tekst.                                                        Liczba reprezentuje stopień
             Tekst wyświetlany w  formie nagłówka                        nagłówka.
           powinien się zawierać między znacznikiem
           otwierającym a zamykającym. Kod wypisu­
           jący kolejne nagłówki widoczne na rysun­
           ku 11.4 ma postać:
           1.  <h1>Nagłówek 1</h1>
           2.  <h2>Nagłówek 2</h2>
           3.  <h3>Nagłówek 3</h3>
           4.  <h4>Nagłówek 4</h4>
           5.  <h5>Nagłówek 5</h5>                 Rys. 11.4. Nagłówki
           6.  <h6>Nagłówek 6</h6>                 od 1. do 6. stopnia

           Akapit
           Aby umieścić na stronie tekst i podzielić go na akapity, używamy znacz­    Warto wiedzieć
           nika <p>. Tekst powinien się znaleźć między znacznikami <p> i </p>.    Nazwa znacznika <p>
           Oto kod wyświetlający dwa zdania w dwóch odrębnych wierszach:  pochodzi od angielskiego
           1.  <p> Klasa 1 uczestniczyła w pokazie akrobatycznym.</p>    słowa paragraph, które
           2.  <p> Grupa prezentująca swój występ składała się           oznacza akapit (paragraf).
               z 12 akrobatów.</p>

             Ćwiczenie 3
             Utwórz stronę restauracja.html i w części BODY wprowadź menu
             wybranej restauracji. Wykorzystaj nagłówki odpowiedniego stopnia
             do opisu kategorii dań oraz znaczniki <p> do zapisania kolejnych
             potraw z karty.


             Nie wszystkie znaczniki występują w parach (początkowy – otwiera­
           jący i końcowy – zamykający). Podstawowym znacznikiem występują­
           cym pojedynczo jest znacznik pozwalający przełamać tekst (przenieść    Warto wiedzieć
           go do nowej linii): <br>. Znaczniki tego typu nazywamy pustymi. Jeden   Nazwa znacznika <br>
           z takich znaczników – <meta> – wykorzystywaliśmy już przy tworze­  pochodzi od angielskiego
           niu podstawowej struktury strony internetowej.                wyrażenia break line, które
                                                                         oznacza złamanie wiersza
                                                                         i przejście do kolejnej linii.

                                                                                         173
   12   13   14   15   16   17   18   19   20   21   22