آموزش طراحی وب سایت | قسمت چهارم

سلام. به چهارمین قسمت از سری آموزش های طراحی وب سایت خوش آمدید. اگه قسمتقبل رو ندیدین میتونید اینجا کلیک کنید و قسمت قبل رو مشاهده کنید. تو این قسمت به جداول و فهرست ها پرداخته شده. بصورت کلی فهرست ها دو نوع هستند. شمارشی و غیر شمارشی. در لیست های غیرشمارشی کنار هر آیتم یک بولت قرار می گیره که شما نوع اون رو می تونید تعیین کنید که دایره باشه یا مربع. به این نوع از لیست ها غیر ترتیبی هم گفته می شه. و اما لیست های شمارشی. لیست های شمارسی رو میشه با عدد یا حروف کوچک یا بزرگ انگلیسی و… مشخص نمود.

<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <head>
    <meta charset="utf-8">
    <title>جداول و فهرست ها</title>
  </head>
  <body>
    
<h1>جداول و فهرست ها</h1>

    
<table border="1">
      
<caption>فهرست اسامی برندگان قرعه کشی</caption>

      
<thead>
        
<th>نام</th>

        
<th>نام خانوادگی</th>

        
<th>شماره تماس</th>

      </thead>

      
<tbody>
        
<tr>
          
<td>ادریس</td>

          
<td>رنجبر</td>

          
<td>09215403947</td>

        </tr>

        
<tr>
          
<td>محمد</td>

          
<td>احمدی</td>

          
<td>09171270000</td>

        </tr>


      </tbody>

    </table>

    
    
<table border="1">
      
<caption>فهرست اطلاعات تماس</caption>

      
<thead>
        
<th>شماره تماس</th>

        
<th>ایمیل</th>

      </thead>

      
<tr>
        
<td>09215403947</td>

        
<td>edris.qeshm2@gmail.com</td>

      </tr>

    </table>

    
    
<h1>لیست کار ها</h1>

    
<ul type="square">
      
<li>کلاس درس</li>

      
<li>رفتن به خانه</li>

      
<li>فوتبال</li>

    </ul>

    
<h2>لیست کارهای صبح</h2>

    
<ol type="A">
      
<li>خوردن صبحانه</li>

      
<li>مطالعه کتب درسی</li>

      
<li>رفتن به مدرسه</li>

    </ol>

  </body>
</html>

گیت هاب: github.com/edrisranjbar
اینستاگرام: instagram.com/edris.qeshm2


پاسخی بگذارید

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