آموزش طراحی سایت
21 subscribers
4 photos
3 files
17 links
برای خرید سورس کد آماده به اینجا مراجعه کنید
@CodeMastersAdmin
💻 آموزش طراحی و توسعه وب

🚀 آموزش HTML، CSS و JavaScript
🎨 نمونه‌کارهای حرفه‌ای طراحی سایت
🧩 کدهای آماده و پروژه‌های کاربردی
📚 از صفر تا ساخت سایت‌های جذاب

✨ Learn • Code • Create
Download Telegram
🔥آموزش html جلسه ۱۴👇🔥
آموزش طراحی سایت
🔥آموزش html جلسه ۱۴👇🔥
💻 آموزش HTML | جلسه ۱۴
📌 موضوع: پخش فایل صوتی در HTML

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

🔹 تگ‌های مهم:

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

🧑‍💻 مثال کد:

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

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

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

💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت
🔥آموزش html جلسه ۱۵👇🔥
آموزش طراحی سایت
🔥آموزش 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 شروع میشه 🔥
👍1