تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

کاربران برتر

ورود/ثبت نام

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

آسان دانلود

1428 بازدید

Front-End

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

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

حسن حسنی 17.25 قبول

هوشنگ محمدی 20 قبول

رضا حسنی 13 قبول

محمد رضایی 9 مردود

مهسا مردانی 19 قبول

میلاد محمدی 12 قبول

تینا رضایی 13 قبول

حشمت فراهانی 2.75 مردود

4 جواب

<!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>

Shahroozchegini

S

دانلود

نظرتو راجب این جواب بنویس...

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>

Unun..ali..nunu

U

دانلود

نظرتو راجب این جواب بنویس...

<!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>

Maryam.n

M

دانلود

نظرتو راجب این جواب بنویس...

<!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>

Mma123

M

دانلود

نظرتو راجب این جواب بنویس...

<< صفحه قبل 1 صفحه بعد >>

ارسال جواب

# کداتو توی این بخش بنویس
# فرقی نمیکنه چه زبان برنامه نویسی باشه، همرو پشتیبانی میکنیم :)
# البته قبلش این سه خط رو پاک کن

لطفا جواب های تکراری ارسال نکن
قبل از ارسال، جوابت رو داخل یک کد ادیتور مثل vscode بنویس و بعد اینجا Paste کن
جواب های ارسالی، پس از بررسی کوتاهی، ویرایش میشن و در سایت نمایش داده میشن
ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

تمرینات مرتبط

تشخیص با استفاده از هوش مصنوعی

×

بستن