{"id":236,"date":"2007-09-18T00:00:00","date_gmt":"2007-09-18T00:00:00","guid":{"rendered":"http:\/\/www.strongd.net\/?p=236"},"modified":"2007-09-18T00:00:00","modified_gmt":"2007-09-18T00:00:00","slug":"XHTML MP Lists","status":"publish","type":"post","link":"https:\/\/www.strongd.net\/?p=236","title":{"rendered":"XHTML MP Lists"},"content":{"rendered":"<p><P><FONT class=mainText>The &lt;ul&gt;, &lt;ol&gt; and &lt;li&gt; elements are used to create lists in XHTML MP.<\/FONT><\/P><br \/><P><FONT class=mainText>To create an unordered list, use the &lt;ul&gt; element. Each list item in an unordered list begins with a bullet. The &lt;li&gt;&lt;\/li&gt; tags are used to enclose every list item. This XHTML MP example demonstrates how to create an unordered list:<\/FONT><\/P><br \/><DIV><br \/><P><FONT class=codeText color=#0080ff>&lt;?xml version=&#8221;1.0&#8243;?&gt;<BR>&lt;!DOCTYPE html PUBLIC &#8220;-\/\/WAPFORUM\/\/DTD XHTML Mobile 1.0\/\/EN&#8221; &#8220;http:\/\/www.wapforum.org\/DTD\/xhtml-mobile10.dtd&#8221;&gt;<BR><BR>&lt;html xmlns=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;&gt;<BR>&nbsp;&nbsp;&lt;head&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;XHTML MP Tutorial&lt;\/title&gt;<BR>&nbsp;&nbsp;&lt;\/head&gt;<BR><BR>&nbsp;&nbsp;&lt;body&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Table of Contents:&lt;\/p&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Part 1 XHTML MP Introduction&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Part 2 Development of Wireless Markup Languages&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Part 3 Advantages of XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Part 4 WML Features Lost in XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/ul&gt;<BR>&nbsp;&nbsp;&lt;\/body&gt;<BR>&lt;\/html&gt;<\/FONT><\/P><br \/><TABLE cellSpacing=0 cellPadding=4 width=\"100%\" border=0><br \/><COLGROUP><br \/><COL width=128><br \/><COL width=128><br \/><THEAD><br \/><TR vAlign=top><br \/><TD width=\"50%\"><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_mdbb4f9e.png\" width=130 align=left border=0 name=image22><BR clear=left><BR><BR><\/P><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_2f445d5f.png\" width=130 align=left border=0 name=image23><BR clear=left><FONT class=mainText>Sony Ericsson T610<\/FONT><\/P><\/TD><br \/><TD width=\"50%\"><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_m6d2fd408.png\" width=134 align=left border=0 name=image24><BR clear=left><BR><BR><\/P><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_5e0a3346.png\" width=134 align=left border=0 name=image25><BR clear=left><FONT class=mainText>Nokia Mobile Browser 4.0<\/FONT><\/P><\/TD><\/TR><\/THEAD><br \/><TBODY><\/TBODY><\/TABLE><br \/><P><BR><\/P><br \/><P><FONT class=mainText>To create an ordered list, use the &lt;ol&gt; element. An ordered list has list numbering. List items are enclosed within &lt;li&gt;&lt;\/li&gt; tags. The following XHTML MP example demonstrates how to create an ordered list.<\/FONT><\/P><FONT color=#0080ff><br \/><P><FONT class=codeText>&lt;?xml version=&#8221;1.0&#8243;?&gt;<BR>&lt;!DOCTYPE html PUBLIC &#8220;-\/\/WAPFORUM\/\/DTD XHTML Mobile 1.0\/\/EN&#8221; &#8220;http:\/\/www.wapforum.org\/DTD\/xhtml-mobile10.dtd&#8221;&gt;<BR><BR>&lt;html xmlns=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;&gt;<BR>&nbsp;&nbsp;&lt;head&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;XHTML MP Tutorial&lt;\/title&gt;<BR>&nbsp;&nbsp;&lt;\/head&gt;<BR><BR>&nbsp;&nbsp;&lt;body&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Table of Contents:&lt;\/p&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;ol&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;XHTML MP Introduction&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Development of Wireless Markup Languages&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Advantages of XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;WML Features Lost in XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/ol&gt;<BR>&nbsp;&nbsp;&lt;\/body&gt;<BR>&lt;\/html&gt;<\/FONT><\/P><br \/><P><BR><\/P><br \/><P><br \/><TABLE cellSpacing=0 cellPadding=4 width=\"100%\" border=0><br \/><COLGROUP><br \/><COL width=128><br \/><COL width=128><br \/><THEAD><br \/><TR vAlign=top><br \/><TD width=\"50%\"><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_33f220c9.png\" width=130 align=left border=0 name=image26><BR clear=left><BR><BR><\/P><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_7901450f.png\" width=130 align=left border=0 name=image27><BR clear=left><FONT class=mainText>Sony Ericsson T610<\/FONT><\/P><\/TD><br \/><TD width=\"50%\"><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_ed81e63.png\" width=134 align=left border=0 name=image28><BR clear=left><BR><BR><\/P><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_428f470.png\" width=134 align=left border=0 name=image29><BR clear=left><FONT class=mainText>Nokia Mobile Browser 4.0<\/FONT><\/P><\/TD><\/TR><\/THEAD><br \/><TBODY><\/TBODY><\/TABLE><\/P><br \/><P><BR><\/P><br \/><P><FONT class=mainText color=#000000>You can make use of the <I>start<\/I> attribute of the &lt;ol&gt; element to specify the starting number of the sequence, like this:<\/FONT><\/P><br \/><P><FONT class=codeText>&lt;?xml version=&#8221;1.0&#8243;?&gt;<BR>&lt;!DOCTYPE html PUBLIC &#8220;-\/\/WAPFORUM\/\/DTD XHTML Mobile 1.0\/\/EN&#8221; &#8220;http:\/\/www.wapforum.org\/DTD\/xhtml-mobile10.dtd&#8221;&gt;<BR><BR>&lt;html xmlns=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;&gt;<BR>&nbsp;&nbsp;&lt;head&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;XHTML MP Tutorial&lt;\/title&gt;<BR>&nbsp;&nbsp;&lt;\/head&gt;<BR><BR>&nbsp;&nbsp;&lt;body&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Table of Contents:&lt;\/p&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;ol <B>start=&#8221;4&#8243;<\/B>&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;XHTML MP Introduction&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Development of Wireless Markup Languages&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;Advantages of XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;WML Features Lost in XHTML MP&lt;\/li&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/ol&gt;<BR>&nbsp;&nbsp;&lt;\/body&gt;<BR>&lt;\/html&gt;<\/FONT><\/P><br \/><P><BR><\/P><br \/><P><FONT class=mainText color=#000000>The result of the above XHTML MP example in some WAP browsers is shown below:<\/FONT><\/P><br \/><P><br \/><TABLE cellSpacing=0 cellPadding=4 width=\"100%\" border=0><br \/><COLGROUP><br \/><COL width=128><br \/><COL width=128><br \/><THEAD><br \/><TR vAlign=top><br \/><TD width=\"50%\"><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_1c66c21c.png\" width=130 align=left border=0 name=image30><BR clear=left><BR><BR><\/P><br \/><P><IMG height=162 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_71294729.png\" width=130 align=left border=0 name=image31><BR clear=left><FONT class=mainText>Sony Ericsson T610<\/FONT><\/P><\/TD><br \/><TD width=\"50%\"><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_mcd8cfe6.png\" width=134 align=left border=0 name=image32><BR clear=left><BR><BR><\/P><br \/><P><IMG height=166 src=\"http:\/\/www.developershome.com\/wap\/xhtmlmp\/xhtml_mp_tutorial_html_49f1294e.png\" width=134 align=left border=0 name=image33><BR clear=left><FONT class=mainText>Nokia Mobile Browser 4.0<\/FONT><\/P><\/TD><\/TR><\/THEAD><br \/><TBODY><\/TBODY><\/TABLE><\/P><br \/><P><FONT class=mainText color=#000000>With WAP CSS, you can have more precise control over the outlook of a list. For example, you can control the bullet shape of unordered lists and the list numbering of ordered lists (for example, changing the list numbering from &#8220;1, 2, 3&#8230;&#8221; to &#8220;i, ii, iii&#8230;&#8221;).<\/FONT><\/P><\/FONT><\/DIV><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The &lt;ul&gt;, &lt;ol&gt; and &lt;li&gt; elements are used to create lists in XHTML MP.To create an unordered list, use the &lt;ul&gt; element. Each list item in an unordered list begins with a bullet. The &lt;li&gt;&lt;\/li&gt; tags are used to enclose every list item. This XHTML MP example demonstrates how to create an unordered list:&lt;?xml version=&#8221;1.0&#8243;?&gt;&lt;!DOCTYPE &hellip; <a href=\"https:\/\/www.strongd.net\/?p=236\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">XHTML MP Lists<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-236","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.strongd.net\/index.php?rest_route=\/wp\/v2\/posts\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strongd.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strongd.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strongd.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strongd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=236"}],"version-history":[{"count":0,"href":"https:\/\/www.strongd.net\/index.php?rest_route=\/wp\/v2\/posts\/236\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.strongd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strongd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strongd.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}