Posts

Showing posts from November, 2022

Line Break Tag

Image
Line Break Tag Line Break टैग, या `<br>` टैग, HTML का एक inline टैग है जिसका उपयोग टेक्स्ट या सामग्री को एक लाइन से दूसरी लाइन पर ले जाने के लिए किया जाता है। जब आप `<br>` टैग का इस्तेमाल करते हैं, तो वहां जहां यह टैग होता है, वहां का टेक्स्ट या सामग्री एक नई लाइन पर आता है। यहां एक उदाहरण है: ```html <p>यह एक लाइन है।<br>यह दूसरी लाइन है।</p> ``` इस उदाहरण में, `<br>` टैग का उपयोग से "यह एक लाइन है।" और "यह दूसरी लाइन है।" को अलग-अलग लाइनों पर दिखाया जाएगा, जबकि `<p>` टैग से दोनों को एक पैराग्राफ के रूप में प्रदर्शित किया जाएगा। इस टैग का उपयोग किसी भी स्थिति में किया जा सकता है जब आपको टेक्स्ट या सामग्री को अलग लाइनों पर रखना हो, जैसे कि पता, कविता, या गाने के बोल। 

CSS Block Property

  CSS Block Property Property Value Syntax Word-spacing Length Word-spacing:100px; Letter-spacing Length letter-spacing:100px; Line-height Length Line-height:20px; White-space Normal|nowrap|pre|pre-line White-space:nowrap; Display Block|inline|inline-block Display:block; Output Coming Soon.....

CSS Background Property

Image
CSS Background Property Property Value Syntax background-color color | transparent |RGB background-color:red; background-color:rgb(70,50,60); background-image url(“”) | linear-gradient() |  radial-gradient() background-image:url(“start.png”); background-image:linear-gradient(red,blue); background-position top center | top left |top right center center | center left | center right bottom center | bottom left |bottom right length: (x)px (y)px background-position:10px 30px; background-position:top right; background-position:center; background-attachment Scroll | fixed | local background-attachment:fixed; (default: scroll) background-repeat No-repeat | repeat-x | repeat-y| Repeat background-repeat:no-repeat; (default: repeat) background-repeat:repeat-x b

Attribute Selectors

Image
Adjacent Selectors [attribute]: यह selector htmltag में define attribute से tag को select करेगा |      [attribute=”value”]: यह selector htmltag में define attribute और उसकी value से tag को select करेगा |      [attribute~=”value”]: यदि एक name की कई values space के साथ define है तो ये attribute उसे भी select करेगा |        [attribute|=”value”]: यदि एक name की कई values hyphen (-) के साथ define है तो ये attribute उसे भी select करेगा |        [attribute^=”value”]: यदि एक name की कई values hyphen (-), space, non-space के साथ define है तो ये attribute उसे भी select करेगा |      [attribute$=”value”]: यदि एक name की कई values , value के last

Sub Selector

Image
What is sub selector? किसी tag / element के अंदर defined, tag / element को sub selector के अंतर्गत select किया जाता है ।  यह चार प्रकार के होते हैं :- 1. Descendant Sub-Selector (space) 2. Child Sub-Selector (>) 3. Adjacent Sibling Sub-Selector (+) 4. General Sibling Sub-Selector (~) 1.Descendant Selector (space): यह selector उन सभी elements को select करेगा जो उस element / tag  के अंदर use किए गए हो । Syntax:- 2. Child Selector (>): यह selector उन सभी elements को select करेगा जो केवल उस element के child हो। Syntax:-  3. Adjacent Sibling Selector (+): यह selector, यदि closed tag के बाद कई elements defined है तो ये उन सभी से स्टार्टिंग वाले केवल एक element को select करेगा। Syntax:- 4. General Sibling Selector (~): यह selector, यदि closed tag के बाद कई elements defined है तो ये उन सभी elements को select करेगा। Syntax:-

CSS Selectors

Image
Universal Selector यह Selector, Page मे उपस्थित सभी HTML elements को select करता है जिसे हम style tag के अंतर्गत define कर देते हैं । इसका use (*) के साथ किया जाता है । Syntax:-   Group Selector  यह selector, page में एक से अधिक HTML elements को select करेगा। Syntax:-  Tag/Elements Selector यह selector, page में single tag को select करेगा। Syntax:- Id Selector यह selector, page में किसी element / tag को tag में defined id attribute के अंतर्गत select करेगा। Tag में id attribute के साथ value देनी होगी । id attribute को style tag ke अंतर्गत (#) symbol के साथ define किया जाता है । Syntax:- Class Selector यह selector, page में किसी element / tag को tag में defined class attribute के अंतर्गत select करेगा। Tag में class attribute के साथ value देनी होगी । class attribute को style tag ke अंतर्गत (.) symbol के साथ define किया जाता है । Symbol:- <p class = "center&qu