HTML CS50 Danish Hindi

HTMLYouTube↗ IA↗(long shot)
Education 12K views 0 likes 0 dislikes 27 Oct 2015

CS50 2.4M subscribers United States YouTube↗

>> DOUG LLOYD: Så vi har brugt om-- hvis min matematik er rigtigt,

>> डौग लॉयड: तो हम खर्च about-- मेरी गणित सही है,

Og jeg tror, ser tilbage-- jeg tror Vi tilbragte omkring 35 videoer taler

और मुझे लगता है मुझे लगता है कि back-- देख लगता है हम बात कर के बारे में 35 वीडियो बिताया

om forskellige aspekter af C, måske lidt mere, måske lidt mindre.

शायद सी के विभिन्न पहलुओं के बारे में एक छोटे से अधिक है, शायद एक छोटे से कम।

Og vi ikke dække alt i C, men vi

और हम कवर नहीं किया सी में सब कुछ है, लेकिन हम

dækkede en stor del af den sprog, at langt størstedelen af det,

का एक बड़ा हिस्सा कवर भाषा, यह के विशाल बहुमत,

i hvert fald for almindelige anvendelser.

निश्चित रूप से आम उपयोग के लिए।

Nu vil vi tale om et andet sprog, HTML.

अब हम बात करने जा रहे हैं के बारे में एक और भाषा, एचटीएमएल।

Og vi kommer til at dække det på blot én video.

और हम कवर करने के लिए जा रहे हैं यह सिर्फ एक वीडियो में।

>> Men der kommer til at være OK.

>> लेकिन वह ठीक होने जा रहा है।

Det kommer til at faktisk blive noget, du kommer til at vænne sig til.

यही कारण है कि वास्तव में बनने जा रही है कुछ आप के लिए इस्तेमाल करने के लिए जा रहे हैं।

Nu hvor du har den grundlæggende elementer i et sprog,

अब है कि आप एक भाषा की बुनियादी बातों में,

det er faktisk ret nemt at begynde at lære andre.

यह वास्तव में बहुत आसान है दूसरों सीखने शुरू करने के लिए।

Så vi kommer til at starte at træde lidt tilbage

इसलिए हम शुरू करने के लिए जा रहे हैं एक छोटे से वापस करने के लिए कदम

og glans over den grundlæggende forskelle mellem disse sprog

और बुनियादी पर चमक इन भाषाओं के बीच मतभेद

og slags forlade dig til det.

और एक तरह से यह करने के लिए छोड़ दें।

Der er en masse virkelig stor ressourcer på internettet, som

वास्तव में महान की एक बहुत कुछ है इंटरनेट, पर संसाधनों जो

vi kommer til at begynde at lede dig mod fordi internettet er

हम आप निर्देशन की शुरुआत करने जा रहे हैं इंटरनेट है, क्योंकि की ओर

en stor database af oplysninger.

जानकारी का एक विशाल भंडार।

Og så det er ikke ligesom du vil være tabere nødvendigvis

और तो यह हूँ तुम्हें पसंद नहीं है जरूरी होना बाहर खोने

ved ikke at have oplysningerne dækket i en video.

जानकारी नहीं होने से एक वीडियो में शामिल किया गया।

Du vil stadig kunne få alt, hvad du har brug for og brug

आप अभी भी प्राप्त करने में सक्षम हो जाएगा सब कुछ आप की जरूरत है और उपयोग

den viden, du har allerede opbygget ved at forstå C

आप पहले से ही ज्ञान सी समझ से ऊपर का निर्माण

at gøre indlæringskurve for disse andre sprog faktisk meget fladere.

इन के लिए सीखने की अवस्था बनाने के लिए वास्तव में अन्य भाषाओं एक बहुत चापलूसी।

Jeg lover.

मे वादा करता हु।

>> Men lad os tale om et sprog det er virkelig grundlæggende for alle web

>> लेकिन एक भाषा के बारे में बात करते हैं कि हर वेब के लिए वास्तव में मौलिक है

side, som er HTML.

HTML है जो पृष्ठ।

HTML er Hyper Text Markup Language.

एचटीएमएल हाइपर टेक्स्ट मार्कअप भाषा है।

HTML er et sprog, men det er ikke et programmeringssprog.

एचटीएमएल एक भाषा है, लेकिन यह है नहीं एक प्रोग्रामिंग भाषा।

>> HTML har ikke variable.

>> एचटीएमएल चर नहीं है।

Det har ikke logik eller funktioner eller noget lignende.

यह तर्क नहीं है या कार्यों या ऐसा कुछ।

Vi kan ikke gøre nogen programmering per se i HTML.

हम किसी भी ऐसा नहीं कर सकते एचटीएमएल में से प्रति प्रोग्रामिंग।

Nogle gange vil du høre folk beskriver sig selv

कभी-कभी आप सुनेंगे लोगों को खुद का वर्णन

som HTML programmører, som er ikke helt korrekt.

एचटीएमएल प्रोग्रामर, जो के रूप में पूरी तरह से सही नहीं है।

Vi kan ikke skrive HTML-programmer.

हम HTML कार्यक्रमों नहीं लिख सकते हैं।

>> HTML er bare bruges til at markere tekst.

>> एचटीएमएल सिर्फ पाठ को चिह्नित करने के लिए प्रयोग किया जाता है।

Det kaldes et kodesprog.

यह एक मार्कअप भाषा कहा जाता है।

Og hvad det does-- denne markup-- vi bruger tags i HTML og disse tags--

और यह इस markup-- does-- क्या हम एचटीएमएल और इन tags-- में टैग का उपयोग

dette markup-- semantisk definerer strukturen på en side

इस शब्दार्थ markup-- एक पेज की संरचना को परिभाषित करता है

og forårsager almindelig tekst, eksisterer mellem tags skal fortolkes

और सादे पाठ का कारण बनता है कि टैग व्याख्या की जानी बीच मौजूद है

af browsere på forskellige måder.

अलग अलग तरीकों से ब्राउज़रों द्वारा।

Og måske er det bedst at forklare dette ved hjælp af en illustration.

और शायद यह समझाने के लिए सबसे अच्छा है एक उदाहरण के इस मार्ग से।

>> Her er en meget simpel HTML-side, ikke en HTML-programmet, igen, en HTML-side.

>> यहाँ एक बहुत ही सरल HTML पेज नहीं है, एक HTML कार्यक्रम, फिर से, एक HTML पृष्ठ।

Og vi ved, det er en HTML-side, fordi vi har

और हम इसे एक है पता HTML पृष्ठ हम है क्योंकि

afgrænset alt med HTML-tags.

एचटीएमएल टैग के साथ सब कुछ घिरा।

Så dette er hvad en HTML-tag ser ud.

तो यह एक एचटीएमएल टैग की तरह दिखता है।

Det er mellem vinkelbeslag.

यह कोण कोष्ठक के बीच है।

Og bemærk i toppen, vi har HTML og i bunden,

और हम शीर्ष पर नोटिस एचटीएमएल और बहुत नीचे,

efter at vi har gjort, hvad der er tilsyneladende en masse andre HTML,

हम क्या किया है के बाद जाहिरा तौर पर अन्य HTML का एक बहुत,

vi har vinkelbeslag skråstreg HTML.

हम कोण ब्रैकेट स्लेश HTML है।

Så den slags er grænsen mellem det HTML og hvad der ikke er.

तो उस तरह की सीमा है एचटीएमएल क्या है और क्या नहीं है के बीच।

Og selvfølgelig konventionelt, lige som du skrev alle dine C-programmer

और हां, पारंपरिक, बस आप अपनी सी कार्यक्रमों के सभी लिखा था

med dot C extensions, alle dine HTML-filer

डॉट सी एक्सटेंशन के साथ, अपने HTML फ़ाइलों के सभी

vil ende med dot HTML udvidelser.

डॉट एचटीएमएल एक्सटेंशन के साथ खत्म हो जाएगा।

Men der er flere foregår her.

लेकिन यहाँ और अधिक चल रहा है वहाँ।

Vi har ikke bare har disse HTML-tags.

हम सिर्फ ये टैग की जरूरत नहीं है।

Vi har tilsyneladende dette ting kaldet et hoved tag.

हम जाहिरा तौर पर इस राशि बात यह है कि एक सिर टैग बुलाया।

Nå, OK, hvad er det?

खैर, ठीक है, यह क्या है?

>> Nå måske er det bedst at skelne ved hjælp af et organ,

>> वैसे शायद यह करने के लिए सबसे अच्छा है एक शरीर के माध्यम से भेद,

