მულტიმედია და ჩაშენებული კონტენტი გადამწყვეტ როლს თამაშობს ვებ გვერდების ვიზუალური მიმზიდველობისა და ინტერაქტიულობის გაძლიერებაში. აქ არის კიდევ რამდენიმე დეტალი და კონკრეტული მაგალითები, თუ როგორ გამოიყენოთ მულტიმედია და ჩასვათ შინაარსი 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 Maps-ის მსგავსი სერვისების რუქების ჩასართავად გამოიყენეთ <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 გვერდებში. დარწმუნდით, რომ დაარეგულირეთ ატრიბუტები და ზომები, როგორც საჭიროა სათანადო ჩვენების და ფუნქციონირების უზრუნველსაყოფად.