حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود

جدول لیست افراد

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

جدولی ایجاد کنید و اطلاعات افراد زیر شامل اسم، شهر و سن را در آن قرار دهید

امیرحسین تهران 23
هوشنگ تهران 48
لیلا اراک 39
مهدی قم 12
زهرا مازندران 33
حسین همدان 56

reply 19

visibility 
# کد پایتون برای خوندن اطلاعات از فایل اکسل
import pandas as pd
data = pd.read_csv('test.csv')
new_data = data.to_html()
print(new_data) 
# html خروجی کد بالا به صورت 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" class="dataframe">
        <thead>
          <tr style="text-align: right;">
            <th></th>
            <th>نام</th>
            <th>شهر</th>
            <th>سن</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th>0</th>
            <td>امیرحسین</td>
            <td>تهران</td>
            <td>20</td>
          </tr>
          <tr>
            <th>1</th>
            <td>هوشنگ</td>
            <td>تهران</td>
            <td>48</td>
          </tr>
          <tr>
            <th>2</th>
            <td>لیلا</td>
            <td>اراک</td>
            <td>39</td>
          </tr>
          <tr>
            <th>3</th>
            <td>مهدی</td>
            <td>قم</td>
            <td>12</td>
          </tr>
          <tr>
            <th>4</th>
            <td>زهرا</td>
            <td>مازندران</td>
            <td>33</td>
          </tr>
          <tr>
            <th>5</th>
            <td>حسین</td>
            <td>همدان</td>
            <td>56</td>
          </tr>
        </tbody>
      </table>
</body>
</html>
Sajad.karimi Python HTML & CSS 
<!DOCTYPE html>

<html lang="fa" dir="rtl">
<head >


</head>
<body>
    
<table>
  <tr>
    <th>نام</th>
    <th>شهر</th>
    <th>سن</th>
</tr>
<tr>
    <td>امیر حسین ‍‍</td>
    <th>تهران</th>
    <th>23</th>
</tr>
<tr>
    <td>هوشنگ</td>
    <td>تهران</td>
    <td>48</td>
</tr>
<tr>
    <td>لیلا</td>
    <td>اراک</td>
    <td>39</td>
</tr>
<tr>
    <td>مهدی</td>
    <td>قم</td>
    <td>12</td>
</tr>
<tr>
    <td>زهرا</td>
    <td>مازندران</td>
    <td>33</td>
</tr>
<tr>
<td>حسین</td>
<td>همدان</td>
<td>56</td>


</tr>

</table>

</body>


