Day - 4 | HTML Image, List & Anchor Tags Explained - video Dailymotion

skillwaala

👨‍💻 What You’ll Learn in This Class: ✅ How to use the  tag to display images on a webpage ✅ Adding image attributes like src, alt, width, and height ✅ Creating ordered and unordered lists using , , and  ✅ Linking pages, buttons, and sections using the  (anchor) tag ✅ Best practices for linking images and pages ✅ Real examples and live coding demonstration

Transcript

00:00:00झाल झाल

00:00:30झाल

00:01:00झाल

00:01:29साइनात, सत्यम, हर्ष, सौरव, दिपिका

00:01:39एक बार सब रैस्पॉंस कर दो कि मेरी वाइस किलियर है

00:01:43आज माइक सही है

00:01:52आज भी अगर कोई इशू आता है तो इसका सॉलिशन करा जाएगा

00:02:00फिर से पैसे तो नहीं आना चीए

00:02:02यह दुआ करो आपकी क्लास में कोई इशू ना आए

00:02:05सौरव करें कि सर अटनेंस फॉर्म दो बार फिल कर सकते है क्या

00:02:20देखो मैं आपको बता दू अटनेंस फॉर्म सिर्फ आपको एक बार फिल करना है

00:02:25अगर आप मल्टिपल टाइम अटनेंस फॉर्म फिल करोगे तो वो आपकी अटनेंस भी रिजेट हो जाएगी

00:02:32ठीक है पहले बता दू आपकी वो attendance ही reject हो जाएगी मतलब वो जो form आपने बढ़ा है वो reject हो जाएगा

00:02:40जैसे किसी एक student में भी सत्यम student है उन्होंने 30 बार एक ही form को submit करा है same question को

00:02:49तो certificate नहीं मिलेगा इस case में पहले बता देता हूँ ऐसी गलती मत करो

00:02:54अगर एक बार गलती होती है जैसे मालों आपने point one गलत लिख दिया point two आपने सही लिख दिया या फिर कुछ गलती हो गई तो आप वापस दूसरी बार फिल कर सकते हो बस

00:03:02अगर दो से जादा बार फिल होता है तो फिर वो आपकी जो आपने जिस form की attendance लगाई है वो consider नहीं की जाएगी

00:03:13ठीक है तो पहले बता देता हूँ ये चीज में आपको आपको बार बार attendance नहीं लगानी

00:03:19ठीक है

00:03:32ठीक है चलो आज अपना आगे डिसकस करते है अपने topic की उपर

00:03:45हर्च करें सर आपसे contact करना है कुछ important बात करनी है कैसे करूँ easy है जो skill वाला के contact

00:03:56number है उस पर call करके आप बोल सकते हो कि देवान शूसर से में को बात करनी है तो आप कर सकते हो ठीक है

00:04:01सिर्फ यही option है

00:04:03ठीक है चलो आपना बाकी चीजें भी discussion करते रहेंगे गौपाल चन करें look into my messages

00:04:15क्या message कराया आपने वापस आप उसको tag करके वापस उसको reply कर तो उसको पर

00:04:23हर्ष करें कोई time है सर आपसे बात करने का yes बिलकुल आप एक बज़े के बाद आप call कर सकते हो

00:04:34एक बज़े के बाद आप call कर सकते हो एक बज़े से लेके अपनी class होती है साड़े साथ मतलब साथ बज़े तक

00:04:41एक से साथ के बीच में आप में को call कर सकते हो जो इसके लवाला के content number है उस पर

00:04:53अन्मोल करें hi software developer मैं अच्छा हूँ आप कैसे हो मैं भी अच्छा हूँ जितने आप अच्छे होत नहीं मैं अच्छा हूँ

00:05:01I have dropped a message check your IG Instagram पर आपने में को कुछ message किया है देखो मैं confirm नहीं कह सकता अगर आप

00:05:12इंस्टा पर में को कोई message करते हो तो जरूरी नहीं है मैं वो देखो चीक है लेकिन फिर भी मैं एक बार

00:05:19check करता हूँ कहां पर आपने message करा है क्योंकि अगर आप कोई message करते हो तो वो request में जाता और request में

00:05:25check नहीं करता एक बार check करनी पड़ेगी चीक है

00:05:27voice clear है बट daily motion का issue है थोड़ा voice के बीच बीच में आवाज नहीं आती है

00:05:35daily motion वाला कोई issue नहीं हो सकता daily motion में ऐसा क्या issue आ रहा है

00:05:39हर्ष करे ठीक है सर ये बता दीजिए सर जो जब हम ये course complete कर लेंगे तो हम लोगों को

00:05:52English में interview करना होता है देखो depend करता है company के उपर

00:05:57कई companies में depend करता है कई आपसे English में interview लेते कई नहीं लेते कई जैसे आप

00:06:03explain कर दो आप Hindi में भी कर सकते हो अपना पुरा कोड लेकिन वहाँ पर जो technical terms है वह यूज करना जरूरी है

00:06:11लेकिन English आना जरूरी है अगर आप companies में work करना चाते हो तो English जरूरी है कि

00:06:25client से बात करना आपको आना चीए चीक है

00:06:29sir आपका insta id क्या है अनमोल पूछ रहे देखो खोजो तो जाने

00:06:35डूनते रहो मिल जाए तो बहुत अच्छी बात है

00:06:39देवान शू तो आपको पता है यह नाम आगेगा नाम भी आपको पता है कुमावत उसके बाद तो फिर आप ढून सकते हो

00:06:49गुड़ीवनिंग गुड़ीवनिंग

00:06:53शौरव करें कि sir अगर आप फ्री हो यस बिल्कुल मैं फ्री हूँ और आप बोलो कि

00:07:04जैन यह आई फोर डेवलपर्स फुल स्टैक प्रोजेक्ट बैच भी लेके आए दूसरे टाइम पे ठीक है अपने यह काम भी करते

00:07:11एक नया बैच ओड लेके आएंगे बहुत जल्दा आएगा बस मैं इसकी fix कोई टाइमिंग नहीं बता सकता ठीक है

00:07:19यह अकसेसर यह कोर्स मुझे टाइम से मिल गया तो मैं इसको सीख रहा हूँ नहीं तो मैं BPO जोइन करने जा रहा था

00:07:32चले तो बहुत अच्छी बात है गोपाल करे देवांशू अंडर स्कूर कुमावत चलो भाई बहुत अच्छी बात है आईडी मिल गई आपको

00:07:43सूरज करें सर कन रिस्टाट दसेशन प्लीज यस बिलकुल सेशन अपने स्टाएट ही करते है ना ट buttonSON

00:07:52पहले कुछ आपके पांच या दस मिनिट आपके जो कमेंट से वो तो ले ले फिर उसके बाद अपने स्टार्ट करेंगे बहुत सारा कुछ टाइप करके भीज़ दिया आपने कोड उठा के यहाँ पर भीज़ दिया चलो कोई बात नहीं

00:08:05चलो ठीक है अब अपन डिसकस करते हैं मैं आपको स्क्रीन शाय कर देता हूँ एक बार सब रैस्पोन्स कर देना कि आपको स्क्रीन विजिबल है और हो सकता है कि आपता स्क्रीन शाय करने के बाद ही volume का issue आई मतलब voice का issue आई दिखते हैं अगर आता है तो

00:08:24तो अपन डिसकस कर रहे थे यहाँ पर अपने स्टीमल टैक्स के उपर कि अपने पास स्टीमल में कौन कौन से टैग होता है अपने कुछ टैग यहाँ पर डिसकस कर भी लिये थे जैसे अपने अपना प्री टैग देखा था अपने अपने अपने हैडिंग टैग देखे थे अ

00:08:54वो tag अपन यहाँ पर discuss करते हैं

00:08:56कल जो next tag अपने देखे थे

00:08:57वो अपने देखे थे bold और italic

00:08:59अगर अपने को किसी भी text को bold करना है

00:09:01तो उसके लिए अपन bold यूज लेते हैं

00:09:03और italic करना है तो italic यूज लेते हैं

00:09:05ठीक है यहाँ तक की चीज़ तो आपको clear है

00:09:08अब अपन आगे चलते है

00:09:10आगे अपन discuss करते है

00:09:13यहाँ पर अपने किस के उपर

00:09:14और कौन कौन से अपने पास यहाँ पर tag आते हैं

00:09:18तो next tag अपन यहाँ पर देखते हैं

00:09:20कि अपन अपने HTML के अंदर

00:09:22list किस तरीके से create करते हैं

00:09:24अगर में को यहाँ पर list बनानी है

00:09:25मेरे HTML के अंदर

