Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML5 में सेल्फ-कंटेन्ड कंटेंट कैसे बनाएं?


सेल्फ-कंटेन्ड कंटेंट बनाने के लिए <figure> टैग का उपयोग करें। HTML5 में <figure> टैग इम्प्लीमेंट करने के लिए निम्न कोड चलाएं:

उदाहरण

<!DOCTYPE html> <html> <head> <title>HTML figure Tag</title> </head> <body> <h2>Tutorialspoint Coding Ground</h2> <figure> <img src="https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg"/> </figure> </body> </html>

नोट: <figure> सेल्फ-कंटेन्ड कंटेंट रिप्रेजेंट करता है (इमेज, डायग्राम, कोड स्निपेट्स) जिसे मुख्य फ्लो से अलग किया जा सकता है बिना डॉक्यूमेंट के अर्थ को प्रभावित किए। अक्सर <figcaption> के साथ उपयोग किया जाता है।

  1. HTML में फ्लेक्सबॉक्स लेआउट कैसे बनाएं? HTML में फ्लेक्सबॉक्स लेआउट कैसे बनाएं?

    CSS फ्लेक्सबॉक्स (Flexbox) फ्लेक्सबॉक्स लेआउट CSS3 में पेश किया गया। यह मल्टी-कॉलम लेआउट बनाने, स्क्रीन साइज़ के अनुसार एडजस्ट होने और रिस्पॉन्सिव डिज़ाइन के लिए शक्तिशाली है। मार्जिन कोलैप्स की समस्या नहीं होती। उदाहरण: फ्लेक्सबॉक्स लेआउट <!DOCTYPE html> <html> <head> <

  1. HTML में फ्लोटिंग लेआउट कैसे बनाएं? HTML में फ्लोटिंग लेआउट कैसे बनाएं?

    CSS float प्रॉपर्टी फ्लोटिंग लेआउट वेबसाइट्स के लिए पारंपरिक मल्टी-कॉलम तरीका है। CSS float प्रॉपर्टी से एलिमेंट्स को बाएं/दाएं फ्लोट कराकर कॉलम्स बनाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div.mycontent { width: 100%; border: 1px solid green; }

  1. HTML5 SVG में गोल कोनों वाला आयत कैसे बनाएं? HTML5 SVG में गोल कोनों वाला आयत कैसे बनाएं?

    SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में आयत बनाने के लिए SVG <rect> एलिमेंट का उपयोग करें। गोल कोनों के लिए, rx और ry एट्रिब्यूट सेट करें, जो आयत के कोनों को गोल करते हैं।उदाहरणHTML5 SVG में गोल कोनों वाला आयत बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <