آموزش تگ audio، تگ بیست و هفتم

کوتاه کننده لینک
پورمین
تبلیغات شما
آموزش تگ audio، تگ بیست و هفتم

آموزش تگ audio، تگ بیست و هفتم

خروجی با یک فرمت جدید با تگ “audio”

با دیدن کلمه تگ “audio” فهمیدین جریان چیه دیگه! ما تا اینجا خروجی ویدئو، عکس و متن داشتیم! اما حالا، میریم سراغ خروجی صوت. در سایت های زیادی که برای مثال، پایگاه پخش آهنگ هستند، از این تگ استفاده شده یا سایت هایی که پادکست میزارن یا غیره.

اولین گام برای کد زنی این تگ “audio”

شما اول از همه باید در یک فایل و فولدر مشخص، فایل صوتی‌تون رو داشته باشید و آدرس فایل رو در سیستمتون، داشته باشید. پیشنهاد می‌کنم از “VSC” استفاده کنید و همچنین فایل صوتی رو در فولدر کد های سایتتون بزارید تا هم سایتتون، دادۀ قوی‌ای داشته باشه، هم اینکه خودتون، فایل ها رو گم نکنید!

<!DOCTYPE html>
<html>
<body>
<audio controls>
  <source src="arminia.mp3" type="audio/mpeg">
</audio>
</body>
</html>
نتیجه

کاری داشت؟ نه! توی سورسی که تو تگ “audio” باز کردیم، اسم و فرمت فایلمون رو بهش دادیم همین. اون دستور “controls” هم که می‌بینید، برای اینه که مثل تگ ویدئو که یاد گرفتیم، دکمه های پلی، استوپ، دانلود، تنظیم صدا و … رو هم داشته باشیم که اگر “controls” رو نزاریم، وارد سایت که میشیم هی صدا رو به صورت خود به خود می‌شنویم! (میتونیم برای اینکار، یک آهنگ ملایم با صدای خیلی کم بزاریم و بعد، با استفاده از تگ “style” و دستور “opacity”، اون بیضی شکلی رو که برای صدا هست رو شفاف کنیم و یک بازدید کننده راضی بسازیم)

فهمیدی؟! راستشو بخوای این آخریشه!

اگر به این مقاله، با دقت توجه کرده باشید! می‌تونید راحت تر، مقاله های دیگه، مخصوصا در رابطه با تگ های دیگه رو دربارۀ آموزش “html”، بخونید. در واقع در این سری، قراره دونه به دونه تگ هارو مانند تگ “audio” بررسی کردیم. تا بتوانید با تک مقاله های کوتاه که قابلیت خوانش سریع را دارند، تگ ها را به سبک سایت “W3School” یاد بگیرید، اون هم به زبان فارسی! پس برای یادگیری تگ های بیشتر، روی اینجا کلیک کنید؛ و اگر حس می کنید نیاز به آموزش تگ ها از اول دارید، اینجا را کلیک کنید.

عکس مقاله

راستی، اگر به دنبال آموزشات بیشتر در این زمینه هستید و می‌خواهید به یکی از افراد دانای این جامعه تبدیل بشید! یا بقیه تگ ها رو مانند تگ “audio” دنبال یا برای ما در نظرات بنویسید تا بخش های دیگر مربوط به “html” را برای شما توضیح بدهم. فرصت های شغلی در این زمینه کم است ولی هر فرد سایت دار، حتی اگر سایتش وردپرسی باشد! باید مقداری با این مورد آشنا باشد تا بتواند توانایی حل مسئله در دنیای خارج وردپرسی را داشته باشد.

اشتراک گذاری :

آرمینیا را در شبکه های اجتماعی دنبال کنید!

آرمینیا، درباره، پازل ها و کوییز ها هفتگی سایت

مطالب تحلیل و بررسی

تصویر محمد هادی علیخانی

محمد هادی علیخانی

محمد هادی علیخانی، به صورت حرفه‌ای روی html کار کردم و الانم جزو تیم نویسندگان آرمینیا هستم!

این نوشته را به اشتراک بذارید!

WhatsApp
Twitter

مقالات سایت آرمینیا را دنبال کنید

دانلودی‌های تکنولوژی

نظرات

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
کاربر اندروید، اپلیکیشن موبایل ما رو از دست نده که پشیمون میشی!
این همه اومدی گشتی باز موندی چی کار کنی؟
0
افکار شما را دوست داریم، لطفا نظر دهید.x