{"id":7017,"date":"2012-11-10T17:25:51","date_gmt":"2012-11-10T17:25:51","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=7017"},"modified":"2013-01-11T22:31:24","modified_gmt":"2013-01-11T22:31:24","slug":"how-to-create-a-list-using-html","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-create-a-list-using-html\/affordablewebsitestips\/tutorials","title":{"rendered":"How to create a list using HTML"},"content":{"rendered":"

Creating a list using HTML us useful for listing things on your webpage or blog post, whether it be songs, steps in a tutorial, etc. There are two kinds of lists, an 'ordered list'(a list using numbers) and an 'unordered list'(a list using bullets). Below are two examples of lists along with their markup code snippets.<\/p>\n

Ordered List<\/h3>\n
    \n
  1. frogs<\/li>\n
  2. birds<\/li>\n
  3. trees<\/li>\n
  4. rocks<\/li>\n<\/ol>\n
     HTML | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
    1<\/td>
    <\/pre><\/td><\/tr>
    2<\/td>
    <ol<\/span>><\/span><\/pre><\/td><\/tr>
    3<\/td>
    \t<li<\/span>><\/span>frogs<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
    4<\/td>
    \t<li<\/span>><\/span>birds<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
    5<\/td>
    \t<li<\/span>><\/span>trees<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
    6<\/td>
    \t<li<\/span>><\/span>rocks<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
    7<\/td>
    <\/<\/span>ol<\/span>><\/span><\/pre><\/td><\/tr>
    8<\/td>
    <\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n<\/div>\n
    Unordered List<\/h3>\n
      \n
    • \u00a0frogs<\/li>\n
    • birds<\/li>\n
    • trees<\/li>\n
    • rocks<\/li>\n<\/ul>\n
       HTML | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
      1<\/td>
      <\/pre><\/td><\/tr>
      2<\/td>
      <ul<\/span>><\/span><\/pre><\/td><\/tr>
      3<\/td>
      \t<li<\/span>><\/span>\u00a0frogs<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
      4<\/td>
      \t<li<\/span>><\/span>birds<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
      5<\/td>
      \t<li<\/span>><\/span>trees<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
      6<\/td>
      \t<li<\/span>><\/span>rocks<\/<\/span>li<\/span>><\/span><\/pre><\/td><\/tr>
      7<\/td>
      <\/<\/span>ul<\/span>><\/span><\/pre><\/td><\/tr>
      8<\/td>
      <\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
      Note:<\/strong> Copy the list code snippet into your WordPress, Tumblr, Blogger or any web page to generate the list. If you're inserting the code snippets into a CMS like WordPress, Tumblr etc. make sure you have HTML mode selected.<\/p>\n","protected":false},"excerpt":{"rendered":"
      Creating a list using HTML us useful for listing things on your webpage or blog post, whether it be songs, steps in a tutorial, etc. There are two kinds of lists, an ‘ordered list'(a list using numbers) and an ‘unordered list'(a list using bullets). Below are two examples of lists along with their markup code […]<\/p>\n","protected":false},"author":1,"featured_media":5718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,492],"tags":[402,184],"class_list":["post-7017","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-websites-2","tag-html","tag-list"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=7017"}],"version-history":[{"count":3,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7017\/revisions"}],"predecessor-version":[{"id":7019,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7017\/revisions\/7019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/5718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=7017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=7017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=7017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}