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

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

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

آسان 45/ دانلود 1369 بازدید

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

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


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

3 جواب

<!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 دانلود HTML & CSS 
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 دانلود HTML & CSS 
<!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 دانلود HTML & CSS
<< صفحه قبل 1 صفحه بعد >>

ارسال جواب

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

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

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

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
×

نمیتونم این تمرین رو حل کنم 😞

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

یادگیری برنامه نویسی
بستن