00:09:26अब देखो list के दो type होते है

00:09:28जैसे मालो आपको कुछ भी

00:09:30किसी भी चीज की list बना रहे हूँ

00:09:32जैसे मालो आपने task की list बना रहे हूँ

00:09:35तो आप task की list ऐसे बना सकते हो

00:09:37या तो आप order बनाओगे या unorder बनाओगे

00:09:39ठीक है order के अंदर क्या होता है

00:09:41आपने task decide कर दिये

00:09:42कि मैं सुबह उठूँगा

00:09:43साड़े साथ मेरे को उठना है

00:09:44दिंचरिया जिसको अपन कहते है

00:09:46time table आपने बनाया होगा बहुत पहले

00:09:49तो उसमें आप fix कर देतों कि

00:09:51पहला है सुबह साड़े साथ उठूँगा

00:09:53फिर उसके बाद एक घंटे में

00:09:55fresh fresh और ना ना वना सारे काम कर लूँगा

00:09:57फिर उसके बाद पढ़ाई करूँगा

00:09:58यह वो यह आपने उसको order में

00:10:01create करा है और unorder क्या होता है

00:10:03unorder मतलब कोई भी order

00:10:05उसमें decide नहीं होता ठीक है

00:10:07मतलब आप कुछ भी order decide नहीं करते

00:10:10जैसे मालो आपको market से

00:10:12सामान ले के आना है अपने एक list बनाई

00:10:13और उसमें आपने सारे सामान आपर लिख लिए

00:10:15कि आपको maggie ले के आनी है

00:10:18आपको यहाँ पर ketchup ले के आना है

00:10:21सबजी यहां ले के आनी है

00:10:22तो आपने उस सारे dot करके

00:10:24या फिर कुछ symbol बना के लिख लिए

00:10:25तो वो unorder है

00:10:26मतलब उसका कोई order decide नहीं है

00:10:28जैसे जैसे आपको shop मिलती जारी

00:10:29वैसे वैसे आप चीचे लेते जा

00:10:30तो यह अपने पास दो तरीके की list होती है

00:10:34order list मतलब उसके आगे अपन

00:10:36sequence decide कर रहे है

00:10:37जैसे एक, दो, तीन, चार, पाँच

00:10:39या फिर roman के अंदर अपन दे रहे

00:10:41first, second, third

00:10:41या फिर अपन अपने alphabet में दे रहे

00:10:43a, b, z, d इस तरीके से

00:10:45और unorder में क्या होता है

00:10:46unorder में अपन यहाँ पर उसके आगे कुछ भी symbol बना दे

00:10:49जैसे आप star बना दे तो किसी भी

00:10:51यहाँ पर list item के उपर

00:10:53ठीक है

00:10:54तो यहाँ पर दो तरीके की list आती है

00:10:56और जो अपने पास list है

00:10:57वो अपने पास parent-child combination होता है

00:11:00parent-child combination मतलब

00:11:02कि यहाँ पर जैसे मैं बात करूँ

00:11:04अपने order list की तो वो अपने पास

00:11:06create होती है

00:11:07oval करके

00:11:08गलत जगे कर रहे हैं यहाँ पर आओ

00:11:10body के अंदर ही लिखना है अपने को

00:11:11तो यहाँ पर मैं लिखता हूँ

00:11:12O, L

00:11:13O, L अपने पास क्या अपनी order list

00:11:15और इसके अंदर आते हैं अपने list item

00:11:17तो मैं यहाँ पर L, I

00:11:18L, I क्या है list item

00:11:19अब मैं को यही same code copy करना है

00:11:22तो मैं यहाँ पर क्या करूँगा

00:11:23Alt, Shift और Down arrow जैसे ही प्रैस करूँगा

00:11:26तो यही last वाला जो code है

00:11:29वो ही मेरे पास copy होके आ जाएगा

00:11:31अब यहाँ पर अपन कुछ भी items लिख देते हैं

00:11:34मैं यहाँ पर कहता हूँ

00:11:34जैसे पहला मैंने लिखा

00:11:35STML

00:11:36दूसरा मैं यहाँ पर कहता हूँ

00:11:37मेरा CSS

00:11:39तीसरा मैं यहाँ पर कहता हूँ

00:11:40जैसे

00:11:41JS

00:11:42और फिर मैं यहाँ पर कहता हूँ

00:11:43React

00:11:45ठीक है

00:11:45यह मैंने यहाँ पर किसमें लिखाया

00:11:47order list के अंदर

00:11:48तो इसका मतलब यह जो सारे list item है

00:11:51यह मेरे को order में दिखने वाले

00:11:52यह जो old tag है

00:11:53यह आपका parent tag है

00:11:54और यह जो ally tag है

00:11:56यह आपकी क्या है सारे

00:11:57child tag है

00:11:58ऐसे अगर अपन HTML tag की बात करते है

00:12:00तो यह अपना root element है

00:12:01और इसके अंदर head tag क्या होगा

00:12:03इसका child tag होगा

00:12:04body tag क्या होगा

00:12:05इसका child tag होगा

00:12:05यहाँ पर भी बात है

00:12:06ठीक है तो parent कौन सा होगा

00:12:08जो mean tag होगा

00:12:09फिर उसके अंदर child होगा

00:12:11child के अंदर भी sub child हो सकता है

00:12:13ठीक है

00:12:13तो इस तरीके से अपन यह आपर

00:12:15यह relation होता है इसके अंदर

00:12:17मैं यह आपर इसको run करता हूँ

00:12:18यहाँ पर अपन इसको run कर लेते

00:12:20तो अपने ब्राउजर पर वो दिख जाएगा

00:12:22ठीक है

00:12:23तो यहाँ पर जो list अपने पास create हो किया यह कौन सी है order list

00:12:27मतलब इसके अंदर जो list item है उसमें सारा जो भी list item है

00:12:31उसमें जो अपने पास list के आगे लिखा हुआ है

00:12:34first, second, third, fourth, first item यह, second यह, third यह, fourth यह

00:12:38ऐसे ही अपने पास आती है अपनी un-order list

00:12:42un-order list मतलब उसमें कोई भी sequence decide नहीं होगा

00:12:46मैं आपर लिखता हूँ ul, ul मेरे पास क्या है मेरी un-order list

00:12:49और उसके अंदर मैं आपर पास करता हूँ मेरे list item

00:12:52मैंने आपर list item पास करें, मैंने 3 list item यहाँ पास कर दी है

00:12:56उसके अंदर अपने list item देते हैं जैसे मैंने यहाँ पर देदी है अपना

00:12:59node.js ठीक है उसके बाद next मैं आपर लिख देता हूँ जैसे अपना

00:13:04express.js ठीक है उसके बाद मैं यहाँ पर एको लिख देता हूँ और इसको

00:13:11मैं यहाँ पर कहते हूँ जैसे

00:13:12क्या कहा है अपन यहाँ पर

00:13:14कहते है अपना mongodb

00:13:16मैंने यहाँ पर

00:13:18mongodb कह दिया अब देखो यहाँ पर

00:13:21अगर आप देखोगे तो यह तीनों जो

00:13:22list item है वो अपने पास कैसे आ रहे हैं

00:13:24कोई sequence नहीं है सब के आगे बस एक symbol

00:13:26बनावा आ रहा है तो यह

00:13:28दो तरीके की list अपने पास यहाँ पर आती है

00:13:30एक तो आती है order list और एक आती है

00:13:32अपने पास यहाँ पर अपनी

00:13:34unorder list

00:13:34यहाँ तक की चीज के लिए रहे तो

00:13:38एक बार comment करके बताओ यह सर यहाँ तक की चीज

00:13:40के लिए रहे इसमें कोई डाउट नहीं है

00:13:42उसके बाद अपन आगे वो डिसकस करते है

00:13:44क्रिशना करें वापस बताओ सर

00:13:56इसमें क्या इश्यू आया

00:13:58सिबूल करें सर डिस्क्रिप्शन

00:14:04लिस्ट भी तो है ना

00:14:06लेकिन वो यूज नहीं आती

00:14:07ऐसे तो और भी बहुत सारे देख हो screen

00:14:10जो मैं आपको बता रहा हूँ

00:14:11गॉमनली यूज होते है वो सारे टाईग बता रहा हूँ

00:14:14HTML अगर आप देखोगी तो बहुत सारी है

00:14:16description लिस्ट भी आती है

00:14:183 तरीकी की होती है

00:14:19तो अगर आप documentation जाके go through करोगी

00:14:22कहीं पर भी तो लेकिन जो important है वो मैं आपको यहां पर बता रहा हूं ठीक है और stml तो यह अभी अपन

