Learn More

Div element | Tag | HTML in Hindi

Div element खुद कुछ इफ़ेक्ट नहीं डालता पर यह बहुत ज्यादा महत्त्वपूर्ण होता हैं ।

इस tutorial में हम HTML divi एलिमेंट या कह सकते हैं HTML div tag के बारे में बात करेंगे ।
<div> एक ब्लॉक एलिमेंट के नाम से भी जाना जाता हैं जिसमे HTML कोड होते हैं ।
साधारण Hindi में समझे तो पहले समय में वेबसाइट को  HTML Table के द्वारा बनाया जाता था। Table से बनाने में बहुत मेहनत लगती थो और वो वेबसाइट responsive भी नहीं होती थी ।
Resonsive का मतलब हैं जो वेबसाइट मोबाइल screen के अनुसार अपना साइज बना ले और यदि tablet पर ओपन करे तो टेबलेट की स्क्रीन के अनुसार साइज लेले  ।
आज के टाइम में वेबसाइट को div element की मदत से बनाया जाता हैं । HTML डिव के द्वारा वेबसाइट को अच्छे से डिज़ाइन किया जाता हैं और responsive बनाया जाता हैं ।
डिव खुद कुछ  इफेक्ट नहीं करता है परन्तु डिव को CSS के लिए यूज किया जाता हैं ताकि Div ब्लॉक में CSS को लगाया जा सके ।

CSS की फुल फॉर्म हैं cascading stylesheet जो की वेबसाइट को डिज़ाइन करने के लिए उपयोग की जाती हैं ।
CSS में क्लास बना कर उस क्लास को div की मदत से HTML में use किया जाता हैं जिस से वेब पेज को डिज़ाइन किया जाता हैं ।
एक वेब पेज में कितने भी div हो सकते हैं और कितनी भी CSS class को HTML div के साथ use किया जा सकता हैं ताकि उस डिव ब्लॉक कोड पर CSS का effect दिख सके ।


डिव के उपयोग CSS के लिए ही किया जाता हैं ।

दिवि को यदि बिना CSS के use करे तो उसका कोई भी इफ़ेक्ट नहीं दिखाई देता हैं ।


HTML div एलिमेंट को समझने के लिए आपको निचे  दिए गए सिंटेक्स को समझा न पड़ेगा ।


    


ऊपर दिए गए सिंटेक्स में डिव के साथ class container को डिफाइन किया गया हैं ।यहाँ पर div HTML का एलिमेंट हैं ।
class container CSS की एक क्लास का नाम है।

CSS बनाते समय class या id को बनाया जा सकता हैं । यदि CSS में क्लास की जगह id देते हैं तब डिव एलिमेंट में कुछ इस तरह से CSS को apply करते हैं ।

 

ऊपर दिए गए  सिंटेक्स में हम डिव के साथ क्लास जगह id को डिफाइन करते हैं क्युकी CSS में क्लास या id किसी भी तरह से CSS को बनाया जा सकता हैं ।


चलिए HTML div element के example से समझते हैं ।

HTML Paragraph


<!DOCTYPE>
<html>
<head>
<title>HTML <div> element </title>

</head>
<body>

This is a heading

Paragraph goes here

</body> </head> </html>
Run


ऊपर दिय गए example में <head> tag में class header नाम से एक CSS बनाई गयी हैं ।
CSS को HTML में <style> </style> टैग के अंदर डिफाइन करना पड़ता हैं ।
header class का नाम हैं जिसे डॉट(.) के साथ डिफाइन किया जाता हैं । यदि class की जगह id को डिफाइन करना हैं तो हम # sign का उपयोग करते हैं #header ।

उसके बाद बॉडी के अंदर div टैग में क्लास को डिफाइन किया गया है ।
और div block में heading और paragraph लिया हुआ हैं ।

example को रन करके आप इफ़ेक्ट देख सकते हैं ।

इस तरह से HTML div tag or element का उपयोग HTML में किया जाता हैं ।

Recommended Posts:-