3.9M حجم رسانه بالاست
مشاهده در ایتا
جلسه دوم قسمت سوم
eitaa.com/Pythonfriend
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>جلسه دوم - آموزش HTML</title>
</head>
<body>
<!-- عنوان اصلی -->
<h1>🌐 به اولین صفحه وب من خوش آمدید!</h1>
<!-- پاراگراف اول -->
<p>سلام! من دارم برنامه‌نویسی یاد می‌گیرم. این اولین صفحه وبی هست که خودم ساختم.</p>
<!-- خط افقی -->
<hr>
<!-- عناوین فرعی -->
<h2>🎯 هدفای من</h2>
<p>یادگیری برنامه‌نویسی وب</p>
<h3>مرحله اول</h3>
<p>یادگیری HTML</p>
<h3>مرحله دوم</h3>
<p>یادگیری JavaScript</p>
<h3>مرحله سوم</h3>
<p>ساخت پروژه‌های واقعی</p>
<hr>
<!-- لینک -->
<h2>🔗 لینک‌های مفید</h2>
<p>
برای یادگیری بیشتر می‌تونید به
<a href="https://www.w3schools.com" target="_blank">W3Schools</a>
سر بزنید.
</p>
<!-- عکس -->
<h2>🖼️ یه عکس نمونه</h2>
<img src="https://via.placeholder.com/400x200?text=First+Web+Page"
alt="تصویر صفحه وب"
width="400">
<hr>
<!-- فوتر -->
<p>📅 تاریخ ساخت: ۱۴۰۵</p>
<p>✍️ ساخته شده با ❤️</p>
</body>
</html>
جلسه دوم کد نهایی برای تمرین
eitaa.com/Pythonfriend
کاربرد
مثال
<ul>
لیست نامرتب (نقطه‌ای)
<ul>...</ul>
<ol>
لیست مرتب (شماره‌ای)
<ol>...</ol>
<li>
آیتم لیست
<li>متن</li>
<table>
ساخت جدول
<table>...</table>
<tr>
سطر جدول
<tr>...</tr>
<th>
سرستون (هدر)
<th>عنوان</th>
<td>
سلول داده
<td>محتوا</td>
<thead>
هدر جدول
<thead>...</thead>
<tbody>
بدنه جدول
<tbody>...</tbody>
eitaa.com/Pythonfriend
17.4M حجم رسانه بالاست
مشاهده در ایتا
جلسه سوم قسمت اول
eitaa.com/Pythonfriend
15.7M حجم رسانه بالاست
مشاهده در ایتا
جلسه سوم قسمت دوم
eitaa.com/Pythonfriend
<!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