00:14:29starting कर रहे हैं मैं आपको बता दू stml से related तो आप से कुछ questions पूछेगा भी नहीं

00:14:33interview वाला क्योंकि उसको stml से मतलब ही नहीं है ठीक है मेरे एक student था वो जब मैंने

00:14:45stml स्टार्ट ही करी थी तो वो stml उसमें कुछ error आई होगी ठीक है मतलब error नहीं कुछ

00:14:54दिक्कत आई होगी error तो नहीं कह सकते है वह था सर मेरे यह बहुत बड़ी error आगी

00:14:58html के अंदर बहुत बड़ी error दिखाओ वाई ऐसा क्या है तो टेग ओपन रखाता टेग क्लोज में बस स्लैश नहीं लगावा था बोला सर्व मैंने कम से

00:15:09हम तीन घंटे वेस्ट कर दिये और में को समझी भी नियारा क्या error आ गई तो ऐसी error आपको नहीं लेकर आनी ठीक है

00:15:18हाला कि उस error वाले student का placement हो गया है

00:15:20क्योंकि उसने efforts लगाये थे अपने मेहनत करने पे हो जाता है ठीक है तो चलो अपन आगे चलते हैं यहां तक की

00:15:37चीज आप सभी को clear है अब आगे चलते हैं इसके अंदर तो यह तो अपने पास हो गई अपनी order लिस्ट और यह अपने पास अपने पास अगर अपने को यहां पर इसका यह

00:16:01symbols change करने हो या फिर यह numbering यहां पर change करनी हो तो उसके लिए अपने पास यहां पर use होते हैं अपने attributes अब एक नई चीज आ रही है जो मैं यहां पर नाम ले रहा हूं और वो है अपने पास अपने attributes

00:16:12HTML के अंदर tag पर तो अपने discuss करी लिया था अपने पास आते हैं अपने attributes attributes basically यहां पर क्या होते हैं अगर अपने को किसी भी tag के अंदर मतलब किसी भी नहीं सब के नहीं कह सकते हैं अगर जो tag अपने पास पहले से created है उनमें कई tag ऐसे हैं जिनमें attribute apply होते है attribute क्या काम आते है additional functionality

00:16:42में यहां पर number की जगे इसको किसमें convert कर दूँ alpha bet में convert कर दूँ या फिर roman के अंदर convert कर दूँ तो वो open कर सकते हैं अपने attribute के थूँ अब attribute का rule कैसे use करते हैं syntax क्या होता है attribute अपने पास यहां पर attribute का name होता है जैसे मालो मेरे पास name ही मैं यहां पर एक्वल और यहां पर अ�

00:17:12attribute ठीक है और उसके अंदर अपन पास करते हैं उसकी value अब भी initially क्या value है इसकी number आ रहा है अगर मेरे को यहां पर alphabet set करना है तो मैं इसमें e set करूँगा तो यह alphabet में अपना पूरा set हो जाएगा ठीक है तो यह अपने पास अपने attributes होते है attributes को अपन use कहां लेते attributes को अपन use लेत

00:17:42अपन टैग लोगया और इसके बीच में अपना क्या होता है content इसके बीच में क्या होता है अपना content attribute अपन कहां यूज लेते है यहां पर जैसे मालू मैंने यहां पर type नाम का सिर्फ बता रहा हूं इसके इंदर है नहीं मैंने type नाम का attribute लिगा और उसमें लिग दिया तो अ�

00:18:12अब में दो common attributes है जो अपन सब पर लगा सकते हैं एक attribute अपने पास id attribute एक है आईडी और एक है अपने पास अपना class attribute यह दो attribute ऐसे attribute है जो अपन यहां पर सारे tag के उपर अबलाई कर सकते हैं id और class attribute ऐसा क्यूं है यह मैं आगे बताता हूं ठीक है तो देखो यहां पर अपन �

00:18:42यहां पर मैंने लिखा मेरा type attribute जैसे मैंने type पे click करा तो मेरा attribute यहां पर set हो गया अभी अपने को suggestion भी दे रहा है कि आपको type की value क्या देनी है मतलब आपको number रखना है alphabet capital में रखना है या फिर आपको यहां पर small में रखना है या फिर आपको roman में रखना है सारी चीज़े यह

00:19:12चीज़ करना है तो मैंने यहां पर क्या लगा अपना type attribute अभी type attributes सब के उपर apply नहीं होता यह सिर्फ अपनी order list और unorder list पर apply होता है ऐसे आगे जितने tag अपन पढ़ते जाएंगे उन पर जो भी attributes होंगे वो मैं सारे आपको बताने वाला हूँ कि कौन-कौन से attributes आते है और कौ

00:19:42CSS से भी change कर सकते हैं ठीक है CSS से पन सीखेंगे क्योंकि basically attribute पहले से यह मालो एक लिखीवी CSS है जो यहां पर apply हो रही है लेकिन CSS से पन क्या कर सकते हैं अपनी हिस्साब से उसको customize कर सकते हैं तो मैं आपर कहता हूँ कि आप यहां पर क्या कर देना circle कर देना इसको मैंने बुला circle

00:20:12अपने पास कर आपना type attribute चीक है I hope कि आपको यहां तक की चीज समझ में आई कि अपन type attribute क्यों use लेते हैं और यह सिर्फ अपने order list और unorder list के उपर ही apply होता है चीक है तो यह तो बात होगी अपने पास किस चीज की अपने attributes की perfect चीक है तो यह तो tag होगे अपने पास अपने order list �

00:20:42करके बता दो यह सर यहां तक की चीज के लिए रहे फिर अपने आगे डिसकस करते हैं इसके अंदर

00:20:46अ

00:20:55अ

00:20:56हुआ

00:20:57अ

00:20:59हुआ

00:21:00हुआ

00:21:05हुआ

00:21:07हुआ

00:21:09हुआ

00:21:11हुआ

00:21:13हुआ

00:21:15हुआ

00:21:17हुआ

00:21:18हुआ

00:21:21हुआ

00:21:23हुआ

00:21:25हुआ

00:21:27हुआ

00:21:28यह सर एस्टीमल के project करवा दीजी आप एक एस्टीमल पर प्रोजेक्ट अपन करेंगे अपना एस्टीमल सीएसेस पड़ने के बाद

00:21:36हुआ

00:21:38हुआ

00:21:40हुआ

00:21:42इस्टीमल में कोई भी प्रोजेक्ट नहीं होता

00:21:44इस्टीमल बेस्ट कोई प्रोजेक्ट नहीं होता

00:21:46क्योंकि एस्टीमल सरफ structure है

00:21:48अपनी वेबसाइट का structure

00:21:50डिसाइड करना

00:21:51यह मालो जैसे आप घर बनाना चाते हो

00:21:53तो सिर्फ आपने एक structure बना लिया

00:21:56ठीक है

00:21:57इटे लगाके बस एक structure बना दिया

00:21:59आपने कि ऐसे यह room रहेगा

00:22:01यह वाला room ऐसे रहेगा

00:22:03डिवाइडेशन हो गया सारा

00:22:05उसके बाद आपको उसपे क्या करना है

00:22:07coloring करनी है

00:22:09फिर उसके बाद आप वहाँ पर

00:22:11अपनी TV कहां लगाना चाते हो

00:22:13वह CSS में होता है

00:22:15website complete जो अपन बनाना चाते है

00:22:17वह अपन

00:22:19अपने HTML और CSS का यूज़ करके बनाएंगे

00:22:21ठीक है

00:22:23Notification sound कैसे off करे सर

00:22:29बड़ा ही easy है

00:22:31यह जो है यहाँ पर आके आप यहाँ से

00:22:33off कर सकते हूँ

00:22:35ठीक है

00:22:37यहाँ पर आओ देखो play entry exit sound

00:22:39उसके लावा यहाँ पर setting में

00:22:41भी सारी settings दे रखी है

00:22:43यहाँ पर आके आप चेक करोगे तो

00:22:45जैसे यहाँ पर आके

00:22:47चेक करो यहाँ पर notify new chat

00:22:49ठीक है

00:22:51play chat notification sound yellow

00:22:53बंद कर दो notify when someone enter

00:22:55or exit in the meeting yellow

00:22:57ने close कर दिया ठीक है

00:22:59notification यहाँ से close कर दो यहाँ से close हो जाएंगे

00:23:01ठीक है

00:23:03अब अगर दिक्कत आ रही है तो अपने system को ही

00:23:05mute कर लो आप

00:23:07नहीं आएंगी फिर दिक्कत

00:23:09अन्मोल करें

00:23:15sir मैं आपका old student हूँ आपको याद है