legeme er indholdet af websiden.

शरीर वेब पेज की सामग्री को जा रहा है।

Så måske hovedet tag definerer ting som ikke er i browservinduet korrekt,

इसलिए हो सकता है सिर टैग सामान को परिभाषित करता है कि, ब्राउज़र विंडो में उचित नहीं है

men er på en måde vigtigt for vores webside blive gjort korrekt.

लेकिन करने के लिए किसी भी तरह से महत्वपूर्ण है हमारे वेब पेज को सही ढंग से गाया जा रहा है।

For eksempel indersiden af head tag vi har titel tags.

उदाहरण के लिए, अंदर की सिर टैग हम शीर्षक टैग नहीं है।

>> Så titel bliver hej verden, der er faktisk kommer til at være, hvad

>> तो शीर्षक हैलो दुनिया किया जा रहा है, कि वास्तव में क्या होने जा रहा है

dukker op i tappen i Chrome eller i safari eller Firefox--

क्रोम में टैब में पता चलता है या सफारी या Firefox-- में

uanset hvad browser du prefer-- der er hvad der kommer til at dukke op i titlen.

जो कुछ भी आप ब्राउज़र है कि prefer-- क्या शीर्षक में दिखाने के लिए जा रहा है।

Og før faner det ville vise op i hele browservinduet

और टैब से पहले यह दिखा सकते हैं अपने पूरे ब्राउज़र विंडो में

og du kan kun have én side åbne i et browservindue ad gangen.

और आप केवल एक पृष्ठ हो सकता है एक समय में एक ब्राउज़र विंडो में खुलेगा।

Så det kommer til at være det titlen på min side op på fanen

तो यह है कि होने जा रहा है टैब में मेरा पेज अप का खिताब

eller browservinduet bar, hej verden.

या ब्राउज़र विंडो बार, हैलो दुनिया।

Og derefter indholdet af min webside vil være verden, hej.

और तो सामग्री मेरे वेब पेज हैलो, दुनिया हो जाएगा।

Så lad os tage et kig på, hvad nogle ting som dette kunne se ud.

तो चलो क्या कुछ पर एक नजर डालते हैं इस तरह बात की तरह लग सकता है।

Dette er en temmelig simpel HTML-side.

यह एक बहुत ही सरल HTML पृष्ठ है।

Så jeg er her i min CS50 IDE og Jeg har zoomet ind en lille smule.

इसलिए मैं अपने CS50 आईडीई में यहाँ हूँ और मैं एक छोटा सा में तेजी से बढ़ी है।

Og jeg er bare at gå til åbne op hej dot HTML

और मैं सिर्फ करने के लिए जा रहा हूँ हैलो डॉट एचटीएमएल ऊपर खुला

og vise dig, at dette er temmelig meget sidens indhold, som vi så før.

और यह बहुत ज्यादा है कि आप को दिखाने हम पहले देखा था कि पेज की सामग्री।

Mine simple HTML, hoved tags, title tags, krop, og så videre.

मेरे सरल HTML, सिर टैग, शीर्षक टैग, इतने पर शरीर, और।

Jeg har indrykket at være rene.

मैं साफ करने के लिए इंडेंट गए हैं।

>> Og så hvad jeg kan gøre i min IDE er bare vist et eksempel på siden.

>> और मैं ऐसा कर सकते हैं तो क्या मेरी आईडीई बस पृष्ठ पूर्वावलोकन है।

Og der går vi.

और वहाँ हम चले।

Indholdet af min side er verden, hej, og jeg kan ikke se noget

मेरा पेज की सामग्री, दुनिया है हैलो, और मैं कुछ भी नहीं दिख रहा है

fra hovedet tags der.

वहाँ सिर टैग से में।

Det er blot indholdet af kroppen.

यह शरीर के सिर्फ सामग्री है।

Verden, hej.

विश्व, नमस्कार।

Og igen kroppen lige sagde, verden, hej.

और फिर शरीर बस कहा, दुनिया, नमस्कार।

Den anden del mangler.

अन्य हिस्सा गायब है।

>> Så det er virkelig alt det er.

>> तो यह है कि वास्तव में यह सब है।

Dette er en meget simpel grundlæggende HTML-side.

यह एक बहुत ही सरल बुनियादी HTML पृष्ठ है।

Nu har jeg indrykket min HTML til være virkelig rart og organiseret,

अब मैं अपने एचटीएमएल इंडेंट किया है वास्तव में अच्छा है और संगठित होना

men jeg har faktisk ikke behøver at.

लेकिन मैं वास्तव में करने के लिए नहीं है।

Jeg kunne gøre det ser temmelig grimt.

मुझे लगता है यह बहुत बदसूरत लग कर सकता।

Og dette ville stadig arbejde.

और यह अभी भी काम करेगा।

Dette ville være nøjagtig den samme webside.

इस सटीक एक ही वेब पेज होगा।

Jeg har netop fået slippe af med alle de hvide rum.

मैं बस से छुटकारा मिल गया है सफेद अंतरिक्ष के सभी।

>> Da det viser sig, hvide rum er data.

>> यह भी निकलता है, सफेद स्थान डेटा है।

Og så når vi sender data fra afsender til modtager, fra server

और इसलिए हम से डेटा भेज रहे हैं जब भेजने वाले सर्वर से, रिसीवर को

til kunden, data koster penge.

ग्राहक के लिए, डेटा पैसा खर्च होता है।

Og så at komme af blanke tegn er faktisk en god idé

और तो खाली स्थान से छुटकारा मिल रहा वास्तव में एक अच्छा विचार है

hvis du er en person, der tjener en masse web-indhold.

आप किसी से कर रहे हैं, जो कार्य करता है वेब सामग्री का एक बहुत ऊपर।

Det er en dårlig idé, hvis du er nogen, der er at lære det her

आप कर रहे हैं तो यह एक बुरा विचार है इस सामान सीख रहा है, जो किसी को

og du vil have det pænt organiseret.

और आप चाहते हैं यह अच्छी तरह का आयोजन किया।

Dette er meget lettere at tolke end dette.

यह इस से पार्स करने के लिए एक बहुत आसान है।

Men det er funktionelt identiske.

लेकिन यह कार्यात्मक समान है।

>> Indrykningen og den slags faktisk ikke noget i HTML.

>> लगता है कि जैसे खरोज और सामान वास्तव में HTML में कोई फर्क नहीं पड़ता।

Alle, der betyder noget er, åbner tags og lukke tags i den rigtige rækkefølge.

कि सभी मामलों को खोलने के लिए देख रहे है सही क्रम में टैग बंद।

Læg mærke til hvad der skete her, selv om.

हालांकि, यहां क्या हुआ पर ध्यान दें।

Opmærkningen giver os en måde at kommunikere ekstra information

मार्कअप करने के लिए हमें एक रास्ता देती है अतिरिक्त जानकारी संवाद

om, hvad vi har skrevet.

हम क्या लिखा है के बारे में।

Hello, Verden del var tolkes som titlen.

हैलो, विश्व हिस्सा था शीर्षक के रूप में व्याख्या की।

Og verden, goddag del var fortolkes indholdet

और, हैलो हिस्सा दुनिया थी सामग्री के रूप में व्याख्या की

eller hvad der skal være synlig på min webside.

या क्या होना चाहिए अपने वेब पेज पर दिख रहा है।

>> Der er over 100 af disse forskellige tags og masser af store ressourcer

>> इन अलग से 100 से अधिक कर रहे हैं टैग और महान संसाधनों की बहुत सारी

online for at finde dem.

उन्हें खोजने के लिए ऑनलाइन।

Vi kommer til at tale om en få af dem i denne video, nogle

हम एक के बारे में बात करने जा रहे हैं इस वीडियो में उनमें से कुछ, कुछ

af de virkelig grundlæggende ting.

वास्तव में मौलिक सामान की।

Men vi vil ikke tale om det hele, fordi det

लेकिन हम बात नहीं जा रहे हैं यह सब के बारे में यह क्योंकि

ville være udtømmende hertil.

ऐसा करने के लिए व्यापक होगा।

>> En anden ting du kan gøre, selv om, er åbne udviklingsværktøjer.

>> आप हालांकि, कर सकते हैं एक और बात, डेवलपर टूल ऊपर खुला है।

Og hvis du husker fra vores video på HTTP,

और तुम से याद करते हैं HTTP पर हमारे वीडियो,

Jeg forklarede, hvordan du åbner op udviklingsværktøjer.

मैं खोलने के लिए कैसे समझाया डेवलपर टूल अप।

I Chrome er det normalt F12 at åbne op udvikleren værktøjslinje.

क्रोम में यह आम तौर पर F12 कुंजी है डेवलपर उपकरण पट्टी खोलने के लिए।

Så i stedet for at vælge netværket fane kan du vælge fanen Elementer.

तो बजाय नेटवर्क को चुनने का टैब, आप तत्वों टैब का चयन कर सकते हैं।

Og hvis du indlæser en web side, vil du rent faktisk

और आप एक वेब लोड पेज, आप वास्तव में हूँ

se HTML, der skaber denne webside.

जो वेब पेज बनाता है कि एचटीएमएल देखते हैं।

Og så kan du lære en masse om HTML ved at se på dine foretrukne hjemmesider

और तो आप HTML के बारे में बहुत कुछ सीख सकते हैं अपने पसंदीदा वेबसाइटों को देखकर

og se, hvordan de bygger den forskellige stykker af dem, som du kan lide.

और वे का निर्माण देख कैसे आप चाहते हैं कि उनमें से विभिन्न टुकड़ों।

Så måske er der denne cool mønster eller noget lignende.

तो शायद इस शांत भी नहीं है पैटर्न या ऐसा कुछ।

Hvordan de gør det med HTML?

वे कैसे HTML के साथ यह कर सकता हूँ?

Nå du kan bare åbne din developer værktøjer og svæver over dette element

वैसे आप सिर्फ अपने डेवलपर खोल सकते हैं उस तत्व से अधिक उपकरण और मंडराना

og se præcis, hvad HTML gør det.

और एचटीएमएल बनाता है यह वास्तव में क्या देखते हैं।

Så det er en rigtig god måde at lære HTML,

तो यह है कि एक सच है एचटीएमएल सीखने के लिए अच्छा तरीका है,

og jeg anbefaler stærkt, at du gøre det både for at lære HTML

और मैं दृढ़ता से अनुशंसा करते हैं कि आप इसे दोनों जानने के लिए करना एचटीएमएल

og også at lære lidt lidt om nogle af de muligheder

और यह भी एक छोटे से जानने के लिए विकल्पों में से कुछ के बारे में थोड़ा

til rådighed for dig i udviklingsværktøjer, som

में आप के लिए उपलब्ध डेवलपर उपकरण, जो

vil helt sikkert komme i handy som du begynder at gøre mere intensiv web

निश्चित रूप से काम में आ जाएगा आप और अधिक गहन वेब शुरू कर

programmering.

प्रोग्रामिंग।

>> Så lad os tage et kig på en par almindelige HTML-tags.

>> तो चलो एक पर एक नजर डालते हैं आम एचटीएमएल टैग की जोड़ी।

Og vi vil hoppe og tage et kig på hvad disse tags vil også gøre

और हम कूद और पर एक नज़र रखेंगे इन टैग भी प्रस्तुत करना होगा क्या

som ved at se på nogle filer i mit IDE.

मेरी आईडीई में कुछ फाइलों को देखकर के रूप में।

Så her er tre meget grundlæggende tags for tweaking det visuelle udseende af tekst.

तो यहाँ के लिए तीन बहुत ही बुनियादी टैग कर रहे हैं पाठ के दृश्य उपस्थिति tweaking।

Der er B-tags, I tags og U-tags.

बी टैग, मैं टैग, और यू टैग नहीं है।

Og henholdsvis hvad de gør, er gøre teksten mellem dem med fed skrift,

और क्रमशः वे क्या करते है बोल्ड में उन दोनों के बीच पाठ प्रस्तुत करना,

kursiv og understregning.

इटैलिक, और रेखांकित।

Så lad os se, hvad der ville se ligesom på en faktiske webside i min IDE.

तो चलो कि देखना होगा कि क्या देखते हैं मेरी आईडीई में एक वास्तविक वेब पेज पर पसंद है।

>> Så her i min IDE har jeg en fil kaldet BIU dot HTML.

>> तो यहाँ मेरी आईडीई में मैं एक BIU डॉट एचटीएमएल बुलाया फ़ाइल।

BIU dot HTML bare at være fed, kursiv, understregning.

BIU डॉट एचटीएमएल अभी की जा रही बोल्ड, इटैलिक, रेखांकित।

Jeg vil åbne det op.

मैं इसे खोल देता हूँ।

>> Og vi vil se, at her jeg har denne tekst er B-tags fed.

>> और हम मुझे लगता है कि यहां देखेंगे इस पाठ बी टैग बोल्ड है।

Denne tekst er I tags kursiv.

यह पाठ मैं टैग इटैलिक है।

Og denne tekst er U-tags understreget.

और इस पाठ यू टैग को रेखांकित किया है।

Hvad er dette kommer til at se ud?

क्या इस तरह लग रहा है?

Nå igen, alt hvad jeg har at gøre, er at gå over her

खैर फिर, सब मेरे पास है यहाँ पर जाने के लिए क्या करना

til min browser, min fil browser, skal du klikke Eksempel, og det er hvad der kommer op.

अपने ब्राउज़र को, मेरी फाइल ब्राउज़र, क्लिक करें पूर्वावलोकन, और यह ऊपर आता है।

>> Teksten i mellem B tags er faktisk nu fed.

>> बी के बीच में पाठ टैग वास्तव में अब बोल्ड है।

Teksten i mellem I tags er faktisk nu kursiv.

मैं बीच में पाठ टैग वास्तव में अब इटैलिक है।

Og teksten i mellem U tags er faktisk nu understreget.

और यू के बीच में पाठ टैग वास्तव में अब रेखांकित किया है।

Så det er temmelig godt.

तो यह है कि बहुत अच्छा है।

Vi ved nu, hvordan man kan gøre tekst ser lidt mere fancy

अब हम पाठ बनाने के लिए पता एक छोटे से अधिक फैंसी देखो

eller tegne vægt på visse ting.

या कुछ बातें करने के लिए जोर आकर्षित।

Et andet par af fælles tags her afsnit tags, P og header tags,

यहां आम टैग की एक और जोड़ी हैं पैरा टैग, पी, और शीर्षक टैग,

som jeg har gjort her som HX.

जो मैं सेमी यहाँ के रूप में प्रदान की गई है।

>> Disse P-tags, disse afsnit tags, bryde din tekst op i afsnit.

>> इन पी टैग, इन पैराग्राफ टैग, पैराग्राफ में अपने पाठ को तोड़ने।

Det er ikke nok bare at tryk Enter og efterlade rum,

यह सिर्फ करने के लिए पर्याप्त नहीं है दर्ज करें और रिक्त स्थान छोड़ मारा,

fordi en computer er kun vil at gøre, hvad du fortæller det til at gøre

एक कंप्यूटर ही जा रहा है क्योंकि आपको बस इतना करना है कि यह बता कि क्या करना है

og det ignorerer hvid plads til det meste.

और यह सफेद पर ध्यान नहीं देता अधिकांश भाग के लिए अंतरिक्ष।

Så vi kan ikke bare trykke Enter og forventer vores computer

तो हम बस दर्ज हिट नहीं कर सकते और हमारे कंप्यूटर की उम्मीद

at fortolke, at vi ønsker at starte et nyt afsnit.

हम चाहते हैं कि व्याख्या करने के लिए एक नया अनुच्छेद शुरू करने के लिए।

Vi må meget eksplicit sige dette er en paragraph-- dette er another--

हम बहुत स्पष्ट रूप से यह कहना है इस paragraph-- एक another-- है

ved at indsætte hver i et sæt af P tags.

पी टैग का एक सेट में प्रत्येक enclosing द्वारा।

>> Og vi har også disse muligheder for H tags, disse header tags.

>> और हम भी इन विकल्पों में है एच टैग, इन शीर्षक टैग के लिए।

Vi har seks forskellige niveauer overskrifter, en, to, tre,

हम छह विभिन्न स्तरों है हेडर के, एक, दो, तीन,

fire, fem og seks, som er gradvist større og større

हैं जो चार, पांच और छह, उत्तरोत्तर बड़ा और बड़ा

overskrifter.

हेडर।

Og de får mindre og mindre og mindre og mindre.

और वे छोटे हो और और छोटे छोटे और छोटे।

Så vi har et topniveau overskrift, en anden vater, og så videre, og så videre.

तो हम एक दूसरे के एक शीर्ष स्तर शीर्षक है स्तर हेडर, और इतने पर, और इतने पर।

>> Lad os tage et kig på måske nogle P-tags og nogle header tags

