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

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

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

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


حسن حسنی 17.25 قبول
هوشنگ محمدی 20 قبول
رضا حسنی 13 قبول
محمد رضایی 9 مردود
مهسا مردانی 19 قبول
میلاد محمدی 12 قبول
تینا رضایی 13 قبول
حشمت فراهانی 2.75 مردود
👨‍💻 3 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
👨‍💻 1 ساعت قبل Parsapour این تمرین رو مشاهده کرد
👨‍💻 22 ساعت قبل Amirhn این تمرین رو مشاهده کرد

reply 11

visibility
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Maryam.n HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Sumy.amiri HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Mhrshad.jfri HTML & CSS 
<!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>
Sumy.amiri HTML & CSS 
<!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>
        <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>
Programmer 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 
<table border="1">
    <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>
Ai HTML & CSS 
<!DOCTYPE html>
<html>
    <head>
        <title>Project</title>
        <link rel="stylesheet" href="project.css" title="text/css">
    </head>
    <body dir="rtl">
        <h1>نمرات دانش اموزان این ترم </h1>
        <table border="3">
            <thead>
                <tr>
                    <th>نام</th>
                    <th>نمره</th>
                    <th>وضعیت</th>
                </tr>
            </thead>
            <tbody>
                <tr class="gray">
                    <td>جسن حسینی</td>
                    <td>17.25</td>
                    <td>قبول</td>
                </tr>
                <tr class="low">
                    <td>هوشنگ محمدی</td>
                    <td>20</td>
                    <td>قبول</td>
                </tr>
                <tr class="gray">
                    <td>رضا حسنی</td>
                    <td>13</td>
                    <td>قبول</td>
                </tr>
                <tr class="low">
                    <td>محمد رضایی</td>
                    <td>9</td>
                    <td>مردود</td>
                </tr>
                <tr class="gray">
                    <td>مهسا مردانی</td>
                    <td>19</td>
                    <td>قبول</td>
                </tr>
                <tr class="low">
                    <td>میلاد محمدی</td>
                    <td>12</td>
                    <td>قبول</td>
                </tr>
                <tr class="gray">
                    <td>تینا رضایی</td>
                    <td>13</td>
                    <td>قبول</td>
                </tr>
                <tr class="low">
                    <td>حشمت فراهانی</td>
                    <td>2.75</td>
                    <td>مردود</td>
                </tr>            
            </tbody>

        </table>
    </body>

</html>

@charset 'utf-8';
*{
    padding: 0px;
    margin: 0xp;
    font-style: italic;
}
table{
    border: 1px solid black;
    border-collapse: collapse;
    width: 700px;
    height: auto;
    margin: 20px auto;
    box-shadow: 2px 2px 0px 3px  rgb(0, 0, 0);
}
table tbody tr td {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
    font-size: 25px;
    text-shadow: 2px 2px 0px 3px  rgb(0, 0, 0);
}
.gray {
    background-color: rgb(104, 103, 103);
}
.low {
    background-color: rgb(228, 227, 227);
}
Mohammad.mahdi88 HTML & CSS
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

×

حساب کاربری

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

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