<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>جلسه سوم - لیست و جدول</title>
</head>
<body>
<!-- بخش لیست‌ها -->
<h1>📝 لیست‌ها در HTML</h1>
<h2>لیست نامرتب (نقطه‌ای):</h2>
<ul>
<li>برنامه‌نویسی وب</li>
<li>طراحی گرافیک</li>
<li>عکاسی</li>
</ul>
<h2>لیست مرتب (شماره‌ای):</h2>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<hr>
<!-- بخش جداول -->
<h1>📊 جداول در HTML</h1>
<h2>جدول اطلاعات کاربران:</h2>
<table border="1" style="width: 100%; text-align: center;">
<thead>
<tr style="background-color: #f2f2f2;">
<th>نام</th>
<th>سن</th>
<th>شهر</th>
</tr>
</thead>
<tbody>
<tr>
<td>علی</td>
<td>۲۵</td>
<td>تهران</td>
</tr>
<tr>
<td>سارا</td>
<td>۲۲</td>
<td>اصفهان</td>
</tr>
<tr>
<td>رضا</td>
<td>۳۰</td>
<td>شیراز</td>
</tr>
</tbody>
</table>
</body>
</html>
کد نهایی جلسه سوم برای تمرین
eitaa.com/Pythonfriend
سلام به دوستان این پیوی بنده هست هر سوالی داشته اید در خدمت هستم
@mohsensolemani
خلاصه تگ‌های این جلسه
تگ/صفت
کاربرد
<form>
کانتینر اصلی فرم
<input>
انواع ورودی‌ها (متن، رمز، ایمیل و...)
<textarea>
ورودی چند خطی
<select>
لیست کشویی
<option>
گزینه‌های داخل لیست کشویی
<label>
برچسب برای هر ورودی (برای دسترسی‌پذیری مهمه)
type="submit"
دکمه ارسال فرم
required
اجباری بودن فیلد
eitaa.com/Pythonfriend
16.9M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت اول
eitaa.com/Pythonfriend
6.7M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت دوم
eitaa.com/Pythonfriend
9M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت سوم
eitaa.com/Pythonfriend
11.6M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت چهارم
eitaa.com/Pythonfriend
19.4M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت پنجم
eitaa.com/Pythonfriend
16.6M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت ششم
eitaa.com/Pythonfriend
19.2M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت هفتم
eitaa.com/Pythonfriend
15.2M حجم رسانه بالاست
مشاهده در ایتا
جلسه چهارم قسمت هشتم
eitaa.com/Pythonfriend