Media Tags aur Website Deployment

HTML Media Tags

HTML mein media tags ka istemal audio aur video content ko web page par embed karne ke liye hota hai.

1. Audio Tag (<audio>)

<audio> tag se aap web page par audio file daal sakte hain. Iske kuch zaroori attributes hain:

• controls: Yeh audio player par play, pause, aur volume controls dikhata hai.
• autoplay: Jab page load hota hai to audio apne aap shuru ho jati hai.
• loop: Audio khatam hone par phir se shuru ho jati hai.

Example:

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
    

2. Video Tag (<video>)

<video> tag se aap web page par video file daal sakte hain. Iske attributes <audio> jaise hi hain, bas isme width aur height attributes bhi hote hain.

• controls: Play, pause, volume, etc. controls dikhata hai.
• autoplay: Video apne aap shuru ho jati hai.
• loop: Video khatam hone par phir se chalti hai.

Example:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
    

Multipage Websites

Ek *multipage website* ek se zyada HTML pages se banti hai, jo <a> (anchor) tags ke zariye aapas mein jude hote hain. Aapki yeh website ek multipage website ka ek behtareen example hai.

• Structure: Har page ka apna ek alag URL hota hai, jaise index.html, about.html, ya aapke case mein html-main.html.
• Navigation: Users links par click karke ek page se dusre page par ja sakte hain, jaise aap is website mein kar rahe hain.

Website Deploy Kaise Karein?

Apni website ko internet par live karne ki process ko *deployment* kehte hain. Iske kuch mukhya steps hain:

1. Code Ready Karein: Sabhi HTML, CSS, aur image files final karein.
2. Hosting Service Chunein: Ek web hosting service (jaise Netlify, GitHub Pages, Vercel, Hostinger) chunein. Yeh services aapki website files ko internet par store karti hain.
3. Files Upload Karein: Apni saari files ko hosting service par upload karein. Sabse zaroori file *index.html* ya aapke case mein *webdev-intro.html* hona chahiye.
4. Domain Name Chunein (Optional): Ek custom domain name (jaise www.yoursite.com) khareedein aur use apni hosting se connect karein.

GitHub Pages ek free aur aasan tareeka hai jisse aap apni static website (jisme sirf HTML, CSS, aur JS ho) deploy kar sakte hain.

Congratulations!

Aapne successfully ek multi-page HTML website banana aur uske mukhya concepts ko samajh liya hai. Ab aap apni is website ko GitHub Pages par deploy karke poori duniya ko dikha sakte hain.

Aur janne ke liye:

upar jaein