00:23:17sir yes बिल्कुल बहुत

00:23:19अच्छे से याद है

00:23:21आप confusion की

00:23:23दुकान हूँ जिसमें आपको

00:23:25web development, app development

00:23:27हर एक चीज में doubt है

00:23:29और आप game development में जाना

00:23:31चाते हूँ gaming का आपको शोक है

00:23:33ऐसी कुछ

00:23:35बाते बताई थी आपने

00:23:37ठीक है चलो वही आगे बढ़ते हैं

00:23:39तो यह तो बात होगे अपने पास किस चीज की

00:23:41अपने

00:23:43order list और unorder list की

00:23:45ठीक है ऐसे ही next अपन

00:23:47आगे देखते हैं और कौन-कौन से tag अपने पास

00:23:49आते हैं ऐसी एक tag आता है अपने पास

00:23:51मार्क्यू tag अलाग कि

00:23:53इंपोर्टेंड नहीं है लेकिन यह

00:23:55अपने पासमत्लब अगर अपने

00:23:57को text को रन होते विय दिखाना है

00:23:59तो वहाँ पर अपन मार्क्यू tag

00:24:01यूज लते हैं यह अनिमीशन वैसे ऐसे

00:24:03पर CSS में सीखेंगे चिए अगर अपने

00:24:05website पर animations लगाने है

00:24:06transitions लगाने तो open कैसे apply करते हैं

00:24:09लेकिन यहाँ पर

00:24:11अपन देखते है कि अपने पास

00:24:12अपना mark you tag क्या होता है

00:24:14मैंने यहाँ पर mark you create करा

00:24:15इसके अंदर भी देखो दो attribute आ रहा है

00:24:17एक तो behavior यह तो इत्ता important नहीं है

00:24:20यह तो behavior set करने का गया माता है

00:24:22दूसरा direction आ रहा है

00:24:23तो यहाँ पर मैंने एक mark you tag लिया

00:24:26और इस mark you tag के अंदर कुछ भी content

00:24:28अपन पास कर देते हैं

00:24:29मैंने लिखा यहाँ पर skill वाला

00:24:31skill वाला content अपने यहाँ पर लिखा

00:24:33और मैं यहाँ पर आके check करूँगा

00:24:34तो देखो मेरे पास वो जो text है

00:24:36वो run होते वह आ रहा है

00:24:38और वो कैसे run हो रहा है

00:24:39वो run हो रहा है यहाँ पर

00:24:40अपने right to left चल रहा है

00:24:43तो यहाँ पर अपने पास वो अपना

00:24:45text run होते वह रहा है

00:24:47हलाकि यही animation अपन animation से बनाना सीखेंगे

00:24:49क्योंकि mark you tag use नहीं लेते है

00:24:51outdated हो चुका है

00:24:52इसको use नहीं लेते है

00:24:53HTML5 के अंदर अपने इसको use नहीं लेते है

00:24:55तो यहाँ पर अपने पास अपना यह कौन सा tag है

00:24:59mark you tag

00:24:59थोड़ी सी class interesting लगे

00:25:01इसलिए मैंने आपको यह tag बताया है

00:25:02बाकी important नहीं है यह तीक है

00:25:04ऐसे ही जैसे मालो आप यहाँ पर इसकी direction

00:25:07change करना चाते हो आप बोलते हो कि यह राइट से

00:25:09यहाँ पर इसको right side push करें

00:25:11तो आप यहाँ पर जैसे right लिखोगे direction में

00:25:13तो यह क्या करेगा उसको right side push करेगा

00:25:15पहले कहां कर रहा था left side कर रहा था

00:25:17ऐसे right side कर रहा था

00:25:19ऐसे ही अगर आप अप और down भी करना चाते हो

00:25:22पुष तो आप बोलते होise

00:25:24यहाँपर push करेगा �उससे एक आप

00:25:28down बोलते हो उसको डाउनसाइड push करेगा जीकी कह से

00:25:31मैं यहाँ पर कहतेता हूं ना right ही कह देता हूं ठीक

00:25:33तो मैंने कह दिया right side तो

00:25:35यह इसको यहाँपर right side क्या कर रहा है

00:25:37push कर रहा है ठीक है तो यह

00:25:52आगे कौर कौन से tag आते हैं उन पे भी अपन डिसकस कर लेते हैं

00:25:55ऐसे ही अगर अपने को अपनी website पे कोई भी image लगानी है

00:26:00तो image लगाने के लिए अपन यूज लेते हैं अपने image tag का

00:26:04आप website पे image देखते हूँ ठीक है

00:26:05तो अगर अपने को image लगानी है तो image लगानी के लिए अपने use लेते हैं अपना image tag का मैं यहाँ पर अपने tag को बुलाता हूं

00:26:13मैंने बुला IMG, IMG tag अपने पास किया है।

00:26:16image tag मैंने create करा, जैसे ही मैंने create करा तो आप यहाँ पर दिखोगे

00:26:19कि IMG tag के अंदर दो attribute आ रहे हैं, एक तो SRC attribute, source attribute और एक आ रहा है ALT, alternative attribute, दो attribute अपने पास यहां पर आ रहे हैं, अब यह attribute आते क्या काम है, SRC क्या काम आता है, alternative क्या काम आता है, पहला तो यह दिख रहा है अपने को कि image tag अपने पास अपना self closing tag है, क्योंकि image के अंदर कोई content अ

00:26:49अब भी जो मैंने आपर image tag लिया है, वो अपने पास क्या अपना self closing tag है, इसमें कोई content पास करने की जोतनी है, तो इसका मतलब image भी self closing tag का example है, HTML में यह ज़रूर पोच सकते हैं कि self closing tag कौन कौन से होते हैं तो बताओ, तो आप बता सकते हो, VR tag होता है, HR tag होता है, meta tag होता है, image tag

00:27:19लेगी, तो मैं यहाँ पर local system से image apply करना चाहता हूं, तो मैं यहाँ पर एक media नाम का folder बना लेता हूँ,

00:27:26वेट ए मिनेट गाइस,

00:27:30अलो,

00:27:36नीचे हो बई है आप,

00:27:42आता हूं बई है, आता हूं,

00:27:46गाइस, पाँच मिनट का वेट करो, आप, पाँच मिनट के लिए class को hold पे रख रहा हूं है, पाँच मिनट का वेट करना आप, सभी,

00:28:04हुँए बेट, मिन खाँच मिनट का वेट है रख है, हुँए है、

00:28:32झाल झाल

00:29:02झाल

00:29:32झाल

00:30:02झाल झाल

00:30:32झाल झाल

00:31:02झाल

00:31:32झाल

00:32:02झाल झाल

00:32:32झाल

00:33:02तो में ट्रेक्ट

00:33:18तो में ट्रेक्ट

00:33:20झाल

00:33:50अधित्य करें कि सर आप

00:34:02WhatsApp ग्रूप जॉइन करो

00:34:04प्लीज इस्टूरेंट्स को कोई

00:34:05doubts होगा तो

00:34:06किस चीच का doubt

00:34:08अच्छा

00:34:10WhatsApp ग्रूप

00:34:11ठीक है

00:34:16क्लास के बाद चेक करते हैं इस्टीच को अपन

00:34:18अब देखो यहाँ पर अपन किस चीच के उपर डिस्कस कर रहे थे

00:34:33अपने image टैक के उपर

00:34:35ठीक है

00:34:36तो image टैक के अंदर अपने पास

00:34:38दू अट्रिब्यूट आते एक तो

00:34:40SRC अट्रिब्यूट और एक अपने पास आता है अपना

00:34:42alternative attribute

00:34:43ठीक है

00:34:45वाइस वाइस तो आ रही है ना

00:34:50ठीक है

00:34:52अब देखो यहाँ पर अपना

00:34:56SRC attribute क्या काम आता है और

00:34:57alternative attribute क्या काम आता है

00:34:59अब यहाँ पर मैंने एक folder बना लिया

00:35:01media नाम का इसके अंदर अपने

00:35:03यहाँ पर अपना media लाके रखते है

00:35:04पहले अपने को कोई image लाके रखनी पड़ेगी

00:35:06तो अपन image डाउनलोड कर लेते जल्दी से अपने यहाँ पर Google से

00:35:13मैं यहाँ पर कर दता हूँ

00:35:15कोई भी image लेलो

00:35:17क्या image डाउनलोड करें

00:35:20कोई भी background image लेलो आप तो

00:35:22ठीक है नई तो मैं यहाँ पर कर दता हूँ

00:35:24web

00:35:25development

00:35:27ठीक है

00:35:29तो यहाँ पर अपने पास images पर आ जाते