>> शायद कुछ पर एक नज़र रखना पी टैग और कुछ शीर्षक टैग

i aktion på en webside.

एक वेब पेज पर कार्रवाई में।

Så her i min IDE jeg har en fil kaldet PH dot HTML, idet pH-værdien stykker

तो यहाँ मेरी आईडीई में मैं नामक एक फाइल है पीएच डॉट एचटीएमएल, पीएच जा रहा पैराग्राफ

Der er en masse foregår her fordi jeg har lagt nogle lorem

एक बहुत यहाँ चल रहा है वहाँ मैं कुछ घर में डाल दिया है क्योंकि

ipsum, nogle bare tilfældig tekst her.

Ipsum, यहाँ में कुछ बस यादृच्छिक पाठ।

Så jeg vil zoome ud en lille smule fordi der er så meget foregår.

इसलिए मैं थोड़ा सा बाहर ज़ूम करेंगे क्योंकि वहाँ इतना चल रहा है।

Men bemærk, at jeg har i det top her Jeg har en H1, et niveau et,

लेकिन मैं बहुत कम है कि नोटिस , मैं एक H1, एक स्तर एक है यहाँ शीर्ष

header tag.

शीर्षक टैग।

Så jeg har et afsnit, som er lige en flok af tilfældige text-- lorem ipsum--

तो मैं बस है, जो एक पैरा है, यादृच्छिक text-- घर का एक गुच्छा ipsum--

bare standard standard fyldning i tekst.

सिर्फ पाठ में मानक भरने डिफ़ॉल्ट।

Så jeg har to stykker inde i det niveau et sidehoved og derefter ned under jeg

इसलिए मुझे लगता है कि के अंदर दो पैराग्राफ है एक स्तर हेडर और फिर नीचे मैं नीचे

har en niveau to header her på linie 24, et andet niveau header, og yderligere to

24 लाइन पर यहाँ एक स्तर दो शीर्षक है, एक दूसरे स्तर हेडर, और एक और दो

stykker.

पैराग्राफ।

Nå hvad betyder dette ligne hvis jeg ser det i min preview?

वैसे इस तरह दिखता है मैं अपने पूर्वावलोकन में यह देखना तो क्या होगा?

Lad os se.

चलो देखते हैं।

>> Så mærke til, at første niveau header her

>> तो यह है कि नोटिस यहां पहले के स्तर हेडर

er faktisk ganske lidt større end det andet niveau header.

वास्तव में काफी एक बड़ा सा है दूसरे स्तर पर हेडर से।

Så vi brugte H1 tags.

इसलिए हम H1 टैग का इस्तेमाल किया।

Og bemærk, at P-tags giver os mulighed til at bryde tingene ud i stykker.

और पी टैग हमें की अनुमति है कि नोटिस पैराग्राफ में चीजें बाहर तोड़ने के लिए।

Hvis vi havde fået slippe af disse P-tags og faktisk bare sætte Indtaster eller Retur

हम उन पी टैग से छुटकारा मिल गया था और वास्तव में सिर्फ डाल प्रवेश करती है या रिटर्न

i mellem, hvad vi håbede ville være de forskellige stykker,

हम क्या उम्मीद के बीच में होगा अलग पैराग्राफ हो,

de ville alle bare smække sammen og det ville ikke have denne nice stykke

वे सब सिर्फ एक साथ स्लैम होता और यह यह अच्छा पैरा नहीं होता

adskillelse med plads over og under.

ऊपर और नीचे अंतरिक्ष के साथ जुदाई।

Og så det er hvad afsnit tags og header tags

और इतना है कि क्या पैरा है टैग और शीर्षक टैग

er almindeligt anvendt til at gøre at trække opmærksom på dele af vores webside

आमतौर पर आकर्षित करने के लिए ऐसा करने के लिए इस्तेमाल कर रहे हैं हमारे वेब पेज के कुछ भागों पर ध्यान

på denne måde.

उस रास्ते में।

>> Næste op er nogle mærker, som vi bruger at opbygge lister på vores hjemmeside.

>> अगले ऊपर है कि हम इस्तेमाल कुछ टैग कर रहे हैं हमारे वेब पेज पर सूची का निर्माण करने के लिए।

Så vi har uordnet lists-- ULs-- der er lige

इसलिए हम अव्यवस्थित है lists-- ULs-- जो बस रहे हैं

punktopstillinger, bestilt liste, som er numbered--

आदेश बुलेटेड सूचियों, numbered-- हैं जो सूची

OLs-- og indersiden af enten en af dem, vi har brug for

OLs-- और के अंदर या तो उन में से एक हम हैं की जरूरत है

sæt af hvordan man angive listeelementer, LI.

, लाइट सूची आइटम इंगित करने के लिए कैसे के सेट।

Og så har vi åbent UL-tag og vi sætte punkter inde i den.

और इसलिए हम खुले उल टैग है और हम इसे के अंदर आइटम डाल दिया।

Og så når vi er færdig med det, kan vi lukke UL tag.

और फिर हम साथ कर रहे हैं जब कि, हम उल टैग को बंद कर सकते हैं।

>> Og tilsvarende vi kan have en ordnet eller nummereret liste

>> और इसी तरह हम कर सकते हैं एक आदेश दिया है या क्रमांकित सूची

og sætte listeelementer inde i det.

और उस के अंदर सूची आइटम डाल दिया।

Så lad os tage et kig på et par lister

तो चलो एक नजर डालते हैं सूचियों के एक जोड़े पर

og hvad de ville gengive som på CS50 IDE.

और क्या वे चाहते हैं CS50 आईडीई पर के रूप में प्रस्तुत करना।

Så jeg har her i min IDE et fil kaldet lister dot HTML.

इसलिए मैं अपने आईडीई एक में यहाँ है फ़ाइल कहा सूचियों एचटीएमएल डॉट।

Lad os tage et kig.

चलो एक नज़र डालते हैं।

>> Og varsel her har jeg en uordnet liste med fem ting i det.

>> और यहाँ नोटिस मैं एक unordered है उस में पाँच चीजों के साथ सूची।

Og så har jeg en ordnet liste, og Jeg har skiftet tag en lille smule,

और फिर मैं एक आदेश सूची है, और मैं टैग एक छोटा सा बदल दिया है,

højre?

है ना?

Jeg har sagt starten lig seks.

मैं शुरू छह के बराबर होती है कहा है।

Det viser sig med en ordnet liste I kan indstille startpunktet uanset hvor

यह एक आदेश दिए सूची के साथ मैं बाहर जाता है शुरुआती बिंदु जहाँ भी सेट कर सकते हैं

Jeg want-- som standard vil det være en-- ved blot at tilføje denne såkaldte attribut

मैं यह one-- होगी डिफ़ॉल्ट रूप से want-- द्वारा सिर्फ इस तथाकथित विशेषता जोड़ने

til min OL-tag.

मेरी राजभाषा टैग करने के लिए।

Og så denne liste vil begynde at tælle på seks.

और इसलिए इस सूची जाएगा छह बजे गिनती शुरू।

Så de elementer i denne nummereret liste skal være seks, syv, otte, ni, ti,

कि क्रमांकित सूची की तो तत्वों होना चाहिए छह, सात, आठ, नौ, दस,

fordi der er fem elementer på listen, i modsætning til en,

पाँच तत्व हैं क्योंकि सूची में, एक करने के लिए विरोध के रूप में,

to, tre, fire, fem, som ville være tilfældet, hvis jeg havde sagt OL

दो, तीन, चार, पांच, जो मैं राजभाषा ने कहा था कि यदि इस मामले की जाएगी

uden at angive starten attribut.

प्रारंभ विशेषता निर्दिष्ट किए बिना।

>> Så vi vil bare få vist dette, så du kan få en fornemmelse for, hvad der foregår her.

>> आप कर सकते हैं तो हम सिर्फ इस पूर्वावलोकन करेंगे यहाँ पर क्या हो रहा है के लिए एक भावना हो।

Og der går vi.

और वहाँ हम चले।

Der er min liste.

मेरी सूची में नहीं है।

De første fem elementer er uordnede eller punktopstillinger.

पहले पांच तत्व हैं अव्यवस्थित या बुलेटेड सूची।

Og de næste fem elementer er en separat ordnet liste

और अगले पांच तत्वों एक अलग आदेश दिया सूची इस प्रकार हैं

startende fra seks.

छह से शुरू।

Så det er, hvordan vi kan opbygge lister ved hjælp af HTML.

