WML/Formatowanie
Najprościej będzie jak zaczniemy naszą naukę od stworzenia swojej pierwszej strony. W tym celu w swoim edytorze stwórz nowy plik i przepisz lub skopiuj kod przedstawiony poniżej:
Struktura dokumentu
[edytuj]<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card title="tytul strony">
<p><!-- Tutaj rozpoczyna sie tresc karty -->
Tutaj rozpoczyna sie tresc tekstu (ktora musi byc w znacznikach p!)
</p>
</card>
</wml>
Jeśli znasz HTML, zrozumienie kodu powyżej nie będzie problemem. Jeśli nie, śpieszymy z wyjaśnieniami:
Deklaracja typu dokumentu
[edytuj]czyli:
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
To bardzo ważna linijka, nie usuwajmy jej.
Pozostałe
[edytuj]- w miejscu znaczników <card title="Tytuł karty"> wpisujemy odpowiednio tytuł strony jak i karty.
- znaczniki <card></card> odpowiadają za stworzenie nowej karty. Karty mogą przypominać podstrony serwisu, z tym że nie muszą one być powtórnie ściągane.
- Znaczniki <p></p> odpowiadają za akapity i uwaga - za wyświetlanie tekstu. Jeśli pojawi się błąd w znacznikach <p>, strona może zostać w rozsypce lub nawet nie wyświetlić (w HTML nieprawidłowy kod był po prostu pomijany).
Formatowanie tekstu
[edytuj]Zanim będziemy tworzyć nowe karty, zajmiemy się formatowaniem tekstu. Znaczników nie jest zbyt wiele do nauczenia, to zaledwie podstawowe znaczniki, jeśli porównamy je z HTML. Jest jednak znaczna różnica. w WML jest ich mało, ponieważ cała treść mająca się pojawić na wyświetlaczu, 'musi być wpisana pomiędzy znaczniki <p> </p>. Dodatkowa ilość znaczników tylko pogorszyła by sprawę podczas pisania kodu - jeden drobny błąd w znacznikach i strona się nie wyświetla, natomiast tekst napisany po za znacznikami nie zostanie w ogóle wyświetlony.
Jeszcze jedna uwaga: nie wszystkie znaczniki formatowania mogą być identycznie interpretowane przez niektóre telefony.
Nazwa | Kod | Przykład |
---|---|---|
Akapit | - akapit (lub wyrównanie do lewej)
|
zwykły tekst (domyślnie wyrównany do lewej)
|
Podgrubienie | <b> </b>
|
Ten tekst jest podgrubiony |
Kursywa | <i> </i>
|
Ten tekst jest pochylony |
Podkreślenie | <u> </u>
|
Ten tekst jest podkreślony |
Zmniejszony tekst | <small> </small>
|
Ten tekst jest pomniejszony |
Zwiększony tekst | <big> </big>
|
duża czionka |
Koniec linii | <br />
|
To jest jeden wers a tu drugi |
Link do numeru telefonu | <a href="wtai://wp/mc;+48501333222">501-333-222</a>
|
501-333-222 |