00:35:31कोई भी एक image उठा लेते

00:35:33यहाँ यह image है

00:35:37इसको मैं यहाँ से क्या करता हूँ

00:35:39save images

00:35:41और इसको download के अंदर क्या कर लो

00:35:44save कर लो

00:35:45ठीक है

00:35:46तो मैं यहाँ पर अपने

00:35:48downloads वाले section पर आ जाता हूँ

00:35:50और इसको पन किसमें paste कर देते है

00:35:52जिसके अंदर अपने को image रखनी है

00:35:54ठीक है तो यहाँ पर images यही है

00:35:56अपने पास image इसको मैं यहाँ से copy कर लेता हूँ

00:35:58और copy करके अपने को कहा करनी है

00:36:00इस folder के अंदर

00:36:01तो मैं अपने vs code पर आके यहीं से भी कर सकता हूँ

00:36:04मैं इसके उपर right click करता हूँ

00:36:06then उसके बाद revel in file explore

00:36:08और यहाँ पर media के अंदर उसको क्या करो

00:36:12paste कर दो

00:36:12ठीक है

00:36:13तो वो image यहाँ पर अपनी paste होई

00:36:15अब मैंको क्या करना है

00:36:16यही image अपलाई करनी है

00:36:18यहाँ पर वो image आ चुकी है

00:36:19जो अपने डाउनलूड करी थी

00:36:21यह image है

00:36:22अब मैंको यह image अपलाई करनी है कहाँ पर

00:36:25इस image वाले tag के अंदर

00:36:28ठीक है

00:36:29अब देखो किस तरीके से करेंगे अपन

00:36:30यहाँ पर जो अपने पास अपना

00:36:32src attribute आ रहा है

00:36:34इस src attribute के अंदर आपको क्या करना है

00:36:36इस image की location पास करनी है

00:36:38अब location कैसे पास करोगे

00:36:40अब देखो पहले मैं यहाँ पर

00:36:42same directory है तो same directory के लिए अपन लिखते है

00:36:44dot slash

00:36:45मतलब जिस folder के अंदर हूँ है

00:36:47उसके अंदर जो भी folders and files है

00:36:49वो सारी आपको यहाँ पर show कर देगा

00:36:51जैसे मैंने dot slash लिखा

00:36:53तो देखो dot slash लिखते

00:36:54इसके अंदर जो भी files and folders है

00:36:56मतलब estimul class वाले folder के अंदर

00:36:58जो भी files and folders है

00:36:59वो सारे आपको यहाँ पर show कर रहा है

00:37:01तो कौन सा है अपने पास

00:37:03index.stml file है और media का folder है

00:37:06तो मैं यहाँ पर media के folder पर click करता हूँ

00:37:08उसके बाद image जो अपने पास है

00:37:10उसको मैं यहाँ पर select कर लेता हूँ

00:37:11then उसके बाद save करते है और पर check करते है अपने browser पर

00:37:14तो देखो यहाँ पर वो image अपने पास क्या हो गई

00:37:17show हो गई ठीक है

00:37:19तो अगर अपने को यहाँ पर image लगानी है

00:37:21तो सबसे पहले image को यहाँ पर save रखो

00:37:23पिर उसके बाद उसको apply कर दो

00:37:26ऐसे ही अगर आप बोलो कि sir मैं तो यहाँ पर direct उस image का URL लगाना चाहता हूँ

00:37:31मतलब

00:37:32net से मेरे पास कोई image आया उसको मैं use करना चाहता हूँ

00:37:35ठीक है तो वो कैसे करेंगे

00:37:36वो भी easy है जैसे मालो आप यहाँ पर

00:37:39इसको use लेना चाहते हो

00:37:40यह वाली image आप लगाना चाहते हो

00:37:42मैं इसके उपर click करूँगा

00:37:43click करके यहाँ पर आ रहा है copy image address

00:37:45इसका image address मैं यहाँ से copy कर लेता हूँ

00:37:48और यहाँ पर मैं कोई image लगानी है

00:37:50तो सबसे पहले अपन क्या लेंगे अपना

00:37:51img tag मैंने यहाँ पर अपना image tag ले लिया

00:37:54और इसके अंदर वो url

00:37:56paste कर दो अपने src के अंदर

00:37:57तो यह image आपकी apply हो जाएगी कहाँ पर

00:38:00आपके उसके उपर

00:38:02देखो यहाँ पर यह image apply हो गई

00:38:04अब यह image बहुत बड़ी आ रही है

00:38:06अगर आपको image को set करना है तो यहाँ पर

00:38:08दो attribute आता है आपके image के

00:38:10एक तो आता है width attribute और एक आता है height attribute

00:38:14अगर width और height set करने हैं तो

00:38:16height अपन कभी भी set नहीं करते हैं

00:38:18हमीशा image की width ही set करते हैं

00:38:20क्योंकि height जो है, वो automatically width के हिसाब से set हो जाती है,

00:38:24क्योंकि image का ratio है, वो बिगड़े नहीं, इसलिए अपन सिर्फ अपनी width यहाँ पर set करते हैं,

00:38:29जैसे मैं यहाँ पर इसकी width set करता हूँ, ठीक है,

00:38:32तो मैंने यहाँ पर लगाया अपना width attribute, ठीक है,

00:38:35जैसे मैंने width attribute लगाया, तो यहाँ पर value ले रहा है,

00:38:37अब इसके अंदर जो मैं value देने वाला हूँ, वो मैं यहाँ पर एक unit pass करने वाला हूँ,

00:38:41pixel unit, जैसे मालू मैंने यहाँ पर लिखा 100 pixel, ठीक है,

00:38:44PX, यहाँ पर यह units है, units के उपर अपने discuss करेंगे अपने CSS के अंदर,

00:39:05यहाँ पर उसकी size 500 pixel हो जाईगी, बहुत बढ़ी हो गई, तो अपने हिसाप से आप इसको set कर सकते हो,

00:39:19ठीक है, जैसे 300 set कर देता हूँ, यहाँ पर 300 इसकी set हो गई, तो यह अपने पास अपना image tag है,

00:39:27अगर अपने को external image लगानी है, तो वो भी अपने apply कर सकते हैं, और अगर अपने को internal image लगानी है, तो वो भी अपने आपर apply कर सकते हैं,

00:39:37यहाँ तक की change clear है, तो एक बार comment करके बताओ, yes sir, यहाँ तक की चीज clear है,

00:39:41वो इसका इशू आ रहा है अब भी तोड़ी ना आ रहा है

00:39:58आके गया या फिर अभी भी आ रहा है

00:40:00वो इसका इशू तो नहीं आना चीए था

00:40:11पहले ता आके गया ओके ठीक है

00:40:15अर्जुन करे कि सर आप बताया और किलियर ना हूँ

00:40:22बात तो ये भी सही है

00:40:29इशा करे सर रिपीट कॉपी एड्रेस

00:40:31कॉपी एड्रेस बड़ा इजी है जो भी आपको इमीज लगानी है

00:40:33जैसे मालो ये इमेज़़िस अपने पास या रही है

00:40:37नहीं को ये वाली इमेज लेनी है

00:40:37मैं इसक्राइट क्लिक करऊंगा

00:40:40याद्रेस करके अपने पास आता है

00:40:42इमीज एड्रेस मैंने यापर इमेज को कॉपई कर लिया

00:40:43copy कर लिया अब यहां पर लगानी है तो यहां पर अपना एक नया image tag लेंगे और उस

00:40:48src attribute के अंदर उस url को मैं आपर paste कर दूँगा control v कर दिया मैंने आपर और आके अगर

00:40:55पर चेक करोगी तो वो image आपकी यहां पर आ जाईगी तो यहांपर अपने पास कर देते क्या अपना

00:41:00width मैं यहांपर width पास कर देता हूं और width पास करने इसको करने था हूं जैसे 200

00:41:06pixels तो इमेज अपने पास यहां पर आरही है perfect अब आप अब बात करो कि यहांपर जो

00:41:14alternative attribute वो क्या काम आता है?

00:41:17SRC तो समझ में आए कि

00:41:18source अपने को यहाँ पर pass करना रहता है

00:41:20कि image जो है उसकी location आपको pass करनी है

00:41:23SRC के अंदर

00:41:24लेकिन यहाँ पर जो अपने पास

00:41:26alternative attribute है यह क्या

00:41:28काम आता है?

00:41:30तो चलो alternative attribute के उपर discuss कर लेता है

00:41:32जो अपना alternative attribute है

00:41:35ये काम आता है alternative कुछ भी text पास करने के लिए

00:41:39जैसे मालो आपने ये image लगाई

00:41:40image का order लगाई

00:41:42ये image वहाँ से आई नीरी

00:41:43मतलब net नहीं चल रहा है

00:41:45कई बार आप देखते हो किसी website के उपर

00:41:48net नहीं चलता तो उस images के अंदर

00:41:50एक कटी भी image आती है

00:41:51और उसमें लिखा रहता है कि यहाँ पर ये image थी

00:41:53ठीक है वहाँ पर image वो शूर नहीं हो रही

00:41:55तो उसके लिए यहाँ पर अपन अपना

00:41:58alternative text यूज लेते है

00:41:59जो अपन यहाँ पर image के load ना होने पर

00:42:02या फिर image का path सही ना होने पर

00:42:04कोई भी reason होता है जिस वज़े से image

00:42:06शूर नहीं हो पारी तो वहाँ पर

00:42:08अपन अपना alternative text दिखा सकते कि

00:42:10यहाँ पर ये image थी ठीक है

00:42:12जैसे मालू मैं यहाँ पर

00:42:14कह देता हूँ अभी के लिए सब बिल्कुल

00:42:16perfect चला है सारी images मेरे को यहाँ पर

00:42:18show रही है लेकिन जैसे मालू मैं

00:42:20यहाँ पर इसकी location कर देता हूँ गलत

00:42:22चीक है यहाँ पर एक alternative text

00:42:24कर देता हूँ मैं हाँ पर कह देता हूँ

00:42:26कि यह अपने पास क्या थी अपने

00:42:27web dev image मैं यहाँ पर कह देता हूँ

00:42:30यह थी आभी के लिए अगर आप देखोगे तो यहाँ

00:42:33पर अपने पास अपनी image शो रही है तो मेरे को यहाँ पर वो alternative text शो नहीं होगा

00:42:37वो कब शो होगा जब आपकी image शो नहीं होगी मतलब यहाँ तो location गलत होगी

00:42:41यहाँ फिर online वो image नहीं आ रही कुछ भी reason हो सब यहाँ पर net नहीं चल रहा

00:42:46तो देखो मैंने यहाँ पर इसकी location गलत होगी क्योंकि media के अंदर इस file की कोई image ही नहीं है

00:42:51देखो मैंने file का name change कर दिया तो यहाँ पर अपना alternative text यहाँ पर work करेगा

00:42:56यहाँ पर देखो क्या बता रहा है web dev image वो आपका alternative text यहाँ पर show हो रहा है

00:43:00वो कब show होगा जब आपका src work नहीं करेगा

00:43:03तो सीधा सा fund है याद करने का कि अगर src work कर रहा है तो alternative work नहीं करेगा

00:43:08और अगर alternative work कर रहा है तो इसका मतलब आपके src में कुछ ने कुछ issue है

00:43:12ठीक है तो यही अपने पास दो attribute आते हैं अपने image tag के अंदर

00:43:16अगर अपने को अपनी external image लगानी है और अगर कोई download करके

00:43:21अपनी internal image लगानी है तो उसके लिए अपन यहाँ पर अपना image tag यूज लेते हैं

00:43:25और src के अंदर अपन अपनी location या फिर अपना external URL अपन पास करते है

00:43:30src के अंदर ठीक है यहां तक की चीछ आई hoop आप सभी को clear है इसमें कोई doubt नहीं होगा

00:44:00clear sir clear okay ठीक है

00:44:10अतुल कह रहे हैं कि sir image tag के साथ alternative लगाना ज़रूरी कमपल सरी है क्या हाँ कमपल सरी है

00:44:24अगर आपको एक अच्छा developer बनना है तो तो कमपल सरी है जैसे मालो आप image tag लगा रहे हैं उसमें आपने image भी लगा दी

00:44:30अब किसी reason से आपकी image नहीं आ पा रही है तो वहाँ पर आपका alternative text दिख जाना चाहिए

00:44:36कि यहाँ पर image थी नहीं तो वो जगह blank रह जाएगी वहाँ पर कुछ भी नहीं आएगा और user को पता भी नहीं रहेगा कि वहाँ पर क्या था

00:44:43ठीक है तो एक अच्छी website अगर आप बना रहे हो अच्छे developer आप बनना चाहते हो तो हर एक point notice किया जाता है

00:44:50कि अर्जुन के रहे कि सट डाउट सेक्शन डाउट सेशन कब होगा डाउट सेशन अपना कल होगा क्लास के बाद अपन रखेंगे ठीक है

00:45:20टाइमिंग यही रहेगे अपनी कलास की जो टाइमिंग होती है वो ही टाइमिंग रहेगी नो से दस नहीं रहेगी

00:45:32कलास के बाद मतलब जैसे 8.30 अपनी कलास हो जाएगी तो उसके बाद अपन अपना डाउट सेशन रखेंगे

00:45:39नो बजे तक माल लो आदे घंटे वो डिपैंड करता है एक घंटे का भी चला जाए ठीक है वैसे तो यह रहता है कि अपन फ्राइडे को रखते ही डाउट सेशन है लेकिन अभी कुछ डाउट नहीं है आपके क्योंकि अभी अपने कुछ बढ़ा ही नहीं है तो कहां से डा

00:46:09हाला कि चर्चा तो चाय पर होती ही लेकिन चाय नहीं है तो कोई बात नहीं है पने से ही चर्चा कर लेंगे अब देखो नेक्स्ट अपन आगे चलते हैं और कौन-कौन से टैग आते है अरजुन करें कि थैंक्यू फोर रिप्लाई के लिए सर आप हम लोगों को भूल गए क

00:46:39अब ही तो यही दिख रहे है मेरे को जो पुराने स्टुडेंट्स है ठीक है मैं पहचान जाता हूं आपको टेंशन मत लो बस आप अपनी आईडी चेंज मत करा करो अगर आईडी चेंज कर लोगे तो शाय नहीं पहचान पाऊंगा और कल अपन जब मिटिंग रखेंगे त

00:47:09स्टुडेंट और स्टुडेंट हो अधिते करें कि आप लोग कौन से बैच के हो इससे पहले वाला जो बैच है वो कंप्लीट हो चुका है उस बैच के स्टुडेंट रही है

00:47:21चलो भाई नेक्स्ट आगे चलते हैं डिसकेशन होता रहेगा अब देखो आगे और कौन को से टैग आते हैं अभी मैंने यहाँ पर आपको बताया था कि अपने पास से दूसरे पेज पर जाने की जो अपने को लिंक अबिलिटी मिलती है तो यहाँ पर अगर एक पेज से द

00:47:51क्लिक करते ही मैं गूगल के पेज़ पेंच पेंच पर यहाँ पर क्लिक करते हूं तो यहां पर एक पेज से दूसरे पे जाने के लिए जो अपने वही पास अपने आ यहां पर आपको

00:48:21यूज लेंगे, मैंने लिखा A, और A से ही शुरू होता है, क्योंकि अपने इसको anchor tag बोलता है,

00:48:25A tag कह सकते हैं, या फिर hyperlink भी अपने यहाँ पर कहते हैं, मैंने create करा।

00:48:29अब इसके अंदर आपको content pass करना है, जैसे मालों मैं यहाँ पर content pass करना जाता हूँ,

00:48:34मैं Google का URL यहाँ पर लगाना चाता हूँ, तो मैंने लिख दिया Google, चीक है, यहाँ पर क्या लिख दिया Google, परफेक्ट, अब यहाँ पर अगर आप देखोगे तो यहाँ पर Google लिखावा रहा है, और उसके नीचे underline भी create हो क्या रही है, इसका मतलब यहाँ पर sap define हो रहा है, कि �

00:49:04मैं यहाँ पर लिख लेता हूँ Google, Google का URL ले लेते हैं जैसे, ऐसे तो HTTP request होती है, लिख भी सकते हैं लेकिन copy paste कर देता हूँ, ठीक है, जैसे ही Google है, तो यहाँ से मैं इसको क्या कर लेता हूँ, copy, अब इस पर जैसे ही क्लिक करूँगा, तो अपन कहां पर आ जाने चीए अप

00:49:34तो मैंने आपर URL पास कर दिया, इसका मतलब जब आप इस Google पर क्लिक करोगे, तो अपने पास किस पर चले जाएंगे अपने Google के उपर देगो, जैसे क्लिक करूँगा, मैं Google के उपर आ गया, बैक करोगे, वापस आप अपने website पर आ जाओगे, ठीक है, ऐसे ही एक page से दूसर

