🔥آموزش html جلسه ۱۱👇🔥

💻 آموزش HTML | جلسه ۱۱
📌 موضوع: ساخت جدول با HTML

رفقا، امروز یاد می‌گیریم چطور با HTML جدول بسازیم! 🚀

🔹 تگ‌های مهم:

- "<table>" ساخت جدول
- "<tr>" ساخت ردیف
- "<th>" عنوان ستون
- "<td>" سلول اطلاعات

🧑‍💻 مثال کد:

<table border="1">
<tr>
<th>نام</th>
<th>سن</th>
</tr>
<tr>
<td>علی</td>
<td>16</td>
</tr>
<tr>
<td>رضا</td>
<td>17</td>
</tr>
</table>

📌 نکته: برای طراحی حرفه‌ای جدول بهتر است از CSS استفاده کنیم.

🎯 تمرین: یک جدول با سه ستون «نام»، «شهر» و «سن» بسازید.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۲👇🔥

💻 آموزش HTML | جلسه ۱۲
📌 موضوع: لیست‌ها در HTML

با لیست‌ها می‌تونیم اطلاعات رو مرتب و خوانا نمایش بدیم. 😍

🔹 تگ‌های مهم:

- "<ul>" لیست بدون شماره
- "<ol>" لیست شماره‌دار
- "<li>" یک آیتم از لیست

🧑‍💻 مثال کد:

<h2>زبان‌های برنامه‌نویسی</h2>

<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<h2>مراحل یادگیری</h2>

<ol>
<li>یادگیری HTML</li>
<li>یادگیری CSS</li>
<li>یادگیری JavaScript</li>
</ol>

🎯 تمرین: یک لیست از پنج بازی یا زبان برنامه‌نویسی مورد علاقه‌ات بساز.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۳👇🔥

💻 آموزش HTML | جلسه ۱۳
📌 موضوع: نمایش ویدئو در صفحه وب

امروز یاد می‌گیریم چطور یک ویدئو به سایت اضافه کنیم! 🎥

🔹 تگ‌های مهم:

- "<video>" نمایش ویدئو
- "<source>" مشخص کردن فایل ویدئو
- "controls" نمایش دکمه‌های کنترل

🧑‍💻 مثال کد:

<video width="400" controls>
<source src="video.mp4" type="video/mp4">
مرورگر شما از پخش ویدئو پشتیبانی نمی‌کند.
</video>

📌 نکته: فایل "video.mp4" باید در مسیر مشخص‌شده وجود داشته باشد.

🎯 تمرین: یک ویدئو به صفحه HTML خودت اضافه کن و دکمه‌های پخش و توقف را امتحان کن.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۴👇🔥

💻 آموزش HTML | جلسه ۱۴
📌 موضوع: پخش فایل صوتی در HTML

می‌خوای به صفحه وب خودت فایل صوتی اضافه کنی؟ 🎧

🔹 تگ‌های مهم:

- "<audio>" پخش صدا
- "<source>" معرفی فایل صوتی
- "controls" نمایش کنترل‌های صدا

🧑‍💻 مثال کد:

<audio controls>
<source src="music.mp3" type="audio/mpeg">
مرورگر شما از پخش صدا پشتیبانی نمی‌کند.
</audio>

📌 نکته: فایل "music.mp3" باید کنار فایل HTML قرار داشته باشد یا مسیر درست آن را بنویسی.

🎯 تمرین: یک فایل صوتی به صفحه خودت اضافه کن.

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥آموزش html جلسه ۱۵👇🔥

💻 آموزش HTML | جلسه ۱۵
📌 موضوع: اتصال فایل CSS به HTML
رفقا، HTML اسکلت سایت رو می‌سازه و CSS ظاهرش رو زیباتر می‌کنه! 🔥
🔹 روش اتصال فایل CSS:

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>سایت من</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>به سایت من خوش آمدید!</h1>
  <p>این اولین صفحه من است.</p>
</body>
</html>

🎨 کد داخل فایل style.css:

body {
  background-color: #f0f0f0;
  font-family: sans-serif;
  text-align: center;
}

h1 {
  color: green;
}

p {
  color: #333;
  font-size: 18px;
}

📌 نکته: فایل‌های index.html و style.css را در یک پوشه قرار بده.
🎯 تمرین: رنگ عنوان را آبی کن و اندازه متن را تغییر بده.
💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت

🔥این هم آموزش html تا جلسه ۱۵ برای شما عزیزان 🌹🔥

🔥جلسه بعد css شروع میشه 🔥