آموزش طراحی سایت
🔥آموزش html جلسه ۱۴👇🔥
💻 آموزش HTML | جلسه ۱۴
📌 موضوع: پخش فایل صوتی در HTML
میخوای به صفحه وب خودت فایل صوتی اضافه کنی؟ 🎧
🔹 تگهای مهم:
- "<audio>" پخش صدا
- "<source>" معرفی فایل صوتی
- "controls" نمایش کنترلهای صدا
🧑💻 مثال کد:
<audio controls>
<source src="music.mp3" type="audio/mpeg">
مرورگر شما از پخش صدا پشتیبانی نمیکند.
</audio>
📌 نکته: فایل "music.mp3" باید کنار فایل HTML قرار داشته باشد یا مسیر درست آن را بنویسی.
🎯 تمرین: یک فایل صوتی به صفحه خودت اضافه کن.
💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت
📌 موضوع: پخش فایل صوتی در 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:
🎨 کد داخل فایل
📌 نکته: فایلهای
🎯 تمرین: رنگ عنوان را آبی کن و اندازه متن را تغییر بده.
💙 CodeMastersWeb | یادگیری، تمرین، پیشرفت
📌 موضوع: اتصال فایل 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 | یادگیری، تمرین، پیشرفت