no-img
ایستگاه یادگیری

آموزش ساخت لیست به کمک HTML


ایستگاه یادگیری
مطالب ویژه‌ی سایت
اطلاعیه های سایت :

ادامه مطلب

ZIP
آموزش ساخت لیست به کمک HTML
zip
آبان ۲۱, ۱۳۹۴

آموزش ساخت لیست به کمک HTML


بنده مهدی کفشگر و با آموزش آموزش ساخت لیست به کمک HTML در خدمت شما هستم.

حتما شما هم در هنگام طراحی وب سایت خود به کمک html و CSS خواسته اید که یک لیست به صورت زیر ارسال کنید.ساخت لیست به کمک HTML بسیار ساده بوده به کمک دو تگ <ol> و <li> امکان پذیر میباشد.

در ادامه، به معرفی این دو تگ و در نهایت ساخت یک لیست بسیار ساده میپردازیم.

در ابتدا، باید یک تگ <ol> را باز کنیم.در میان این تگ، باید تگ <li> هم وجود داشته باشد.کد به صورت زیر میباشد :

<ol>
<li>ستون اول</li>
<li>ستون دوم</li>
<li>ستون سوم</li>
</ol>

میبینید که میان تگ <ol>، تگ <li> را هم درج نموده ایم.در واقع تگ <li> برای اضافه کردن یک ستون جدید به لیست میباشد.همونطور که مشخصه در کد بالا ما سه ستون داریم چرا که سه بار تگ <li> را وارد نموده ایم.

متن میان دو تگ <li> و </li> متن ستون میباشد.یعنی متن ستون اول، One میباشد.برای اضافه کردن ستون های دیگر به لیست، میباست دوباره یک تگ باز و بسته <li> را بنویسیم و به هر جایی که دوست داشتیم، در میان دو تگ <ol> و </ol> بزاریم.

کد بالا به صورت زیر تشکلی میشود و نتیجه نهایی به صورت زیر است :

  1. ستون اول
  2. ستون دوم
  3. ستون سوم

 

امیدواریم این آموزش بسیار ساده برای شما کمی مفید واقع شده باشد.لطفا آموزش های درخواستی خود را در اینجا بیان کنید.

مشکلات خود را در نظرات بیان کنید (:

آموزش ساخت لیست به کمک HTML



موضوعات :
HTML , مباحث تحت وب

درباره نویسنده

مهدی کفشگر

بنده مهدی کفشگر، مدیر سایت ایستگاه یادگیری هستم.از اولش علاقه بسیاری به بازی سازی، برنامه نویسی و وبلاگ نویسی داشتم.خیلی دوست دارم تا پایان عمرم، در این راه روز به روز پیشرفت کنم.

مهدی کفشگر 272 نوشته در ایستگاه یادگیری دارد . مشاهده تمام نوشته های

دیدگاه ها


پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سایت جدید ایستگاه یادگیری تاسیس شد..! (پشتیبانی از محصولات ادامه دارد)ورود به سایت