ਮਲਟੀਮੀਡੀਆ ਅਤੇ ਏਮਬੈਡਿੰਗ ਸਮੱਗਰੀ ਵੈਬ ਪੇਜਾਂ ਦੀ ਵਿਜ਼ੂਅਲ ਅਪੀਲ ਅਤੇ ਇੰਟਰਐਕਟੀਵਿਟੀ ਨੂੰ ਵਧਾਉਣ ਵਿੱਚ ਮਹੱਤਵਪੂਰਣ ਭੂਮਿਕਾ ਨਿਭਾਉਂਦੀ ਹੈ। ਇੱਥੇ HTML ਵਿੱਚ ਮਲਟੀਮੀਡੀਆ ਅਤੇ ਏਮਬੇਡ ਸਮੱਗਰੀ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਕੁਝ ਹੋਰ ਵੇਰਵੇ ਅਤੇ ਖਾਸ ਉਦਾਹਰਨਾਂ ਹਨ।
ਚਿੱਤਰ
ਵੈਬ ਪੇਜ 'ਤੇ ਚਿੱਤਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ, <img> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਚਿੱਤਰ ਸਰੋਤ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰੋ src, ਅਤੇ alt ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਕਲਪਕ ਟੈਕਸਟ ਪ੍ਰਦਾਨ ਕਰੋ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ:
<img src="image.jpg" alt="A beautiful sunset">
ਆਡੀਓ
ਆਡੀਓ ਫਾਈਲਾਂ ਨੂੰ ਏਮਬੈਡ ਕਰਨ ਲਈ, <audio> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਡੀਓ ਸਰੋਤ ਨਿਰਧਾਰਤ ਕਰੋ src, ਅਤੇ ਤੁਸੀਂ controls ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਲੇਬੈਕ ਲਈ ਨਿਯੰਤਰਣ ਜੋੜ ਸਕਦੇ ਹੋ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ:
<audio src="audio.mp3" controls></audio>
ਵੀਡੀਓ
ਵੀਡੀਓਜ਼ ਨੂੰ ਏਮਬੈਡ ਕਰਨ ਲਈ, <video> ਟੈਗ ਲਗਾਓ। ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵੀਡੀਓ ਸਰੋਤ ਸੈਟ ਕਰੋ src, ਅਤੇ controls ਵੀਡੀਓ ਪਲੇਬੈਕ ਨਿਯੰਤਰਣ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰੋ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ:
<video src="video.mp4" controls></video>
ਨਕਸ਼ੇ
Google ਨਕਸ਼ੇ ਵਰਗੀਆਂ ਸੇਵਾਵਾਂ ਤੋਂ ਨਕਸ਼ਿਆਂ ਨੂੰ ਏਮਬੈਡ ਕਰਨ ਲਈ, <iframe> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਸੇਵਾ ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੇ ਨਕਸ਼ੇ ਦਾ ਏਮਬੈੱਡ ਕੋਡ ਪਾਓ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024..." width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ
ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਜਾਂ ਬਾਹਰੀ ਵੈੱਬਸਾਈਟਾਂ ਨੂੰ ਏਮਬੇਡ ਕਰਨ ਲਈ, ਦੁਬਾਰਾ <iframe> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਦਾ URL ਪ੍ਰਦਾਨ ਕਰੋ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
ਇਹ ਉਦਾਹਰਨਾਂ ਦਰਸਾਉਂਦੀਆਂ ਹਨ ਕਿ ਤੁਹਾਡੇ HTML ਪੰਨਿਆਂ ਵਿੱਚ ਕਈ ਕਿਸਮਾਂ ਦੇ ਮਲਟੀਮੀਡੀਆ ਅਤੇ ਬਾਹਰੀ ਸਮੱਗਰੀ ਨੂੰ ਕਿਵੇਂ ਏਮਬੈਡ ਕਰਨਾ ਹੈ। ਸਹੀ ਡਿਸਪਲੇਅ ਅਤੇ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਲੋੜ ਅਨੁਸਾਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਮਾਪਾਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ।