XML Header Tag

WML e разновидност на XML, направен за работа с мобилни апарати. Всички WAP страници ТРЯБВА да започват със следния код :

 CODE

1 2 3 4 5 6 7 8 9 10 11

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> Следва кода на страницата : <wml> <card id="entry" title="It-Place.net"> <p> <!-- tekst--> </p> </card> </wml>

Скелетът на картата

Страниците във wml се наричат карти. Тук е показан основният скелет на картата. Отварящите тагове за файла и картата са задължителни, както и двата реда код в header областта. Стойността на параметъра title се изписва в горната част на дисплея.


CODE

1 2 3 4 5 6 7 8 9

<?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="It-Place.net"> <!-- tekst--> </card> </wml>

Дефиниране на параграф

Във wml дефинирането на параграфи е задължително. Ако пропуснете тага и се опитате да изпишете текст на дисплея ще получите съобщение за грешка. Параграфът се отваря и затваря. Съдържанието на параграфа може да се изравни наляво, надясно или в центъра. По подразбиране се използва ляво изравняване.

CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="paragraph" title="It-Place.net"> <do type="prev" label="Back"> <prev/> </do> <p align="center"> изравняване по центъра </p> <p> ляво изравняване </p> <p align="right"> дясно изравняване </p> </card> </wml>

Големина на текста

Големината на шрифта зависи от мобилното устройство, което се използва. Вие имате възможност да променяте големината с едно ниво нагоре и надолу. Това става с таговете <big> - </big> и <small> - </small>.

CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="textsize" title="It-Place.net"> <do type="prev" label="Back"> <prev/> </do> <p align="center"> <small>това е малък текст</small> <br/> това е нормален текст <br/> <big>този текст е голям</big> <br/> </p> </card> </wml>

Наблягане на текст

Ако искате част от текста ви да изпъква и да е уголемен, имате няколко възможности за това:
Да наблегнете на него с <em>.
Да го дебелите със <strong> или <b>.
Можете да наклоните шрифта с <i>.

Някои от телефоните, обаче, няма да реагират на <b> и <i>. За по-сигурно използвайте другите два. Най-подходящ е <em>, защото мобилното устройство ще реши само как да наблегне на текста най-добре според собствените си възможности. Използвайте тестовата страница с различни телефони или емулатори, за да видите как различните модели реагират на този таг.

CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="emph" title="It-Place.net"> <p align="center"> това е обикновен текст <br/> <b>този текст е bold</b> <br/> <em>на този текст е наблегнато</em> <br/> <strong>този текст е strong</strong> </p> </card> </wml>

Подчертаване на текст

Подчертаването на текст във wml става с таговете <u> - </u>

 CODE

1 2 3 4 5 6 7 8 9 10 11

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="underline" title="It-Place.net"> <p align="center"> това е нормален текст <br/> <u>това е подчертан текст</u> </p> </card> </wml>

 Таблици

Болшинството телефони няма изобщо да изобразят линиите на таблицата, така че потребителят няма и да разбере, че гледа таблица. В повечето случаи ще се получи малък хаос на дисплея. Освен това, различните устройства имат различна големина на дисплея си, така че никога не можете да сте сигурни колко точно полета можете да съберете там.
Когато дефинирате таблица можете да укажете колко полета да има тя в хоризонтално направление. Таблицата ще бъде толкова широка, колкото да събере необходимата информация. Вие не можете да контролирате това.
Таблицата се отваря с <table> и затваря се с </table>. Отделните полета се определят с <td> и <tr>. Клетките се дефинират една по една, независимо една от друга. Проучете примерния код внимателно. Тествайте страницата с различни модели устройства или емулатори, за да видите резултата.

CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="tablica" title="It-Place.net"> <p align="center"> <!-- таблица с три колони --> <table columns="3"> <!-- това е първата редица--> <tr> <!-- това е първата клеткаl --> <td>cell 1</td> <!-- това е втората клетка --> <td>cell2</td> <!-- това е третата клетка --> <td>cell3</td> <!-- затваряне на редицата с </tr> тага--> </tr> <!-- това е втората редица в случая с празна втора клетка --> <tr> <td>cell1</td><td></td><td>cell3</td> </tr> <!-- и затваряме таблицата--> </table> </p> </card> </wml>