</html>
User 2509 HTML & CSS 
<!DOCTYPE html>
<html>
    <head>
        <title>ASL shart</title>
        <style>
            table,th,td{padding: 5px; border: 2px solid#ce24ba; border-radius: 10px; background-color: rgb(237, 227, 246);}
        </style>
    </head>
    <body>

        <table>

            <tr>
                <th>Name</th>
                <th>City</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>AmirHosein</td>
                <td>Tehran</td>
                <td>23</td>
            </tr>
            <tr>
                <td>hooshang</td>
                <td>Tehran</td>
                <td>48</td>
            </tr>
            <tr>
                <td>Leyle</td>
                <td>Arak</td>
                <td>39</td>
            </tr>
            <tr>
                <td>Mehdi</td>
                <td>Qom</td>
                <td>12</td>
            </tr>
            <tr>
                <td>Zahra</td>
                <td>Mazandaran</td>
                <td>33</td>
            </tr>
            <tr>
                <td>Hosein</td>
                <td>Hamedan</td>
                <td>56</td>
            </tr>
        </table>
    </body>
</html>
Mhrshad.jfri HTML & CSS 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table,tr,th,td{
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <table>
        <colgroup>
        <col style="background-color: greenyellow;">
        <col style="background-color: aqua;">
        <col style="background-color: yellow;">
    </colgroup>
        <tr>
            <th>name</th>
            <th>city</th>
            <th>age</th>
        </tr>

        <tr>
            <td>amirhossein</td>
            <td>tehran</td>
            <td>23</td>
        </tr>

        <tr>
            <td>hooshang</td>
            <td>tehran</td>
            <td>48</td>
        </tr>

        <tr>
            <td>leyla</td>
            <td>arak</td>
            <td>39</td>
        </tr>


        <tr>
            <td>mehdi</td>
            <td>qom</td>
            <td>12</td>
        </tr>

        <tr>
            <td>Zahra</td>
            <td>sari</td>
            <td>33</td>
        </tr>

        <tr>
            <td>hossein</td>
            <td>hamedan</td>
            <td>56</td>
        </tr>

    </table>

</body>
</html>
Sumy.amiri HTML & CSS 
<table border="1">
  <tr>
    <th>Name</th>
    <th>City</th>
    <th>Age</th>
  </tr>
  <tr><td>امیرحسین</td><td>تهران</td><td>23</td></tr>
  <tr><td>هوشنگ</td><td>تهران</td><td>48</td></tr>
  <tr><td>لیلا</td><td>اراک</td><td>39</td></tr>
  <tr><td>مهدی</td><td>قم</td><td>12</td></tr>
  <tr><td>زهرا</td><td>مازندران</td><td>33</td></tr>
  <tr><td>حسین</td><td>همدان</td><td>56</td></tr>
</table>
پاسخ هوش مصنوعی Ai HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="kam.css">
    <style>
        *{
            margin: 0%;padding: 0%;box-sizing: border-box;
        }
    th,td{
            border: 1px solid black;width: 100px;text-align: center;
        }
    th{
            background-color: rgb(253, 92, 18);
        }
    td{
            background-color: rgb(252, 242, 158);
        }
    </style>
</head>
<body>
    <table style="border-collapse: collapse;">
        <tr>
            <th>اسم</th>
            <th>شهر</th>
            <th>سن</th>
        </tr>
        <tr>
            <td>امیرحسین</td>
            <td>تهران</td>
            <td>23</td>
        </tr>
        <tr>
            <td>هوشنگ</td>
            <td>تهران</td>
            <td>48</td>
        </tr>
        <tr>
            <td>لیلا</td>
            <td>اراک</td>
            <td>39</td>
        </tr>
        <tr>
            <td>مهدی</td>
            <td>قم</td>
            <td>12</td>
        </tr>
        <tr>
            <td>زهرا</td>
            <td>مازندران</td>
            <td>33</td>
        </tr>
        <tr>
            <td>حسین</td>
            <td>همدان</td>
            <td>56</td>
        </tr>
    </table>
</body>
</html>
Zaras HTML & CSS 
<!doctype html>
<html lang="fa-IR" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>لیست افراد</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        min-height: 100vh;
        background-color: #f0f2f5;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }

      table {
        width: 90%;
        max-width: 700px;
        border-collapse: collapse;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        overflow: hidden;
      }

      th,
      td {
        padding: 14px 18px;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
      }

      th {
        background-color: #2c3e50;
        color: #fff;
        font-weight: 600;
      }

      tr:last-child td {
        border-bottom: none;
      }

      tr:hover {
        background-color: #f8f9fa;
      }
    </style>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>اسم</th>
          <th>شهر</th>
          <th>سن</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>امیرحسین</td>
          <td>تهران</td>
          <td>23</td>
        </tr>
        <tr>
          <td>هوشنگ</td>
          <td>تهران</td>
          <td>48</td>
        </tr>
        <tr>
          <td>لیلا</td>
          <td>اراک</td>
          <td>39</td>
        </tr>
        <tr>
          <td>مهدی</td>
          <td>قم</td>
          <td>12</td>
        </tr>
        <tr>
          <td>زهرا</td>
          <td>مازندران</td>
          <td>33</td>
        </tr>
        <tr>
          <td>حسین</td>
          <td>همدان</td>
          <td>56</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
Komeil.moradi HTML & CSS 
<!DOCTYPE html>
<html lang="fa" , dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- <link rel="icon" tye="image/png" href="./images/code0.png"> -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap" rel="stylesheet">
    <title>تمرین جدول لیست افراد</title>
<style>

    body{
        font-family: 'Vazirmatn', 'B Nazanin'; 
        text-align: center;
        color: black;
        background-color: white
    }
    table , tr , th , td{
        border: 4px solid black;
        border-collapse: collapse;
        padding: 10px;
        margin: 10px;
    }

</style>
</head>

    <table>

        <col style="background-color: rgb(210, 210, 210);">
        <col style="background-color: rgb(230, 230, 230);">
        <col style="background-color: rgb(210, 210, 210);">

        <tr>
            <th>اسم</th>
            <th>شهر</th>
            <th>سن</th>
        </tr>
        <tr>
            <td>امیرحسین</td>
            <td>تهران</td>
            <td>23</td>
        </tr>
        <tr>
            <td>هوشنگ</td>
            <td>تهران</td>
            <td>48</td>
        </tr>
        <tr>
            <td>لیلا</td>
            <td>اراک</td>
            <td>39</td>
        </tr>
        <tr>
            <td>مهدی</td>
            <td>قم</td>
            <td>12</td>
        </tr>
        <tr>
            <td>زهرا</td>
            <td>مازندران</td>
            <td>33</td>
        </tr>
        <tr>
            <td>حسین</td>
            <td>همدان</td>
            <td>56</td>
        </tr>
    </table>

</body>
</html>
Shayancoder HTML & CSS 
person = [
    {
        "name": "amir hosein" , "city": "tehran" , "age": 23
    },{
        "name": "hooshang" , "city": "tehran" , "age": 48
    },{
        "name": "leyla" , "city": "arak" , "age":  39
    },{
        "name": "mehdi" , "city": "qome" , "age": 12
    },{
        "name": "zahra" , "city": "mazandaran" , "age": 33
    },{
        "name": "hosein" , "city": "hamedan" , "age": 56
    },{
        "name": "arman" , "city": "amirkola" , "age": 24
    },{
        "name": "iman" , "city": "sari" , "age": 38
    }
]
print(person[0]["name"])
print(person[1]["name"])
print(person[2]["name"])
Sumy.amiri Python 
import pandas as pd

# داده‌ها
data = {
    'اسم': ['امیرحسین', 'هوشنگ', 'لیلا', 'مهدی', 'زهرا', 'حسین'],
    'شهر': ['تهران', 'تهران', 'اراک', 'قم', 'مازندران', 'همدان'],
    'سن': [23, 48, 39, 12, 33, 56]
}

# ایجاد DataFrame
df = pd.DataFrame(data)

# نمایش جدول
print(df)
User 136 Python
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

×

حساب کاربری

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

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