00:50:04मैं यहाँ पर एक homepage.html एक file बना लेता हूँ, ठीक है, यहाँ पर create कर दी, और यहाँ पर अपनी boiler plate भी लगा दो, और इसके अंदर अपना h1 tag लिख दो, और उसके अंदर कह दो, आप यहाँ पर क्या homepage file, ठीक है, और यहाँ पर अपन लिख देते है कि title में भी मैं लिख दे

00:50:34homepage पर click करूँ, मतलब यह homepage मेरे को यहाँ पर दिखाय दे रहा है, तो मैं किस पर चला जाना चूँए, homepage वाली file के उपर, कैसे जाओगे, इसका मतलब यहाँ पर आपको href के उपर location देनी है, उस file की, मैंने करा dot slash, same directory के लिए, किस के अंदर रखी वी है, HTML class के अंदर ही रखी

00:51:04पर href के अंदर आप URL भी pass कर सकते हो, और href के अंदर आप यहाँ पर अपनी file की location भी pass कर सकते हो, दो value यहाँ पर जाती है, तो यह अपने पास अपना anchor tag है, जो अपने को एक page से दूसरे page पे जाने की link ability देता है, जिसके तुरू मैं यहाँ पर एक page से दूसरे page पे जा रह

00:51:34जा रहा हूं, लेकिन same tab के उपर वो मेरे पास यहाँ पर open हो रहा है, इसी tab के उपर वो open हो रहा है, मैं चाहता हूं कि जब मैं इस पर click करूं, तो एक नई tab open हो, मेरी website open है, एक नई tab open हो, उस पर वो URL open होना चाहिए, तो उसके लिए जो अपने पास यहाँ पर attribute आता है, व

00:52:04जैसे मैं आपर इसकी blank value देऊंगा, इसका मतलब जैसे मैं इस पर click करूंगा, तो एक नई tab open करेगा, और उस tab के उपर आपका URL open होगा, जैसे मैं इस पर click करूंगा, तो एक नई tab open होगा, और वो मेरी website यहाँ पर open ही है, नए tab के उपर अपने पास वो अपना URL open हो रहा है,

00:52:34मतलब same tab के उपर ही अपन काम कर रहे

00:52:36लेकिन मैं चाहता हूँ कि एक नए tab के उपर

00:52:38वो page open हो तो मैं यहाँ पर क्या करूँगा

00:52:39अपना वो ही target attribute दूँगा

00:52:42और उसके अंदर अपन क्या value देंगे अपनी blank

00:52:44मतलब एक नए tab के उपर आप उसको

00:52:46ओपन कर देना तो जैसे मैं क्लिक करूँगा तो एक नए

00:52:48tab के उपर वो क्या हो जाएगा अपना ओपन हो जाएगा

00:52:50ठीक है तो यह अपने पास क्या हो गया अपना target

00:52:56attribute

00:52:57सर वोइस ब्रेक हो रही है कि वोइस वाला क्या issue आ रहा है

00:53:18system में भी कोई issue नहीं है मैंने कल on करके भी देगा तब भी कोई issue नहीं आ रहा था

00:53:24क्या इशू आ रहा है ये वोईस वाला

00:53:26नेटवर्ग इशू भी नहीं है वोईस का लिखे

00:53:49अभी ठीक है सर वोईस

00:53:50स्क्रीन शेर करने में इशू हो रहा है

00:53:55या तो recording software की वज़े से इशू हो रहा है

00:53:58software change करना पड़ेगा कल

00:54:00software change करके देखता हूँ मैं

00:54:02हो सकता है कि जिससे recording हो रही हो

00:54:04software की वज़े से भी इशू आ रहा हूँ

00:54:16दूसरे page पे जाते है तब ही problem होती है

00:54:19छीक है

00:54:20अन्मूल कह रहे है उससे पहले संस्क्रिती के रहे है

00:54:30सर आप revision भी करवा दीजिएगा कल

00:54:32ठीक है revision करवा दूँगा ऐसा कुछ पढ़ा ही नहीं है पने

00:54:35लेकिन मैं revision करवा दूँगा हर चीच का

00:54:37यह चीज इतना repeat होगी आपकी HTML के आपको याद हो जाएगी है

00:54:42सर बहुत स्मार्ट लग रहे हो आपको software developer का काफी knowledge सर मैं आपका बहुत respect करता हूं सर

00:54:50क्रिशना करें कि सर यह गूगल वाला वापस बताओ यस बिलकुल मैं वापस repeat करता हूं

00:55:02आदिते करें सर विच software यू यू यूजिंग ps code नहीं देखो कि सीच के लिए पूछ रहा है रिकॉर्डिंग के लिए

00:55:13sir obs studio use करिए यस बिलकुल obs से करूँगा कल मैं recording अब भी जो मैं recording कर रहा हूं एक extension है उससे recording स्टार्ट करिए मैंने लेकिन कल एक बार obs से करके चेक करेंगे

00:55:26अगर आपको और कोई recording के software या फिर कोई बता हो तो आप बता सकते हों वैसे तो obs best है लेकिन इसके अलावा भी अगर कोई हो कल obs से करके देखेंगे अगर issue नहीं आता तो फिर अपन obs से ही continue रखेंगे

00:55:56स्टार आपने वैब डेव कहां से सीखा और आपको कितने साल का experience है मैंने वैब डेव कहां से सीखा देखो मैंने कोई particular किसी जगह से नहीं सीखा है

00:56:12ठीक है मैंने जो सीखा है वो सारे platform है docs पढ़के ये सारे चीज़े सीखी है बस एक guide मिली थी मिरको web development के अंदर उस guide के थूरू मैंने ये सारे चीज़े सीखी थी

00:56:24लेकिन main मैंने जो strong बनाया है इसको ठीक है web development प्लस इसके लावा और other languages जो strong बनाई है वो बनाई है मैंने document के base पर तो आपको document जो है वो देखना जरूरी है चीज़ की

00:56:39मैं आपको बताऊँगा किस तरीके से आपको documents देखनी है किस तरीके से documents को explore करनी है वो important है ठीक है जितनी चीज़े मैं बताऊँ वो तो ठीक है sufficient है लेकिन जैसे यह अपना आ आगे बढ़ेंगे CSS में भी बना जाएंगे तब मैं आपको बताऊँगा कि doc को आपको किस तरीक

00:57:09आपको तुरंथ हेल्प दे देता है एक ऐसा प्लैटफॉर्म जहां पर जाके आप अपनी सारी प्रॉब्लम्स पूछ सकते हो

00:57:14परवागरे की सर इसका सर्टिफिकेट टू अउनली इंडियन्स के लिए है येस बिल्कुल अउनली इंडियन्स के लिए ही है और आप कहां से हो

00:57:31साइनाच सर को टुट्योरियल्स के लिए वेबसाइट बता दो

00:57:40बेस्ट्रेफर करने के लिए

00:57:41येस बिल्कुल मैं आपको आगे सारी चीज़े बताऊँगा

00:57:43आगे सारी चीज़े मैं आपको बताने वाला हूँ

00:57:47फरवाकर, I am from Pakistan

00:57:51देखो आप पाकिस्तान से हो तो आप

00:58:01डब्लू थ्री स्कुल

00:58:05यस बिल्कुल डब्लू थ्री स्कुल

00:58:07सही है लेकिन मैं उसको बैस नहीं कह सकता

00:58:09अगर आप डवल्लप्मेंट में आ रहे हो तो

00:58:11मैं आपको और भी चीजे बताने वाला हूं आगे

00:58:15अभी तो स्टार्ट करा है रुक जाओ

00:58:17थोड़ा सा सबर करो आपको और भी चीजों की नॉलेज़ देने वाला हूं मैं

00:58:37हर्श करें सर अभी आप कौन से MNC में हूं

00:58:40अभी जहां से आप क्लास ले रहे हो वो स्किल वाला है और

00:58:44इसकी जो पैरेंट आइटी कंपनी है वो है बी आर सॉफ टेक

00:58:49उसके अलावा मैं बाकी और जो प्रोजेक्स है ये सारी जीजी भी आपके सर करते रहते हैं

00:58:57ये सब आगे बताऊंगा मैं आपको टैंशन मतलब आप इंची जोगी

00:59:00और अगर आपको थोड़ा और अच्छे से जाना है तो लिंग निन प्रोफाइल आप मेरी देख सकते हूँ

00:59:07स्वारो करें सार आप कौन से गवर्मेंट एक्जाम की प्रिपेर कर रहे थे मैंने SSC की प्रिपरेशन करी थी

00:59:14सर हम इंडियन्स है हमें तो मिलेगा ना सर्टिफिकेट येज बिल्कुल सबको मिलेगा इंडियन्स जो है

00:59:25ठीक है चलो मैं आपको अटेंडेंस के पॉइंट वन और पॉइंट वी बता देता हूँ इसी के साथ

00:59:32attendance के point one के अंदर आपको mention करना है

00:59:36जो attendance का point one है

00:59:37उसके अंदर आपको mention करना है

00:59:40image

00:59:40image tag

00:59:43ये आज की attendance का point one है

00:59:46जो आपको mention करना है

00:59:47attendance के point one के अंदर

00:59:50आपको mention करना है

00:59:51अपना image tag

00:59:52जो मैंने लिखके बेजा है वो

00:59:54जो मैं आपको लिखके बेजू

00:59:57वो ही mention करना है

00:59:58सिर्फ image बत लिखना, image tag लिखना

01:00:00ठीक है, जो मैं लिखके बेजू, वो ही mention किया किया आप

01:00:03इसी के साथ मैं आपको attendance का point 2 भी बता देता हूँ

01:00:07attendance का जो point 2 है, उसके अंदर आपको क्या fill करना है

01:00:09attendance के point 2 के अंदर आपको fill करना है

01:00:12क्या fill करना है

01:00:16और कौन कौन से tag देखें अपने

01:00:20e-tag, e-tag लिख दो आप यहाँ पर

01:00:23या फिल लिख दो anchor tag

01:00:25ठीक है, anchor tag

01:00:34main topic HTML ही है, HTML ही लिख देना main topic

01:00:41कल अपन और discuss करने वाले है, अपने form के उपर, इन चीजों के उपर discuss करने वाले है

01:00:45यह तो कल अपन form को नहीं करेंगे, form को अपन Monday को ही करेंगे

01:00:48कल कुछ जो remaining चीज़ है, HTML की वो discuss करेंगे, form को अगे discuss करेंगे

01:00:53क्योंकि form की एक पूरी लंबी class होने वाली है

01:00:56point 1 image tag, point 2 anchor tag

01:01:02yes, point 1 image tag है और point 2 आपका यहाँ पर anchor tag है

01:01:05अगर आपको कोई भी doubt है, class से related

01:01:10अगर कोई भी doubt है तो आप comment कर सकते हो, class से related doubt के लिए आप comment करिए

01:01:14उसके लावा और कोई other doubt है, वो पन कल doubt session में discuss करेंगे

01:01:19class से related अगर कोई भी doubt है तो आप पूछ सकते हो

01:01:22sir, in interview they ask as canva, ठीक है, canva tag and other tags, yes, बिल्कुल यह tag भी आते है

01:01:34svg, canva, csr tag भी आते है

01:01:37यह अपन css जब देखेंगे, javascript जब देखेंगे, तब मैं आपको बताऊंगा आगे

01:01:43सिर्फ festival based में यह नहीं बता सकता आपको tag अभी

01:01:46विश्वजीत करे, sir, javascript कब से start होगी, javascript अपनी

01:01:55stml और css complete होने के बाद start होगी, मतलब around अपन यह कह सकते है

01:02:00one month के बाद, एक महीने के बाद start होगी, अपना best 17 को start हुआ था

01:02:05तो अपन यह मालूब 20 तारिक तक start होगी अपनी javascript

01:02:10क्रिश्णागरे, sir, वो गूगल वाला वापस बताना, गूगल वापस बता देते हैं, चलो एक बार वापस रिपीट कर लेते हैं, क्या चीज़ती

01:02:26गूगल वाली इसी, अच्छा यह, देखो यहाँ पर मैंने जो वेबसाइट है, उसका यूरल लगाना चाहते हो, अभी तो गूगल का लगा है, जैसे मालूब यहाँ पर आता हूँ, विकीपीडिया के उपर, विकीपीडिया भी आपने बहुत यूज किया होगा, जैसे मै

01:02:56गूगल का यूज करा था, गूगल का जो यूज का यूज की किया और वहाँ पर पेस्ट कर दिया, खिके?

01:03:26क्लियर है ये चीज क्रिश्चना

01:03:30मैंने मी जबीनाश कह रहे है कि

01:03:51सर क्या अब next.js भी कराएंगे क्या yes बिल्कुर next.js भी अपन ने इसमें include करिए next.js भी मैं आपको बताने वालों में इस कुर्स में

01:04:00सोराव कह रहे है कि one month only for HTML and CSS नहीं HTML, CSS, bootstrap भी होगा उसके अंदर और git github भी होगा

01:04:11इतना ही नहीं है और सिर्फ मैं 20 तारिक नहीं करा डेड़ महीने भी अपन मान के चल सकते है क्योंकि get github important topic है

01:04:20और HTML, CSS, bootstrap चलो अपन नहीं मानते क्योंकि ये सारी चीज़े वापस repeat होगी लेकिन get github important topic है

01:04:28क्योंकि monstrike से mean आपकी journey start उने वाली है लेकिन उस journey तक जाने के लिए पहले आपको ये सारी चीज़े सीखना ज़रूरी है क्योंकि आप direct चलांग नहीं लगा सकते हैं वहाँ पर

01:04:38हर्ष करें सर हम ये course करने के बाद 5 से 6 मन बाद कितने earn करने वाले लड़की हो पाएंगे क्यों BSC कर रहा हूं और government preparation कर रहा हूं मैं अभी एक पैसे के लायक महीं हूँ

01:04:52कैसे बाते कर रहा हूँ देखो मैं इसकी कोई guarantee नहीं दे सकता लेकिन यह सब चीज़्े डिपेंड करती है

01:05:01आपकी महनत के उपर ठीक है,

01:05:04आप महीने के

01:05:0520 भी कमा सकते हो,

01:05:07आप महीने के 1 लग भी कमा सकते हो,

01:05:101.500 भी कमा सकते हो,

01:05:11depend करेगा आपकी महनत के उपर,

01:05:13मैं आपको guide करूँ गा,

01:05:15ठीक है, सुर्फ months track के लिए नहीं,

01:05:17और भी चीजों के लिए, जो IT सेक्टर में

01:05:19important होती है, चीक है, course तो open

01:05:21करी रहे, उसके लावे मैं आपको और other

01:05:23जो भी चीजे provide कर सकता हूँ,

01:05:25वो सारी चीजे provide करूँगा, जिससे आप

01:05:27महनत करके और अपने आपको अच्छा बना लो,

01:05:29चीक है, तो उसके

01:05:31basis पे आप अच्छा earn कर सकते हो,

01:05:36कल से OBS Studio

01:05:37स्टोडियो यूज करें सर, ठीक है, कल से OBS

01:05:39स्टोडियो यूज करूँगा, मैं,

01:05:41सर, हम कितने project बना लेंगे,

01:05:43हम बहुत project बना लेंगे, बस

01:05:45एक major project होगा, जो पूरा complete

01:05:47month stack के उपर होगा, उसमें सारी चीजे

01:05:48include होगी, जो भी अपन

01:05:50HTML से start कर रहे, वहाँ से

01:05:53एक end तक जो भी पड़ा है, वो सारे

01:05:55चीजे include होगी, उसमें,

01:05:59ठीक है,

01:06:12ठीक है, चलो अब आपके जो भी

01:06:13doubt है, वह अपन कल वाली class में discuss करेंगे,

01:06:15आदिते करें, total course कितने time का है,

01:06:23total four to five month, लेकिन अपन

01:06:25five month में आपको fix बदा रहा हूँ, five month में

01:06:27अपन इसको complete कर देंगे,

01:06:29जो आगे काम आए, क्या काम आए,

01:06:36latest project बनाएएगा, yes, बिल्कु

01:06:39latest project ही बनाएगे अपन,

01:06:41ये, मैं जब अपना

01:06:43course एक महिने के पहले रहेगा, उससे पहले

01:06:45मैं आपको बता दूँगा कि ये, ये project है,

01:06:48आप सब voting कर लेना,

01:06:49उसके हिसाब से फिर अपन उसी project को

01:06:51complete बनाएँगे अपने इस batch के अंदर,

01:06:54ठीक है?

01:06:57ठीक है guys, आज की class इतनी, मिलते है फिर

01:06:59अपन अपनी कलवाली class के अंदर,

01:07:01bye bye everyone and take care all,

01:07:02सभी अपना ध्यान रखो,

01:07:04ठीक है?

01:07:04love you all,

01:07:06bye.

01:07:07ठीक है, आज की class इतनी,

01:07:09कल अपन doubt session में जो भी आपकी doubt से,

01:07:11उन पर सब पर discussion करेंगे.

01:07:13ठीक है?

01:07:14bye bye everyone.

01:07:18गुद नाइट.

Day - 4 | HTML Image, List & Anchor Tags Explained

Category

Transcript

Comments

Recommended