حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
همهٔ تمرین‌ها

جدول لیست افراد

تمرین آسان 1876 visibility link download flag

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

امیرحسین تهران 23
هوشنگ تهران 48
لیلا اراک 39
مهدی قم 12
زهرا مازندران 33
حسین همدان 56
👨‍💻 4 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

پاسخ‌ها 19

names['حسین','زهرا','مهدی','لیلا','هوشنگ','امیرحسین']
city=['همدان','مازندران','قم','اراک','تهران','تهران']
sen=[23,48,39,12,33,56]
i=0
while i<len(names):
    print(names[i],sen[i],city[i],end=' ')
    i+=1
    print('')
name=["امیرحسین","هوشنگ","لیلا","مهدی","زهرا","حسین"]
city=["تهران","تهران","اراک","قم","مازندران","همدان"]
age=[23,48,39,12,33,56]
for i in range(len(name)):
    print(name[i],city[i],age[i])
<!DOCTYPE html>
<html lang="fa">
    <head>
        <title> جدول</title>
        <style>
            table{
                background-color: bisque;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
                border: 2px solid #000000;
                padding: 3px;
                border-radius: 10px;
            }
            td{
                background-color: azure;
                border: 1px solid #000000;
                padding: 4px;
                border-radius: 10px; 
                width: 50px;
            }
        </style>
    </head>
    <body>
        <table >
            <tr>
                <th>name</th>
                <th>city</th>
                <th>age</th>
            </tr>
            <tr>
                <td>امیرحسین</td>
                <td>تهران</td>
                <td>23</td>
            </tr>
            <tr>
                <td>هوشنگ</td>
                <td>تهران</td>
                <td>48</td>
            </tr>
            <tr>
                <td>لیلا</td>
                <td>اراک</td>
                <td>39</td>
            </tr>
            <tr>
                <td>مهدی</td>
                <td>قم</td>
                <td>12</td>
            </tr>
            <tr>
                <td>زهرا</td>
                <td>مازندران</td>
                <td>33</td>
            </tr>
            <tr>
                <td>حسین</td>
                <td>همدان</td>
                <td>56</td>
            </tr>
        </table>  
        
    </body>
</html>
*.*.*.*.*.*.*.*.* CSS *.*.*.*.*.*.*.*.*
    <style>
        body {
          background: #171b26;
        }

        div {
          width: 90%;
          background-color: #293143;
          margin: auto;
          border-radius: 10px;  
        }

        table {
            width: 95%;
            border-collapse: collapse;
            margin: 40px auto;
        }
        
        th, td {
            padding: 5px;
            text-align: center;
            border-bottom: 2px solid #232a39;
        }

        tr {
            background: #293143; 
            color: #ffffff;  
        }

        th {
            background-color: #293143;
            color: #fb4b83;
        }

        tr:hover {
            background-color: #343e56;
        }
    </style>

-_-_-_-_-_-_-_ HTML _-_-_-_-_-_-_-_-_
  <div>
    <table>
        <tr>
          <th>سن</th>
          <th>شهر</th>
          <th>نام</th>
        </tr>
        <tr>
          <td>23</td>
          <td>تهران</td>
          <td>امیرحسین</td>
        </tr>
        <tr>
          <td>48</td>
          <td>تهران</td>
          <td>هوشنگ</td>
        </tr>
        <tr>
          <td>39</td>
          <td>اراک</td>
          <td>لیلا</td>
        </tr>
        <tr>
          <td>12</td>
          <td>قم</td>
          <td>مهدی</td>
        </tr>
        <tr>
          <td>33</td>
          <td>مازندران</td>
          <td>زهرا</td>
        </tr>
        <tr>
          <td>56</td>
          <td>همدان</td>
          <td>حسین</td>
        </tr>
    </table>
  </div>
humans = [
    ("AmirHossine", "tehran", 23),
    ("Hooshang", "theran", 48),
    ("lyla", "arak", 39),
    ("mahdi", "goq", 12),
    ("zahra", "mazandaran", 33),
    ("hossine", "hamedane", 56)
]

for human in humans:
    print("They are humans")
    for h in human:
        print(h, end=" ")
<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <table> 
      <tr>
            <th>
               اسم
            </th>
        <th>
        شهر
        </th>
    <th>
سن
    </th>
      </tr>

      <tr>
        <td>امیرحسین</td>
        <td>تهران</td>
        <td>23</td>
      </tr>

      <tr>
        <td>هوشنگ</td>
        <td>تهران</td>
        <td>48</td>
      </tr>

      <tr>
        <td>لیلا</td>
        <td>اراک</td>
        <td>39</td>
      </tr>

      <tr>
        <td>مهدی</td>
        <td>قم</td>
        <td>12</td>
      </tr>

      <tr>
        <td>زهرا</td>
        <td>مازندران</td>
        <td>33</td>
      </tr>

      <tr>
        <td>حسین</td>
        <td>همدان</td>
        <td>56</td>
      </tr>

    </table>
  </body>
</html>

<!DOCTYPE html>
<html>
<head>
    <style>
        table,td,th{
            border: 1px solid #000000;
            padding: 5px;
            border-radius: 20px;
        }
    </style>
</head>
    <body>
        <table style=" border: 1px solid #000000;" >
            <tr>
            <th>esm</th>
            <th>sen</th>
            <th>shahr</th>
        </tr>            
        <tr>
            <td>amir hoseyn</td>
            <td>23</td>
            <td>tehran</td>
        </tr>
        <tr>
            <td>hushang</td>
            <td>48</td>
            <td>tehran</td>
        </tr>
        <tr>
            <td>zahra</td>
            <td>33</td>
            <td>mazandaran</td>
        </tr>
        <tr>
            <td>leyla</td>
            <td>39</td>
            <td>arak</td>
        </tr>
        <tr>
            <td>mahdi</td>
            <td>12</td>
            <td>gom</td>
        </tr>
        <tr>
            <td>hoseyn</td>
            <td>56</td>
            <td>hamedan</td>
        </tr>
        </table>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>لیست افراد</title>
</head>
<body>
    <thead>
        <th>اسم|</th>
        <th>شهر|</th>
        <th>سن</th>
    </thead>
    <tbody>
        <tr>
            <br><td>امیرحسین|</td>
            <td>تهران|</td>
            <td>23</td>
        </tr>
        <tr>
            <br><td>هوشنگ|</td>
            <td>تهران|</td>
            <td>48</td>
        </tr>
        <tr>
            <br><td>لیلا|</td>
            <td>اراک|</td>
            <td>39</td>
        </tr>
        <tr>
            <br><td>مهدی|</td>
            <td>قم|</td>
            <td>12</td>
        </tr>
        <tr>
            <br><td>زهرا|</td>
            <td>مازندران|</td>
            <td>33</td>
        </tr>
        <tr>
            <br><td>حسین|</td>
            <td>همدان|</td>
            <td>56</td>
        </tr>
    </tbody>
</body>
</html>

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
        tr , th , td{
            border: 2px solid rgba(0, 101, 0, 0.852);
            padding: 8px 12px
        }
        table {
            border-collapse: collapse;
            margin: 0 auto;
        }
  </style>
</head>
<body display: flex; justify-content: center; align-items: center; min-height: 100vh;>  <table>
    <tr>
      <th>name</th>
      <th>town</th>
      <th>age</th>
    </tr>
    <tr>
       <td>امیرحسین</td>
       <td>تهران</td>
       <td>23</td> 
    </tr>
    <tr>
       <td>هوشنگ</td>
       <td>تهران</td>
       <td>48</td> 
    </tr>
    <tr>
       <td>لیلا</td>
       <td>اراک</td>
       <td>39</td> 
    </tr>

    <tr>
       <td>مهدی</td>
       <td>قم</td>
       <td>12</td> 
    </tr>
      </tr>
    <tr>
       <td>زهرا</td>
       <td>مازندران</td>
       <td>33</td> 
    </tr>
    </tr>
    <tr>
       <td>حسین</td>
       <td>همدان</td>
       <td>56</td> 
    </tr>
  </table>
</body>
</html>

ارسال جواب

جوابت را با Markdown بنویس و ثبت کن

×
بستن