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

جدول نمره دانش آموزان

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

با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد

ستون های جدول: نام، نمره، وضعیت


حسن حسنی 17.25 قبول
هوشنگ محمدی 20 قبول
رضا حسنی 13 قبول
محمد رضایی 9 مردود
مهسا مردانی 19 قبول
میلاد محمدی 12 قبول
تینا رضایی 13 قبول
حشمت فراهانی 2.75 مردود

reply 13

visibility
<!DOCTYPE html>
<head>
    <style>
    table,th,td{border: 2px solid #000000;}
</style>
</head>
<body>
<table >
    <tr>
        <th>nam</th>
        <th>nomre</th>
        <th>vaziyat</th>
    </tr>
    <tr>
        <td>hasan hasani</td>
        <td>17.25</td>
        <td>gabul</td>
    </tr>
    <tr>
        <td>hoshang mohamadi</td>
        <td>20</td>
        <td>gabul</td>
    </tr>
    <tr>
        <td>reza hasani</td>
        <td>13</td>
        <td>gabul</td>
    </tr>
    <tr>
        <td>mohamad rezayi</td>
        <td>9</td>
        <td>mardud</td>
    </tr>
    <tr>
    <td>mahsa mardani</td>
    <td>19</td>
    <td>gabul</td>
    </tr>
    <tr>
        <td>milad mohamadi</td>
        <td>12</td>
        <td>gabul</td>
    </tr>
    <tr>
        <td>milad mohamadi</td>
        <td>12</td>
        <td>gabul</td>
    </tr> 
    <tr>
        <td>tina rezayi</td>
        <td>13</td>
        <td>gabul</td>
    </tr>
    <tr>
        <td>heshmat farahani </td>
        <td>2.75</td>
        <td>mardud</td>
    </tr>
</table>
</body>
<!doctype html>
<html lang="fa-IR" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>جدول نمره دانش آموزان</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        min-height: 100vh;
        background-color: #f0f2f5;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }

      table {
        width: 90%;
        max-width: 700px;
        border-collapse: collapse;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        overflow: hidden;
      }

      th,
      td {
        padding: 14px 18px;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
      }

      th {
        background-color: #2c3e50;
        color: #fff;
        font-weight: 600;
      }

      tr:last-child td {
        border-bottom: none;
      }

      tr:hover {
        background-color: #f8f9fa;
      }

      .pass {
        color: #27ae60;
        font-weight: 600;
      }

      .fail {
        color: #e74c3c;
        font-weight: 600;
      }
    </style>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>نام</th>
          <th>نمره</th>
          <th>وضعیت</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>حسن حسنی</td>
          <td>17.25</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>هوشنگ محمدی</td>
          <td>20</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>رضا حسنی</td>
          <td>13</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>محمد رضایی</td>
          <td>9</td>
          <td class="fail">مردود</td>
        </tr>
        <tr>
          <td>مهسا مردانی</td>
          <td>19</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>میلاد محمدی</td>
          <td>12</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>تینا رضایی</td>
          <td>13</td>
          <td class="pass">قبول</td>
        </tr>
        <tr>
          <td>حشمت فراهانی</td>
          <td>2.75</td>
          <td class="fail">مردود</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table nomreh</title>
</head>
<body>
    <table>
        <tr>
            <li>
                <th>name</th>
                <th>lname</th>
                <th>nomreh</th>
                <th>state</th>
            </li>
        </tr>

        <tr>
            <ol>
                <li>
                    <td>arman</td>
                    <td>daneshfar</td>
                    <td>20</td>
                    <td>ghabol</td>
                </li>
            </ol>
        </tr>
          <tr>
            <ol>
                <li>
                    <td>hasan</td>
                    <td>hasani</td>
                    <td>17.25</td>
                    <td>ghabol</td>
                </li>
            </ol>
        </tr>
          <tr>
            <ol>
                <li>
                    <td>hooshang</td>
                    <td>mohammadi</td>
                    <td>20</td>
                    <td>ghabol</td>
                </li>
            </ol>
        </tr>
          <tr>
            <ol>
                <li>
                    <td>reza</td>
                    <td>hasani</td>
                    <td>20</td>
                    <td>ghabol</td>
                </li>
            </ol>
        </tr>
          <tr>
            <ol>
                <li>
                    <td>arman</td>
                    <td>daneshfar</td>
                    <td>13</td>
                    <td>ghabol</td>
                </li>
            </ol>
        </tr>
          <tr>
            <ol>
                <li>
                    <td>arman</td>
                    <td>daneshfar</td>
                    <td>9</td>
                    <td>mardod</td>
                </li>
            </ol>
        </tr>
</body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <title>
            first project
        </title>
        <style>
            table,td,th{border-radius: 10px; padding:3px; border: 2px solid#0083ae;}
        </style>
        <meta charset="utf-8">
        <meta name="viewport", content="width=device-width, initial-scale=1.0">
    </head>
    <h1>Coding Practice</h1>
    <body>
        <table>
            <colgroup>
            <col style="background-color: azure;">
            </colgroup>
            <tr>
                <th>Name</th>
                <th>Grade</th>
                <th>Situation</th>
            </tr>
            <tr>
                <td>Hasan Hasani</td>
                <td>17.25</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Hooshang Mohammadi</td>
                <td>20</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Reza Hasani</td>
                <td>13</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Mohammad Rezaei</td>
                <td>9</td>
                <td style="color: #ef0505;">Fail</td>
            </tr>
            <tr>
                <td>Mahsa Mardaani</td>
                <td>19</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Milad Mohammadi</td>
                <td>12</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Tina Rezaei</td>
                <td>13</td>
                <td>Pass</td>
            </tr>
            <tr>
                <td>Heshmat Farahani</td>
                <td>2.75</td>
                <td style="color: #ef0505;">Fail</td>
            </tr>
        </table>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jadval nomreh student</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <table>
        <tr>
            <th>نام</th>
            <th>نام و نام خانوادگی</th>
            <th>نمره</th>
            <th>وضعیت</th>
        </tr>

        <tr>
            <td>حسن</td>
            <td>حسنی</td>
            <td>17.25</td>
            <td>قبول</td>
        </tr>

        <tr>
            <td>هوشنگ</td>
            <td>حسنی</td>
            <td>20</td>
            <td>قبول</td>
        </tr>

        <tr>
            <td>رضا</td>
            <td>حسنی</td>
            <td>13</td>
            <td>قبول</td>
        </tr>

        <tr>
            <td>علی</td>
            <td>بخشی</td>
            <td>0</td>
            <td>مردود</td>
        </tr>

        <tr>
            <td>آرمان</td>
            <td>دانشفر</td>
            <td>20</td>
            <td>قبول</td>
        </tr>

        <tr>
            <td>سپهر</td>
            <td>فناعی</td>
            <td>0</td>
            <td>مردود</td>
        </tr>

        <tr>
            <td>وحید</td>
            <td>دانشفر</td>
            <td>10</td>
            <td>قبول</td>
        </tr>

    </table>

</body>
* </html>
<!DOCTYPE html>
<html lang="fa">
    <head>
        <title>تمرین برنامه نویسی</title>
    </head>
    <body>
       <table>
        <tr>
            <th>نام</th>
            <th>نمره</th>
            <th>وضعیت</th>
        </tr>  
        <tr>
            <td>هوشنگ محمدی</td>
            <td>20</td>
            <td>قبولی</td>
        </tr>
        <tr>
            <td>رضا حسنی</td>
            <td>13</td>
            <td>قبولی</td>
        </tr>
        <tr>
            <td>محمد رضایی</td>
            <td>9</td>
            <td>مردود</td>
        </tr>
        <tr>
            <td>مهسا مردانی</td>
            <td>19</td>
            <td>قبولی</td>
        </tr>
       </table>
    </body>
</html>
a = {
"حسن حسنی ":"17.25""قبول",
"هوشنگ محمدی":"20""قبول",
"رضا حسنی ":"13""قبول",
"محمد رضایی":"9""مردود",
"مهسا مردانی":"19""قبول",
"میلاد محمدی":"12""قبول",
"تینا رضایی":"13""قبول",
"هشمت فراهانی":"2.75""مردود",
}
print(a)
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>قبول</td>
            <td>17.25</td>
            <td>حسن حسنی</td>
          </tr>
          <tr>
            <td>قبول</td>
            <td>20</td>
            <td>هوشنگ محمدی</td>
          </tr>
          <tr>
            <td>قبول</td>
            <td>13</td>
            <td>رضا حسنی</td>
          </tr>
          <tr>
            <td>مردود</td>
            <td>9</td>
            <td>محمد رضایی</td>
          </tr>
          <tr>
            <td>قبول</td>
            <td>19</td>
            <td>مهسا مردانی</td>
          </tr>
          <tr>
            <td>قبول</td>
            <td>12</td>
            <td>میلاد محمدی</td>
          </tr>
          <tr>
            <td>قبول</td>
            <td>13</td>
            <td>تینا رضایی</td>
          </tr>
          <tr>
            <td>مردود</td>
            <td>2.75</td>
            <td>حشمت فراهانی</td>
          </tr>
      </table>
    </div>
<!DOCTYPE html>


<html lang="fa">
    <head>
        <title>لیست</title>
    </head>

    <body>
        <table>
            <tr>
                <th>نام</th>
                <th>نمره</th>
                <th>وضعیت</th>
            </tr>
            <tr>
                <td>حسن حسنی</td>
                <td>17.25</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>هوشنگ محمدی</td>
                <td>20</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>رضا حسنی</td>
                <td>13</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>محمد رضایی</td>
                <td>9</td>
                <td>مردود</td>
            </tr>
            <tr>
                <td>مهسا مردانی</td>
                <td>19</td>
                <td> قبول</td>
            </tr>
            <tr>
                <td>میلاد محمدی</td>
                <td>12</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>تینا رضایی</td>
                <td>13</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>حشمت فراهانی</td>
                <td>2.75</td>
                <td>مردود</td>
            </tr>
        </table>
    </body>
</html>
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>جدول نمرات</title>
    <style>
        table {
            width: 50%;
            border-collapse: collapse;
            margin: 20px auto;
        }
        th, td {
            border: 1px solid #000;
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>

    <h1 style="text-align: center;">جدول نمرات</h1>

    <table>
        <thead>
            <tr>
                <th>نام</th>
                <th>نمره</th>
                <th>وضعیت</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>حسن حسنی</td>
                <td>17.25</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>هوشنگ محمدی</td>
                <td>20</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>رضا حسنی</td>
                <td>13</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>محمد رضایی</td>
                <td>9</td>
                <td>مردود</td>
            </tr>
            <tr>
                <td>مهسا مردانی</td>
                <td>19</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>میلاد محمدی</td>
                <td>12</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>تینا رضایی</td>
                <td>13</td>
                <td>قبول</td>
            </tr>
            <tr>
                <td>حشمت فراهانی</td>
                <td>2.75</td>
                <td>مردود</td>
            </tr>
        </tbody>
    </table>

</body>
</html>
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

×
بستن