<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"><script src="../../1.2.3.4/bmi-int-js/bmi.js" language="javascript"></script><head><title>Tryit Editor v1.4</title> <style type="text/css" style="display:none">body{color:#000000;background-color:#ffffff;margin:4px;margin-top:0px;}.maintable{width:100%;background-color:#e5eecc;color:#000000;border:solid #c3c3c3 1px;margin-left:0px;}.code_input,.result_output{border:1px solid #c3c3c3;width:100%;height:400px;background-color:#ffffff;color:#000000;}.toptext{color:#617f10;font-family:verdana;margin-top:0px;margin-bottom:8px;font-size:120%;}.result_header{color:#617f10;margin-bottom:12px;margin-top:0px;font-family:verdana;font-size:90%;}.bottomtext_div{margin-right:3px;}.bottomtext{color:#617f10;font-family:verdana;margin-bottom:0px;margin-top:6px;font-size:90%;} </style> <script type="text/javascript">function displayad() { var t=document.getElementById("pre_code").value; document.getElementById("code").value=t; document.getElementById("adframe").src="../tryitbanner.asp@secid=tryjs&rnd=" + Math.random(); } </script> </head><body><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="center"><iframe id="adframe" style="background-color:#ffffff" height="98" width="960" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" src="../tryitbanner.asp@secid=tryjs&rnd=0.4794886"></iframe></td></tr></table><table border="0" class="maintable" cellpadding="3px" cellspacing="3px"><tr><td width="50%"><form style="margin:0px" action="tryit_view.asp" method="post" target="view"><input style="margin-bottom:5px;font-family:verdana;" name="submit" type="submit" value="Edit and Click Me >>" onclick="displayad()"> <textarea class="code_input" width="100%" height="400px" id="pre_code" wrap="logical"> <html> <head> <style type="text/css"> ul.a {list-style-type:disc;} ul.b {list-style-type:circle;} ul.c {list-style-type:square;} ul.d {list-style-type:none;} ol.e {list-style-type:decimal;} ol.f {list-style-type:decimal-leading-zero;} ol.g {list-style-type:lower-roman;} ol.h {list-style-type:upper-roman;} ol.i {list-style-type:lower-alpha;} ol.j {list-style-type:upper-alpha;} ol.k {list-style-type:lower-greek;} ol.l {list-style-type:lower-latin;} ol.m {list-style-type:upper-latin;} ol.n {list-style-type:armenian;} ol.o {list-style-type:georgian;} </style> </head> <body> <ul class="a"> <li>Disc type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="b"> <li>Circle type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="c"> <li>Square type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="d"> <li>The "none" type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ol class="e"> <li>Decimal type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="f"> <li>Decimal-leading-zero type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="g"> <li>Lower-roman type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="h"> <li>Upper-roman type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="i"> <li>Lower-alpha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="j"> <li>Upper-alpha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="k"> <li>Lower-greek type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="l"> <li>Lower-latin type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="m"> <li>Upper-latin type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="n"> <li>Armenian type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="o"> <li>Georgian type</li> <li>Tea</li> <li>Coca Cola</li> </ol> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself