با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد
ستون های جدول: نام، نمره، وضعیت
حسن حسنی 17.25 قبول
هوشنگ محمدی 20 قبول
رضا حسنی 13 قبول
محمد رضایی 9 مردود
مهسا مردانی 19 قبول
میلاد محمدی 12 قبول
تینا رضایی 13 قبول
حشمت فراهانی 2.75 مردود
let msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراکlet msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراکlet msg = 'error' alert(msg)این جواب فقط برای مشترکین ویژه قابل مشاهده است
برای مشاهده این جواب باید اشتراک داشته باشی
دریافت اشتراک
تحلیل جواب با AI
Python - پایتون
PHP - پی اچ پی
JavaScript - جاوا اسکریپت
C# - سی شارپ
C & C++ - سی و سی پلاس پلاس
Kotlin - کاتلین
Java - جاوا
DataBase - دیتابیس
Matlab - متلب
Rust - راست
Golang - گولنگ
Bash - بش
<!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>
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>
<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>
<!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);
}
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام