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