इतना है कि हम कैसे कर सकते हैं HTML का उपयोग कर सूची का निर्माण।

En anden ting du måske ønsker at gøre med HTML

एक और बात आप कर सकते हैं HTML के साथ क्या करना चाहते हैं

er at opbygge en tabel over information af rækker og kolonner

की एक तालिका का निर्माण कर रहा है पंक्तियों और स्तंभों की जानकारी

at præsentere oplysninger i en især organiseret måde.

एक में जानकारी पेश करने के लिए विशेष रूप से जिस तरह का आयोजन किया।

For at gøre dette med HTML vi kan få en tabel definition begynder åben beslag

हम एक हो सकता है HTML के साथ ऐसा करने के लिए खुले ब्रैकेट शुरुआत तालिका परिभाषा

tabel.

मेज।

Og så inde i skemaet vi kan have et sæt af rækker, TR-tags

और फिर उस मेज के अंदर हम पंक्तियाँ, टी.आर. टैग का एक सेट हो सकता है

at angive hver række.

प्रत्येक पंक्ति से संकेत मिलता है।

Og derefter TD tags gå inde i TR-tags at angive en kolonne i et træk.

और फिर टीडी टैग टी.आर. टैग के अंदर जाना एक पंक्ति के भीतर एक स्तंभ निर्दिष्ट करने के लिए।

>> Hvorfor hedder det TD og ikke TC?

>> ऐसा क्यों है कि टीडी बुलाया और टीसी नहीं है?

Nå, TD står for tabeldata.

खैर, टीडी तालिका डेटा के लिए खड़ा है।

Normalt du lægger dine oplysninger er der.

आम तौर पर आप डाल रहे हैं वहाँ आपकी जानकारी।

Så det er derfor, det er TD og ikke TC.

यह टीडी और नहीं टीसी है तो यही कारण है।

Det er en lille smule forvirrende.

यह एक छोटा सा भ्रमित करने वाला है।

>> Så du har table tags og indersiden af din tabel tags

>> तो अगर आप तालिका टैग नहीं है और अपनी मेज टैग के अंदर

du har et antal rækker, TR'er.

आप पंक्तियों, टीआरएस के एक नंबर है।

Og inde i hver række, du har Datablad for antallet af kolonner

और प्रत्येक पंक्ति के अंदर आपके पास स्तंभों की संख्या के लिए टीडीएस

at du vil have i denne særlige træk.

आप चाहते हैं कि उस विशेष पंक्ति में।

Lad os tage et kig på et meget simpel bordet over i CS50 IDE.

का एक बहुत पर एक नज़र रखना CS50 आईडीई में अधिक सरल मेज।

>> Så jeg har her en fil kaldet tabel dot HTML.

>> तो मैं यहाँ एक फ़ाइल है तालिका डॉट एचटीएमएल बुलाया।

Lad os få et kig på hvad der ligner.

पर एक नजर है क्या लगता है कि जैसे लग रहा है।

Der er en masse foregår her, men hvis du bemærker jeg har en tabel åben.

एक बहुत यहाँ चल रहा है वहाँ लेकिन अगर तुम नोटिस मैं एक मेज खुला है।

Jeg begynder definitionen med bord.

मैं मेज के साथ परिभाषा शुरू कर रहा हूँ।

Og så i mit første række, jeg tilsyneladende har fire kolonner, en, to, tre,

और फिर मेरी पहली पंक्ति में मैं जाहिरा तौर पर चार स्तंभों, एक, दो, तीन,

fire.

चार।

Og så er jeg færdig med denne række.

और फिर मैं उस पंक्ति के साथ काम कर रहा हूँ।

>> Så jeg starter en anden række og gør to, fire, seks, otte.

>> तो मैं एक और पंक्ति शुरू करने और दो, चार, छह, आठ से करते हैं।

Afslut pågældende række.

उस पंक्ति को खत्म करो।

Gøre en anden række, tre, seks, ni, 12.

एक और पंक्ति, तीन, छह, नौ, 12 मत करो।

Og så en sidste række, fire, otte, 12, og selv om det er

और फिर एक अंतिम पंक्ति, चार, आठ, 12, और यह है, हालांकि

lidt afskåret her, 16.

एक छोटी सी, 16 यहाँ से काट डाला।

>> Jeg færdig pågældende række.

>> मैं उस पंक्ति समाप्त हो गया।

Jeg færdig bordet.

मैं मेज समाप्त हो गया।

Og så er jeg færdig med min HTML.

और फिर मैं अपने HTML के साथ काम कर रहा हूँ।

Hvad betyder dette se ud?

यह किसकी तरह दिखता है?

Tja, det er egentlig ikke meget at se.

खैर, यह देखने के लिए बहुत ज्यादा नहीं है।

Jeg har helt klart organiseret mine oplysninger i en noget mere organiseret måde.

मैं स्पष्ट रूप से मेरी जानकारी का आयोजन किया है एक कुछ और अधिक संगठित तरीके से।

Men det er ikke super smuk her.

लेकिन यह यहाँ सुपर सुंदर नहीं है।

Og vi kommer til at beskæftige sig med at når vi taler om CSS.

और हम से निपटने के लिए जा रहे हैं हम सीएसएस के बारे में बात करते हैं कि।

Vi vil revidere denne idé om hvad vi gør for at gøre en table--

हम इस विचार को फिर से आना हूँ हम एक table-- बनाने के लिए क्या करते हैं

måske formatere det lidt bedre?

हो सकता है एक छोटा सा बेहतर यह प्रारूप?

Men jeg har stadig fire rækker, som hver har fire kolonner,

लेकिन मैं अभी भी चार पंक्तियों की क्या ज़रूरत है, जिनमें से प्रत्येक चार कॉलम है,

og virkelig, hvad svarer det til en meget enkel fire af fire multiplikation

एक है और वास्तव में यह क्या मात्रा बहुत ही सरल चार चार गुणा से

tabel.

मेज।

>> Bare et par flere tags, vi vil tale om.

>> हम के बारे में बात करेंगे बस कुछ ही अधिक टैग।

Lad os tale om det Begrebet en HTML-formular.

के बारे में बात करते हैं एक HTML फार्म की अवधारणा।

Så du kan have set dette i sammenhæng med at logge ind på en webside.

तो अगर आप में यह देखा हो सकता है एक वेब पेज में प्रवेश करने के संदर्भ।

Normalt skal du indtaste dit brugernavn.

आम तौर पर आप अपने उपयोगकर्ता नाम में टाइप करें।

Du skriver i dit password, og du er god til at gå.

आप अपना पासवर्ड टाइप और तुम जाने के लिए अच्छे हैं।

Det ville være begyndelsen på en formular.

यही कारण है कि एक फार्म की शुरुआत होगी।

>> Skipping løbet div et sekund.

>> पर लंघन एक दूसरे div।

Vi har også indgange, som slags passe inde former.

हम यह भी जानकारी है जो तरह के रूपों के अंदर फिट बैठते हैं।

Disse er de elementer, du faktisk skrive i,

ये तत्व हैं कि आप वास्तव में, में टाइप कर रहे हैं

eller radioknapperne du er tikkende, eller checken

या रेडियो बटन आप कर रहे हैं बजाते, या चेक

bokse, som du tikkende off.

आप बंद बजाते रहे कि बक्से।

Så disse gå ind af formularer.

इसलिए इन रूपों के अंदर चले जाते हैं।

Og de omfatter grundlæggende hver række af formen

और वे मूल रूप से शामिल फार्म की प्रत्येक पंक्ति

Hvis din formular er formateret godt.

अपने फार्म में अच्छी तरह से स्वरूपित है।

Så er der denne begrebet en div, som ikke rigtig

तब से इस अवधारणा को भी नहीं है सच नहीं है जो एक div,

passer i en bestemt kategori af tags som dem, jeg har

किसी विशेष श्रेणी में फिट मैं लोगों की तरह टैग की

gjort tidligere.

पहले से कर रहा।

Det bare slags afgrænser den begyndelsen af nogle vilkårlige division--

यह बस की तरह सीमांकित कुछ मनमाने ढंग से division-- की शुरुआत

div-- på siden.

पेज के div--।

Der er ingen visuel pause.

कोई दृश्य तोड़ नहीं है।

Der er ingen linje.

कोई रेखा नहीं है।

Det er ikke modregne som en separat chunk automatisk.

यह एक बंद के रूप में सेट नहीं है स्वचालित रूप से अलग हिस्सा।

Du ville have til at style det på den måde at gøre det.

