در آموزش سوم طراحی سایت آموختیم که چگونه از تگ های <p> و ترکیب <a>,<br> استفاده کنیم و لیستی مانند تصویر زیر داشته باشیم. اگر لیست فوق حاوی اطلاعات 1000 شخص باشد که نیاز داشته باشیم در برخی ردیف ها اطلاعاتی را کم یا زیاد کنیم. در یک لیست 1000تایی کاری وشتناک و به مراتب زمانبر و غیر حرفه ای خواهد بود. استفاده از دو لیست نرم افزار ورد یعنی Numbering list و Bullets list را به یاد آورید. تا چه اندازه در استفاده از این دو لیست هنگام کار با ورد ساده و راحت می شود و به صورت اتوماتیکوار می توانید از هردو ویژگی لیست سازی به صورت مرتب و نامرتب استفاده کنید. در این بخش از طراحی سایت، تگ هایی معرفی می شوند که به صورت اتوماتیکوار در ساخت لیست های مرتب و نامرتب در HTML به کار می روند.
لیست های مرتب و نامرتب با تگ های <ol>,<ul>,<li> تعریف می شوند.
تگ های <ol>,<li> لیست مرتب معادل Numbering list ایجاد می کند و تگ های <ul>,<li> لیست نامرتب معادل Bullets list ایجاد می کند. دو لیست مرتب و نامرتب برای اسامی تصویر بالا ایجاد می کنیم.
فرض کنید این لیست حاوی 1000 نفر باشد که قرار است نفر 223 حذف شود برای این کار کافی است <li>name223</li> پاک شود و اگر قرار باشد