Front-End
تمرین جدید
HTML & CSS
تحلیل جواب با AI
Python - پایتون
PHP - پی اچ پی
JavaScript - جاوا اسکریپت
C# - سی شارپ
C & C++ - سی و سی پلاس پلاس
Kotlin - کاتلین
Java - جاوا
DataBase - دیتابیس
Matlab - متلب
Rust - راست
Golang - گولنگ
Bash - بش
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
<!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="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);
}
Name:Hasan_Last name:Hasani_Nomre:17.25_Type:Gabol
Name:Hooshang_Last name:Mohammadi_Nomre:20_Type:Gabol
Name:Reza_Last name:Hasani_Nomre:13_Type:Gabol
Name:Mohammad_Last name:Rezayi_Nomre:9_Type:Mardod
Name
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام