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

HTML में दस्तावेज़ में सेक्शन कैसे बनाएं?

दस्तावेज़ में सेक्शन जोड़ने के लिए <div> टैग का उपयोग करें। HTML <div> टैग आपके दस्तावेज़ के एक सेक्शन को परिभाषित करने के लिए उपयोग किया जाता है। div टैग के साथ, आप HTML एलिमेंट्स के बड़े सेक्शन्स को एक साथ समूहित कर सकते हैं और उन्हें CSS से फॉर्मेट कर सकते हैं।

उदाहरण

सेक्शन बनाने का कोड:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML div Tag</title>
    <link rel="stylesheet" href="style2.css">
  </head>
  <body>
    <div id="contentinfo">
      <p>Welcome to our website. We provide tutorials on various subjects.</p>
    </div>
  </body>
</html>

निम्न CSS फ़ाइल style2.css है:

#contentinfo p {
  line-height: 20px;
  margin: 30px;
  padding-bottom: 20px;
  text-align: justify;
  width: 140px;
  color: red;
}

<div> एक जेनेरिक ब्लॉक-लेवल कंटेनर है जिसका कोई सेमेंटिक अर्थ नहीं है। सेमेंटिक विकल्प: <section>, <article>, <aside>, <nav>, <header>, <footer>, <main>। जब कोई सेमेंटिक टैग उपयुक्त न हो तभी <div> उपयोग करें।

  1. HTML में कंडीशनल कमेंट्स कैसे बनाएं? HTML में कंडीशनल कमेंट्स कैसे बनाएं?

    इंटरनेट एक्सप्लोरर के लिए कंडीशनल कमेंट्स केवल माइक्रोसॉफ्ट इंटरनेट एक्सप्लोरर (IE 5+) द्वारा समझे जाते हैं। अन्य ब्राउज़र्स इन्हें सामान्य कमेंट्स की तरह अनदेखा कर देते हैं। उदाहरण: केवल IE 9 के लिए निर्देश <!DOCTYPE html> <html> <head> <title>HTML Conditional Commen

  1. HTML में हिडन कमेंट्स कैसे बनाएं? HTML में हिडन कमेंट्स कैसे बनाएं?

    <!-- --> सिंटैक्स HTML में हिडन कमेंट्स (छिपी टिप्पणियां) बनाने के लिए <!-- से शुरू करके --> पर समाप्त करें। इनके अंदर का कंटेंट ब्राउज़र में प्रदर्शित नहीं होता। ये कोड समझने, डिबगिंग या भविष्य के संदर्भ के लिए नोट्स लिखने में काम आते हैं। उदाहरण <!DOCTYPE html> <html> &

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>