आप यह शैली के लिए होता है उस तरह से है कि क्या करना है।

>> Det bare slags siger jeg vil have en stykke plads på min webside,

>> यह बस की तरह मैं एक चाहते का कहना है अपने वेब पेज पर स्थान का टुकड़ा,

og jeg bare at kalde det på denne opdeling af min side.

और मैं सिर्फ फोन करने के लिए जा रहा हूँ यह मेरे पृष्ठ के इस विभाजन।

Vi kan sætte ting inde af divs, og i virkeligheden,

हम अंदर सामान रख सकते हैं divs की, और वास्तव में,

når vi hovedet over til IDE i en anden, vi får

हम के लिए सिर पर जब एक दूसरे में आईडीई, हम करेंगे

se, at jeg lægger min dannes inde i en div.

मैं डाल रहा हूँ कि वहाँ मेरी एक div के अंदर के रूप में।

>> Så jeg har her i min IDE et fil kaldet div formular dot HTML.

>> इसलिए मैं अपने आईडीई एक में यहाँ है div प्रपत्र डॉट एचटीएमएल बुलाया फ़ाइल।

Lad os åbne det op.

के लिए इसे खोल दें।

Bemærk, at som jeg sagde, div er slags vilkårlig.

जैसा मैंने कहा कि नोटिस, div मनमाने ढंग से की तरह है।

Højre?

है ना?

Det betyder ikke virkelig betyder noget.

यह वास्तव में कुछ भी मतलब नहीं है।

Så jeg har en arbitrær første division af min side.

तो मैं एक मनमाना है मेरे पृष्ठ के प्रथम श्रेणी।

Og så i stedet for en anden div senere, der starter på linje otte,

और फिर बजाय एक और div पर बाद में, लाइन आठ पर शुरू,

Jeg har denne form.

मैं इस फार्म का है।

Og inde i formen jeg har en Antallet af indgange, felter i formularen.

और फार्म के अंदर मैं एक है आदानों की संख्या, फार्म के क्षेत्र।

Så jeg har et felt, hvis navn er en-- som ikke virkelig betyder noget

इसलिए मुझे लगता है जिसका नाम है एक क्षेत्र है एक-- वास्तव में कुछ भी मतलब नहीं है कि जो

højre nu-- der tilsyneladende tager tekst, en anden, der

सही now-- कि जाहिरा तौर पर पाठ, एक दूसरे से लेता है कि

tager en adgangskode, en anden, der er en radio knap, en anden, der er et afkrydsningsfelt,

एक रेडियो है कि एक पासवर्ड, एक और लेता है बटन, एक चेक बॉक्स है कि एक और,

og en anden, der er en knap Send.

और है कि एक और एक बटन सबमिट करें।

Nå, hvad betyder det alt faktisk se ud?

खैर, यह क्या करता है सब वास्तव में की तरह लग रही?

Nå, lad os tage et kig.

ठीक है, चलो एक नज़र रखना।

Vi vil åbne det op i vores preview-vinduet.

हम अपने पूर्वावलोकन विंडो में इसे खोल देंगे।

Bemærk at denne vilkårlige først division-- der er

इस मनमाने ढंग से सूचना है कि पहले वहाँ division--

ingen visuel adskillelse her.

यहां कोई दृश्य जुदाई।

Det gjorde ikke rigtig gøre noget, ikke?

यह वास्तव में सही, कुछ नहीं किया?

>> Og så har jeg min form.

>> और फिर मैं अपने फार्म है।

Og jeg gjorde det ikke nogen særlig formatering.

और मैं किसी भी विशेष स्वरूपण नहीं किया।

Så form er blot en store række af information.

तो प्रपत्र में से एक है जानकारी के बड़े पंक्ति।

Hvis jeg havde formateret min formular forskelligt, Jeg kunne have det linje for linje for linje.

मैं अलग तरह से मेरी फार्म स्वरूपित था, मैं यह लाइन से लाइन से लाइन हो सकता है।

Men jeg gjorde det ikke nogen styling.

लेकिन मैं किसी भी स्टाइल ऐसा नहीं किया।

Igen, vi taler ikke om CSS her.

फिर, हम यहाँ सीएसएस के बारे में बात नहीं कर रहे।

Vi bare taler om HTML.

हम सिर्फ HTML के बारे में बात कर रहे हैं।

>> Tja i min tekstform jeg kan Motortype- huske, at former af typen tekst

>> वैसे मेरी पाठ के रूप में मैं type-- कर सकते हैं याद है कि प्रकार के पाठ के रूपों

så jeg kan sætte mit navn.

इसलिए मैं अपना नाम डाल सकते हैं।

Og i min adgangskode Jeg kan skrive min adgangskode.

और मेरा पासवर्ड मैं में अपना पासवर्ड टाइप कर सकते हैं।

Og fordi dette område er af typen adgangskode,

और उस क्षेत्र की वजह , प्रकार पासवर्ड की है

du ved ikke, hvad mit password er.

आप अपना पासवर्ड क्या है पता नहीं है।

Det er alle prikker.

यह सभी डॉट्स है।

>> Jeg kan også vælge at sætte kryds ud for en alternativknap eller kryds et afkrydsningsfelt.

>> मैं भी एक टिक दूर करने के लिए चुन सकते हैं रेडियो बटन या एक चेक बॉक्स को टिक।

Eller jeg kunne sende min form.

या मैं अपने फार्म जमा कर सकता है।

Og jeg gjorde ikke noget, så når jeg indsende min form

और मैं कुछ नहीं किया, इसलिए मैं अपने फार्म जमा करते हैं,

siden bare opdateres.

पेज सिर्फ तरोताजा कर देती है।

Men jeg kunne måske konfigurere min Indsend knappen for at gøre noget andet.

लेकिन मैं शायद कॉन्फ़िगर सकता है मेरी कुछ और करना बटन सबमिट करें।

Og vi vil se, hvad vi kan gøre med at der i en fremtidig video på PHP.

और हम हम साथ क्या कर सकते हैं देखेंगे पीएचपी पर एक भविष्य वीडियो में उस।

Men dette sker en meget enkel form, som vi

लेकिन यह एक बहुत बनाता है सरल फार्म है कि हम

kan bruge til at få brugerne interagerer og indsende oplysninger til vores hjemmeside.

उपयोगकर्ताओं को बातचीत करने के लिए उपयोग कर सकते हैं और हमारी वेबसाइट के लिए जानकारी सबमिट करें।

>> En sidste bemærkning, før vi gå videre til nogle andre mærker

>> पिछले एक टिप्पणी हम पहले कुछ अन्य टैग के लिए आगे बढ़ना

er at tage et kig på dette input tag endnu en gang.

इस पर एक नज़र लेने के लिए कर रहे हैं इनपुट टैग एक बार।

Bemærk, at jeg har fremhævet enderne af fragmentet i rødt.

मैं प्रकाश डाला है कि सूचना लाल रंग में टैग के समाप्त होता है।

Hver anden tag, vi har set hidtil har havde en begyndelse og en slutning, en åbning

हम अब तक देखा है हर दूसरे टैग है एक शुरुआत और अंत में, एक खोलने के लिए किया था

tag og et afsluttende tag.

टैग और एक बंद टैग।

>> Men en input tag ikke.

>> लेकिन एक इनपुट टैग नहीं करता है।

Der er ingen tekst, der går mellem input-tags.

चला जाता है कि कोई सामग्री नहीं है इनपुट टैग के बीच में।

Alle de oplysninger vi har til hensigt at formidle

जानकारी के सब हम संप्रेषित करने के लिए इच्छुक रहे

er bundet op som en del af attributter af denne input.

के भाग के रूप में बाध्य है कि इनपुट का जिम्मेदार बताते हैं।

Bemærk, at vi har input navn lig x.

हम इनपुट नाम एक्स के बराबर होती है पर ध्यान दें।

Typen er lig y.

प्रकार Y के बराबर होती है।

Det er virkelig alt oplysninger, vi har brug for.

यही कारण है कि वास्तव में सभी जानकारी हम की जरूरत है।

>> Dette kaldes en selvlukkende tag.

>> यह एक आत्म बंद टैग कहा जाता है।

Det kræver ikke en åbning og en tæt, fordi alle de oplysninger

यह एक खोलने और एक की आवश्यकता नहीं है बंद जानकारी के सभी क्योंकि

er indeholdt inde i tag og dets egenskaber.

अंदर निहित है टैग और इसकी विशेषताओं।

Så nogle gange vil du se dette, også.

तो कभी कभी आप भी इस देखेंगे।

Så bare være opmærksom på, at hvis du har en tag, der er helt selvstændig,

यदि आपके पास एक तो यह है कि सिर्फ बारे में पता होना पूरी तरह से आत्म निहित है कि टैग,

den åbner og lukker sig den åbne vinkel beslag til venstre

यह खोलता है और साथ में ही बंद कर देता है बाईं तरफ खुला कोण ब्रैकेट

og skråstreg vinkel beslag til højre.

और स्लेश कोण सही पर ब्रैकेट।

Vi vil se endnu en af dem, lige nu med billede tags så godt.

हम उन लोगों में से एक दूसरे को देखेंगे अभी छवि टैग के साथ के रूप में अच्छी तरह से।

>> Før vi taler om billeder, vi har brug for at snakke om hyperlinks.

>> हम छवियों के बारे में बात करने से पहले, हम हाइपरलिंक के बारे में बात करने की जरूरत है।

Hvis vi ønsker, at vores webside for at være interaktiv og bevæge os rundt,

हम चाहते हैं कि हमारे वेब पेज होने की इंटरैक्टिव और हमारे चारों ओर ले जाते हैं,

det ville være rart at kunne til at klikke på en af dem

यह सक्षम होना अच्छा होगा उन में से एक पर क्लिक करने के लिए

hvad har typisk været en blå link.

क्या आम तौर पर एक नीले लिंक किया गया है।

Dette er faktisk hvordan vi opbygger et hyperlink i vores hjemmeside.

यह हम निर्माण कैसे वास्तव में है हमारे वेब पेज में एक हाइपरलिंक।

Og interessant nok der er en anden HTML-tag

और काफी दिलचस्प है एक और एचटीएमएल टैग वहाँ

kaldet link, som ikke er et hyperlink.

एक हाइपरलिंक नहीं है, जो लिंक बुलाया।

En her står for anker, og det er, hvordan vi angiver et hyperlink.

यहाँ इस लंगर के लिए खड़ा है, और कि हम एक हाइपरलिंक से संकेत मिलता है कि कैसे है।

>> En href lig x midler gå til webside X. Og alt

>> एक href एक्स साधन करने के लिए जाने के बराबर होती है वेब पेज एक्स और सब कुछ

mellem det åbne Et mærke og den tætte Et mærke

एक टैग खुला बीच और करीब एक टैग

er, hvad der kommer til at være der understregede blå tekst, der ligner et link

क्या होने जा रहा है है कि रेखांकित एक कड़ी की तरह लग रहा है कि नीले पाठ

at vi er bekendt med.

हम से परिचित हो।

Nedenfor, at vi har et billede-tag, som er en selvstændig lukker mærke til visning

नीचे है कि हम एक छवि टैग है, जो एक आत्म प्रदर्शित करने के लिए टैग बंद हो रहा है

et billede placeret på X. Og du kan være i stand til at ændre

एक्स में स्थित एक छवि और आप को बदलने में सक्षम हो सकता है

billedet ved at angive bredde og højde

निर्दिष्ट द्वारा कि छवि चौड़ाई और ऊंचाई

og andre attributter i at dot dot dot der.

और अन्य विशेषताओं में कि डॉट डॉट वहाँ डॉट।

>> Nederst her vi har en meget interessant

>> यहाँ बहुत नीचे हम एक बहुत ही दिलचस्प है

søger tag, der ikke har en afsluttende tag.

टैग लग रही है कि नहीं करता है एक बंद टैग।

Det er udråbstegn DOCTYPE HTML.

यह विस्मयादिबोधक बिंदु doctype एचटीएमएल है।

Så HTML har eksisteret siden begyndelsen af 1990'erne til at bygge web-sider,

तो एचटीएमएल के बाद से आसपास किया गया है वेब पृष्ठों के निर्माण के लिए 1990 के दशक,

og det er gået undergået flere revisioner siden da.

और यह आया चला गया है उसके बाद से कई संशोधन।

Senest i 2014 det undergik en revision

अभी हाल ही में 2014 में यह एक संशोधन कराना पड़ा

kaldet HTML5 som nu er den nuværende slags de facto-HTML-standarden.

अब वर्तमान है, जो एचटीएमएल 5 बुलाया वास्तविक HTML मानक की तरह।

>> At angive, at vores web sider er skrevet ved hjælp af HTML5,

>> संकेत मिलता है कि हमारी वेब पृष्ठों, एचटीएमएल 5 का उपयोग कर लिखे गए हैं

dette er, hvordan vi starter.

हम शुरू से यह कैसे है।

Det kan udelades, men hvad der dybest set

इसे छोड़ा जा सकता है लेकिन क्या है कि मूल रूप से

Midlet er at du ikke kan bruge nogen af de tags som er HTML5 tags, de nye mærker.

इसका मतलब है आप टैग के किसी भी उपयोग नहीं कर सकते है एचटीएमएल 5 टैग, उन नए टैग कि कर रहे हैं।

Så vi altid starter hvis vi bruger HTML5.

हम तो हमेशा से शुरू हम एचटीएमएल 5 का उपयोग कर रहे हैं।

Og alle de tags vi har talt om tidligere ikke HTML5 tags.

और सभी टैग के बारे में हम बात की है पहले से एचटीएमएल 5 टैग नहीं हैं।

Men dette ville indikere, at HTML5 tags vil være til stede.

लेकिन इस संकेत मिलता है कि एचटीएमएल 5 टैग उपस्थित रहेंगे।

Og så vi har udråbstegn DOCTYPE HTML, som

और इसलिए हम विस्मयादिबोधक है doctype एचटीएमएल, जो

er selve begyndelsen af vores HTML-fil, og derefter efter dette punkt

के बहुत शुरुआत में है हमारी HTML फ़ाइल, और उसके बाद के बाद उस बिंदु

vi faktisk har vores HTML åben mærke og videre derfra.

हम वास्तव में हमारे HTML खुला है टैग और वहाँ से आगे बढ़ना।

>> Den sidste er en kommentar tag, som ser lidt anderledes, også.

>> पिछले एक है, एक टिप्पणी टैग है जो भी है, थोड़ा अलग दिखता है।

Det starter ud med vinkel beslag udråbstegn bindestreg

यह कोण के साथ बंद शुरू होता है ब्रैकेट विस्मयादिबोधक पानी का छींटा

Dash men ingen afsluttende beslag.

पानी का छींटा लेकिन कोई समापन ब्रैकेट।

I mellem disse to elementer der er, hvor du skriver dine kommentarer.

वहाँ उन दो तत्वों के बीच में आप अपनी टिप्पणी लिखने जहां है।

Og lad os tage et kig på billederne og kommentarer og links i CS50 IDE.

और चलो छवियों पर एक नजर डालते हैं और टिप्पणियों और CS50 आईडीई में लिंक।

>> Så jeg har her en fil kaldet billede link dot HTML, som jeg har tænkt mig at åbne op.

>> तो मैं एक फ़ाइल कहा जाता छवि लिंक यहाँ है मैं खोलने के लिए जा रहा हूँ जो डॉट एचटीएमएल।

Og bemærk jeg har fået et par kommentarer her i min HTML kommentarer.

और मैं एक जोड़ी के लिए मिला है नोटिस मेरी HTML टिप्पणी में यहाँ टिप्पणी।

Så ligesom i C og andre programmeringssprog,

तो बस सी और अन्य में की तरह प्रोग्रामिंग की भाषाएँ,

HTML bare ved at være et kodesprog har evnen til at have kommentarer.

सिर्फ एक मार्कअप भाषा जा रहा द्वारा एचटीएमएल टिप्पणी है करने की क्षमता है।

Og så jeg tilsyneladende vil placere et billede af Rick Astley

और इसलिए मैं जाहिरा तौर पर करने के लिए जा रहा हूँ रिक एस्ले की एक तस्वीर को जगह

et sted mellem denne div tag, denne vilkårlige division.

कहीं न कहीं इस div के बीच टैग, इस मनमाने ढंग से विभाजन।

Tilsyneladende, at filen er placeret på Rick dot JPEG, som

जाहिर है कि फाइल है रिक डॉट जेपीईजी, पर स्थित है, जो

hvis vi hovedet tilbage over til min fil træ til en anden,

हम खत्म करने के लिए वापस सिर यदि एक पल के लिए मेरी फाइल पेड़,

er en fil, der findes i den aktuelle mappe.

में मौजूद है कि एक फाइल है वर्तमान निर्देशिका।

Så det er OK.

तो यह ठीक है।

