วิธีใช้แท็กเสียงใน HTML ให้ดีที่สุด



บทความนี้นำเสนอหัวข้อที่น่าสนใจซึ่งเกี่ยวกับการพัฒนาเว็บนั่นคือแท็กเสียงใน HTML พร้อมการสาธิตเชิงปฏิบัติ

บทความนี้นำเสนอหัวข้อที่น่าสนใจซึ่งเกี่ยวกับการพัฒนาเว็บนั่นคือ Audio Tag In HTML บทความนี้จะช่วยคุณสำรวจสิ่งนี้ หัวข้อพร้อมการสาธิตเชิงปฏิบัติ คำแนะนำต่อไปนี้จะสัมผัสได้ในบทความนี้

มาเริ่มกันเลย





แท็กเสียงใน HTML

HTML เป็นสิ่งแรกที่เกิดขึ้นในใจหลังจากฟังคำว่า Www โดยพื้นฐานแล้วมันเป็นสิ่งที่อยู่เบื้องหลังแต่ละเว็บไซต์ที่คุณเยี่ยมชมในปัจจุบัน

HTML เพียงอย่างเดียวไม่สามารถทำให้เกิดความยุติธรรมกับการออกแบบที่เป็นที่ชื่นชอบมากที่สุดที่เราเห็นในปัจจุบัน มันต้องการความช่วยเหลือและมีให้โดย CSS หรือ Cascading Style Sheet . HTML และ CSS สามารถใช้ร่วมกันเพื่อสร้างหน้าเว็บที่น่าสนใจ



แท็กและแอตทริบิวต์ใน HTML

ทั้งสองอย่างนี้เป็นพื้นฐานของ HTML และทั้งคู่ทำงานร่วมกัน แต่ทำหน้าที่ต่างกัน

แท็ก: แท็กใช้เพื่อทำเครื่องหมายจุดเริ่มต้นขององค์ประกอบ HTML และล้อมรอบด้วยวงเล็บเหลี่ยม



ตัวอย่าง:

แท็กด้านบนคือแท็กหัวเรื่องใน HTML

แอตทริบิวต์: นี่คือข้อมูลเพิ่มเติมเกี่ยวกับแท็กและระบุไว้ในแท็ก



การแคสต์ประเภทข้อมูลใน java

ตัวอย่าง:

<img src='hello_world.jpg' ทุกอย่าง='ของฉัน อันดับแรก โปรแกรม'>

แท็กด้านบนคือแท็กรูปภาพ และ alt เป็นแอตทริบิวต์สำหรับแท็กและให้คำอธิบายสำหรับรูปภาพ hello_world.jpg

ตามที่เราได้พูดถึงพื้นฐานที่เราต้องการดังนั้นตอนนี้เราสามารถก้าวต่อไปได้ด้วยแรงจูงใจของบทความนี้ซึ่งเป็น HTML ขั้นสูงและแท็ก CSS

การดำเนินการต่อด้วยแท็กเสียงนี้ในบทความ HTML

แท็กเสียง

ตามชื่อที่ระบุแท็กนี้มีหน้าที่รับผิดชอบต่อเสียงบนหน้าเว็บอย่างแน่นอน สามารถใช้เพื่อให้เพลงหรือสตรีมอื่น ๆ ไปยังหน้าเว็บ รูปแบบที่รองรับในปัจจุบันที่สามารถใช้กับแท็กคือ MP3, WAV และ OGG

ตัวอย่าง:

เบราว์เซอร์ของคุณไม่รองรับแท็กเสียง

GitHub Gist Link:

เอาต์พุต - แท็กเสียงใน HTML - Edureka

นี่คือลักษณะที่เสียงจะปรากฏบนหน้าเว็บ

บรรทัดที่มีข้อความว่าไม่รองรับแท็กเสียงจะแสดงหากเบราว์เซอร์ที่ผู้ใช้ใช้ไม่รองรับแท็กเสียงแท็กเสียงถูกนำมาใช้ใน HTML 5 ดังนั้นเบราว์เซอร์ที่ไม่รองรับ HTML 5 จะไม่รองรับแท็กเสียง

การดำเนินการต่อด้วยแท็กเสียงนี้ในบทความ HTML

คุณสมบัติแท็กเสียง

แอตทริบิวต์สำหรับแท็กเสียง ได้แก่ :

  • เล่นอัตโนมัติ: เพื่อให้แน่ใจว่าเสียงจะเริ่มเล่นทันทีที่โหลดบนหน้าเว็บ
  • การควบคุม: ระบุว่าการควบคุมเสียงเช่นปุ่มเล่นและหยุดชั่วคราวจะแสดงบนเว็บเพจ
  • วน: ระบุว่าเสียงบนหน้าเว็บจะเล่นแบบวนซ้ำเช่นซ้ำแล้วซ้ำอีก
  • ปิดเสียง: เพื่อให้แน่ใจว่าเอาต์พุตเสียงจากแท็กเสียงจะถูกปิดเสียงนั่นคือจะไม่มีเสียง
  • โหลดล่วงหน้า: ระบุว่าผู้เขียนต้องการ if และอย่างไรกล่าวคือผู้เขียนต้องการให้โหลดเสียงอย่างไรเมื่อโหลดหน้าเว็บ
  • Src: ระบุแหล่งที่มาของไฟล์เช่นที่อยู่ของไฟล์เสียงที่จะใช้

บันทึก: แท็กเสียงยังรองรับแอตทริบิวต์ส่วนกลางใน HTML เช่น accesskey, class, dir, dropzone, hidden, id, lang, style

เรามาถึงตอนท้ายของบทความนี้เกี่ยวกับแท็กเสียงใน HTML

ตอนนี้คุณรู้แล้วว่า HTML คืออะไรลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทความนี้แล้วเราจะติดต่อกลับไป