Up next in 10
Entities, Code tag and more on HTML _ Sigma Web Development Course - Tutorial #13
Mar 11, 2024
In Tutorial #13 of the Sigma Web Development Course, we delve into the finer details of HTML, exploring entities, the `<code>` tag, and other essential concepts. This session provides a comprehensive understanding of HTML entities, special characters, and the use of the `<code>` tag to display code snippets effectively. Viewers will gain insights into how these elements contribute to the clarity and functionality of web content. Whether you're a beginner eager to expand your HTML knowledge or an experienced developer seeking to refine your coding practices, this tutorial offers valuable insights and practical tips. Join us as we explore the nuances of entities, the `<code>` tag, and more, enhancing your proficiency in creating well-structured and readable HTML code.
Show More Show Less View Video Transcript
0:00
गाइस हमने HTML में अल्मोस्ट सब कुछ देख लिय��
0:02
आज के इस विडियो में हम HTML को कॉंट्लूट करते हुए कुछ ऐसी miscellaneous चीज़ों की बाते करेंग��
0:07
जो कि आप लोगों की web development journey में आपको बहुत help करेंगी उसके बाद आने विडियो से हम CSS स्टार्ट करेंग��
0:12
मैश्ट HTML को कॉंट्लूट करेंगे मैं बहुत ज़ादा एकसाइटेड हूँ आप लोग इस विडियो को लाइक करके नीचे कॉंड्र सेक्श्ट मे��
0:17
Sigma patch OP जरूर लिख देना चलते हैं कॉंट्र स्क्रीन में लेट्स रॉल दे इंट्र��
0:21
ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएग��
0:51
ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएगा ज़ाएग��
1:22
और मैं कुछ ऐसे लिखता हूँ अब मैंने यह लिख दिया यहाँ पर ठीक है मैं चाहता हूँ कि यह अपियर कर��
1:27
लेकिन यहाँ पर आप देखो यह अपियर नहीं करेगा क्यों नहीं करेग��
1:31
क्योंकि इसको कैसे बदचलेगा कि मैं पेराग्राफ का कोड लिखना चाहता हूँ या फिर मैं अक्शल में यह पी टाग ऐसा सिंटेक्स यूज़ करना चाहता हू��
1:37
तो इस चीज़ से बचने के लिए होती हैं HTML Entities अब यह HTML Entities क्या होती है मैं आपलोगो बता दू��
1:43
अगर आपलोग यहाँ पर ampersand lt semicolon लिखोगे lt for less than
1:47
तो आप इसको lt semicolon करके लिख सकते हो अब अगर आपलोग यहाँ पर ampersand lt semicolon लिखोग��
1:53
और इसको भी replace करदोगे ampersand lt semicolon से और जो greater than वाला simple है इसको आप replace करदोगे ampersand gt semicolon स��
2:00
मैं आपलोगो करके दिखा देता हूँ इस चीज को अगर आप इसको replace करदोगे ampersand gt semicolon स��
2:05
तो होगा क्या कि ये अक्शल में जैसे के जैसे लिखा हुआ है वैसे ही आपर appear करेग��
2:11
जैसे कि आप देख सकते हूँ यहाँ पर जूम करके दिखा दूआ आपको ठीक है तो क्या होता है कि HTML entities का इस्तेमाल किया जाता है उन शीजों को लिखने के लि��
2:18
जो कि शायद HTML के syntax से collide करें क्या मतलब हुआ क��
2:23
अगर हमने यहाँ पर paragraph tag का code लिखा तो HTML को पता चलेगा यह paragraph tag का code है यह पर आक्शल में आप यह चीज लिखन��
2:30
चाते हो ऐसे इसके लिए एक pre tag भी होता है अगर आप किसी भी ची��
2:33
को pre tag में डाल देते हो और आप यहाँ पर लिखते हो फिर पी तिस इस आ��
2:38
परा ठीक है तो आप इसको अगर इस तरह से लिखो गए तो यहाँ पर यह as it is आजाएग��
2:42
जैसे कि आप देख सकते हो ठीक है यह as it is आजाएगा और उसी के साथ सा��
2:46
यहाँ पर अगर आप new lines लिखते हो this is after few new lines ठीक है और and some more
2:54
अगर आप इस तरह से लिखते हो तो यह देखो यह as it is आजाएगा सारी spaces को intact रखते हु��
2:58
सारी new lines को intact रखते हुए लेकिन यहाँ पर ऐसा नहीं कि tag show up करेग��
3:02
tags के लिए हम antities का ही इस्तेमाल करना पड़ेगा तो यह होता है pre tag html के अंद��
3:06
तो हमने antities देखी हैं हमने pre tag देखा अगर आप लोगो copyright का symbol लालना है तो आप ampersand copy समी कॉलन लिख सकते हू��
3:13
और जैसे यहाँ ampersand copy समी कॉलन लिखोगे तो आपको यहाँ पर copyright का symbol देखने को मिलेगा जैसे कि आप देख सकते हु��
3:19
तो इस तरह की चीज़े आप html antities की साहते से कर सकते हो तो आप यह सारे examples try out करना non breaking spaces को उसे के साथ साथ आप special symbols को उसे की copyright हमने देखा ampersand nbsp space के लिए यूज़ किया जाता है और बहुत ज़्यादा important है तो मैं अगर यहाँ पर लिखता हूँ copyright ठीक है मैं आपर लिखता ��
3:49
है जो एक्स्टर spaces होती हैं वो ignore की जाती है तो आप यहाँ पर देखोंगे तो copyright के बाद तुरंद बाद ही code with area गया लेकि��
3:56
है डिली हम ऐसा नहीं चाहेंगे हम क्या चाहेंगे हम चाहेंगे कि यार ये spaces जो मैंने डाली हैं वो आएं तो आप spaces म��
4:02
आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आ��
4:32
आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आ��
5:02
आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आप आ��
5:32
जो बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत बहुत ��
6:02
प्रिस्म जेस, प्रिस्म डॉट जेस, इससे क्या होता है कि आपकी कोड हैलेटिंग हो जाती है इस तरह से, आप अपने ब्लॉग में कोड वग़ेरे डाल सकते हैं, तो मैं यह लाइबरीरी का इस्तेमाल कर रहा हूँ
6:09
सब बताऊंगा आपको कैसे करना है, मैं तो रियाक्ट का भी इस्तेमाल कर रहा हूँ इसमें, तो वो सब चीज़ आगे हम पढ़ने वाले हैं, तो टेंज़न आप बिलकुल मन लेना
6:15
लेकिन कुछ इस तरह से अगर आप लोग कोड लिखना चाहते हैं, तो कोड टैक का इस्तेमाल करना होता है, अगर आप इसके सोर्स कोड में जाएं, तो आप देखेंगे कोई भी कोड लिखा हुआ है, वो प्री के अंदर कोड टैक के अंदर लिखा हुआ है, लेकिन प्र��
6:45
कोड टैक के अंदर लिखना चाहते हैं, तो यह बालो मैं एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक ��
7:15
कि जो ये less than वाला साइन है न इसको मुझे replace करना होगा, राइटलिक change all occurrences करूँगा और मैं आपर क्या करूँग��
7:21
ampercent lt semicolon मैं आपको बताया था lt semicolon और उसके सासा यह जो greater than वाला symbol है इसको राइटलिक करक��
7:27
change all occurrences ampercent ampercent gt semicolon अब मैं इस code क��
7:33
वाला पर paste करूँगा, मैं as it is नहीं कर सकता paste ठीक है, तो यह चीज़ भी बहुत important है, अभी देखो यह आ जाएग��
7:39
यहाँ पर, तो यहाँ पर देखो यह code as it is आ गया, तो कोई भी copy बगाएँ चाहता है तो वो कर सकता है
7:44
आप एक शीज नोट करना, pre tag की बज़े से यह spaces भी आ रही है, अगर आप चाहते हैं यह spaces ना आएं, तो आप इने select करें
7:49
shift और tab दबा दें, तो shift tab से क्या होता है, एक indent कम हो जाता है, ठीक है, तो यह आप कर सकते हो और उसके बा��
7:56
यहाँ पर back space दबा दो, और यहां से भी मैं extra space रठाओंगा, और आप देखो आपका code जैसे आप चाहते हो ऐसे आ गया है, पर ठीक है
8:01
और इसको CSS से style वहगेरा कर सकते हैं, Prism CSS का इस्तिमाल करेंगे, मैं आप लोगों को बताओंगा किस तरह से
8:07
इस तरह की libraries का इस्तिमाल करना है, आने वाली वीडियो में बहुत कुछ होने वाला है, बस मैं आप लोगों को HTML के कुछ tags के बारे में बताना चाहता था
8:13
जिनके बारे में आपको पता होना चाहिए, ठीक है, फिर इसके बारे में character sets, character sets मतलब आप कौन से character के पेज़ के अंदर उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए ��
8:45
आपके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लिए उसके लि��
9:15
प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्रस्तुत्र प्��
#Programming
#Software
#General Reference
#Computer Education
#Technical Reference