Jeg kan henvise til det.

मैं इसे संदर्भ सकते हैं।

>> Så kan jeg have interne links.

>> तब मैं आंतरिक लिंक हो सकता है।

Så mærke på linie 11 her min href er hej dot HTML.

यहाँ तो लाइन 11 पर नोटिस मेरी href हैलो डॉट एचटीएमएल है।

Så det bare refererer til goddag dot HTML der findes i den aktuelle mappe.

तो यह है कि सिर्फ डॉट एचटीएमएल नमस्कार करने के लिए संदर्भित करता है जो वर्तमान निर्देशिका में मौजूद है।

Og jeg kan også have ekstern links ved bare at angive HTTPS

और मैं यह भी बाहरी हो सकता है HTTPS का सिर्फ निर्दिष्ट द्वारा लिंक

at angive, at jeg ikke taler om en fil i min nuværende mappe.

मैं बात नहीं कर रहा है कि इंगित करने के लिए मेरे वर्तमान निर्देशिका में एक फाइल के बारे में।

Jeg taler om en fil, der findes et eller andet sted på internettet, som jeg har

मैं मौजूद है कि एक फाइल के बारे में बात कर रहा हूँ कहीं न कहीं मुझे लगता है जो इंटरनेट पर

at anmode hjælp af HTTP-protokollen.

HTTP प्रोटोकॉल का उपयोग अनुरोध करने के लिए।

>> Så lad os tage et kig på, hvad denne side kan se ud

>> तो चलो पर एक नजर डालते हैं क्या इस पेज की तरह लग सकता है

og gør dig klar til et billede af Rick Astley at dukke op på din skærm.

और रिक की एक तस्वीर के लिए तैयार हो जाओ एस्ले अपनी स्क्रीन पर दिखाने के लिए।

Så jeg vil se et eksempel dette.

इसलिए मैं इस पूर्वावलोकन करेंगे।

Der er Rick Astley på øverst i denne vilkårlige

रिक एस्ले में नहीं है इस मनमाना में बहुत ऊपर

division jeg sætte det på toppen.

विभाजन मैं शीर्ष पर डाल दिया।

Og derefter ned under jeg har mine links, right?

और फिर नीचे मैं नीचे मेरा लिंक है, है ना?

>> Jeg har et link til goddag dot HTML.

>> मैं हैलो डॉट HTML करने के लिए एक कड़ी है।

Og hvis jeg klikker der, jeg får flyttet over til denne side

और मुझे लगता है कि क्लिक करते हैं, मैं मिलता है इस पृष्ठ पर ले जाया गया

at vi er meget fortrolig med fra begyndelsen af vores program.

हम से बहुत से परिचित हैं कि हमारे कार्यक्रम के बहुत शुरुआत।

Hvis jeg pop pågældende side åben igen, hvis jeg pop billede link åbner en gang mere,

मैं फिर से खुला है कि पेज पॉप, मैं यदि पॉप छवि लिंक, एक बार खोलने

Jeg kan også gå eksternt til CS50 hjemmeside.

मैं भी बाहर से जा सकते हैं CS50 की वेबसाइट पर।

Og der har vi see-- jeg vil zoome ud en lille smule her--

और वहाँ हम मैं हूँ see-- एक छोटा सा बाहर ज़ूम here--

vi vil se CS50 hjemmeside slags indlejret i midten af vores side.

हम में से CS50 की वेबसाइट प्रकार देखेंगे हमारे पृष्ठ के मध्य में एम्बेडेड।

Så jeg var i stand til at foretage en intern link samt et eksternt link.

तो मैं एक आंतरिक बनाने में सक्षम था एक बाहरी कड़ी के रूप में के रूप में अच्छी तरह से जोड़ती हैं।

>> Den sidste regel med HTML, der vi kommer til at tale om her

>> HTML के साथ अंतिम नियम है कि हम यहाँ के बारे में बात करने जा रहे हैं

er, at din HTML skal være godt dannet.

अपने HTML अच्छी तरह का गठन किया जाना चाहिए।

I C talte vi meget om de forskellige syntaks i tingene.

सी में हम के बारे में बहुत बात चीजों की विभिन्न सिंटेक्स।

I HTML syntaksen virkelig kredser om tags.

एचटीएमएल में सिंटेक्स सच टैग के आसपास घूमती है।

Hvert tag du åbner skal lukkes.

आप खुला हर टैग को बंद कर दिया जाना चाहिए।

Og i virkeligheden, hver tag du åbner skal lukkes i omvendt rækkefølge.

और वास्तव में, हर टैग आप के लिए खुला रिवर्स क्रम में बंद किया जाना चाहिए।

>> Så hvis du åbner en fed tag, en kursiv tag, og derefter en understregning tag

>> तो अगर आप एक बोल्ड टैग खोलते हैं, तो एक इटैलिक टैग, और फिर रेखांकित टैग

at gøre alle tre til en bestemt sæt af tekst,

एक करने के लिए सभी तीन करने के लिए पाठ का विशेष सेट,

bør du lukke dem i omvendt rækkefølge.

आप रिवर्स क्रम में उन्हें बंद करना चाहिए।

Så hvis du åbnede fed, kursiv, understregning, du

आप बोल्ड खोला तो, अगर इटैलिक, आप, रेखांकन

ønsker at lukke understregning, kursiv, fed.

बोल्ड, रेखांकन, इटैलिक बंद करना चाहते हैं।

Denne form for indkapsling er det holder HTML pæn og organiseret.

Encapsulation के इस तरह क्या है एचटीएमएल अच्छा और संगठित रहता है।

>> I modsætning til C, dog syntaksfejl vil ikke faktisk ødelægge din HTML evt.

>> सी विपरीत है, हालांकि, सिंटैक्स त्रुटि नहीं होगा वास्तव में संभवतः अपने HTML अपंग।

Din HTML kan være ikke godt dannet, men vil stadig fungere.

आपका HTML नहीं अच्छी तरह से हो सकता है का गठन, लेकिन अभी भी काम करेगा।

Og så disse fejl kan sortere af dias ved.

और इसलिए इन त्रुटियों द्वारा स्लाइड की तरह कर सकते हैं।

Det er op til dig at virkelig være på vagt.

यह वास्तव में सतर्क रहने के लिए आप पर निर्भर है।

Nogle gange vil de ikke, men nogle gange kan man slippe af sted med det.

कभी-कभी वे असफल हो जायेगी लेकिन कभी कभी आप इसके साथ भाग ले सकते हैं।

>> Det kan være en virkelig vanskelig opgave, selv om,

>> यह एक सच में हो सकता है मुश्किल काम है, हालांकि,

at holde styr på, da du åbnede et tag, når du har lukket det,

आप जब खोला का ट्रैक रखने के लिए एक टैग है, तो आप इसे बंद कर दिया जब,

især da din HTML filer får større og større.

विशेष रूप से अपने HTML के रूप में फ़ाइलों बड़ा और बड़ा हो।

Du ønsker noget hjælp.

आप कुछ मदद चाहता हूँ।

Og der er online validator værktøjer, som du

और ऑनलाइन कर रहे हैं सत्यापनकर्ता उपकरण है कि आप

kan bruge til at få et kig på din web side og se om det er velformet HTML.

अपने वेब पर एक नज़र है करने के लिए उपयोग कर सकते हैं पेज और यह अच्छी तरह से बनाई एचटीएमएल अगर देखते हैं।

Og bør du helt sikkert tage et kig på dem

और आप निश्चित रूप से करना चाहिए उन पर एक नज़र रखना

og begynde at bruge dem som du begynde at gøre noget arbejde med HTML,

और आप के रूप में उपयोग करने के लिए शुरू HTML के साथ कुछ काम कर रहा शुरू,

skrive HTML, bare så du får nogle gode vaner om at organisere

आप प्राप्त कर सिर्फ इतना, एचटीएमएल लिख आयोजन के बारे में कुछ अच्छी आदतें

din HTML på en god måde, og god stil og sikre

एक अच्छा तरीका में अपने HTML और अच्छा शैली और सुनिश्चित कर रही है

at du ikke laver noget, kunne skabe en syntaks fejl,

आप कुछ भी नहीं कर रहे हैं कि कोई सिंटैक्स त्रुटि पैदा कर सकता है कि

ville medføre, at du lidt af et problem nede ad vejen.

आप का एक सा कारण होगा सड़क के नीचे एक समस्या है।

>> Jeg er Doug Lloyd.

>> मैं डौग लॉयड हूँ।

Det er CS50.

इस CS50 है।