gyaniansinfo@gmail.com
Follow on

HTML Kya Hai Aur Kaise HTML Se Website Bana Sakte Hai?

HTML Kya Hai - HTML tutorial in HindiHello Gyanians, आज सीखेंगे HTML Kya Hai और उससे website कैसे बना सकते है. आज आप जो भी information देखना चाहते हो उसे internet पर बहुत आसानी से search कर लेते हो और आप ये बात भी जानते ही हो की internet पर जो भी information आपको मिलती है वो किसी न किसी website पर होती है. क्या आप जानते है website कैसे बनायीं जाती हैं, अगर नहीं तो इस post को पढ़ते रहिये क्योंकि इस post को पढनें के बाद आप भी अपनी website बना सकते है.

सभी website को बहुत सारे webpages को आपस में जोड़ (interlink या hyperlink) करके बनाया जाता है. Webpages पर texts, images, videos, animation इत्यादि elements को दिखाया जाता है. Webpages को आप digital, electronic या HTML documents भी बोल सकते हो. Website बनाने के लिए आपको website designing को course करना होता है जिसमे आपको सबसे पहले HTML सिखाया जाता है.

 

HTML Kya Hai?

HTML (HyperText Markup Language) एक computer language है जिसका use हम webpages बनाने के लिए करते है. HTML को Tim Berners-Lee ने 1990 में बनाया था. जब Internet की शुरुआत हुई तब एक complete website (collections of webpages) HTML से ही बनायी जाती थी, लेकिन अब तो बहुत सारी computer language मोजूद है जिनका use करके आप एक बेहतरीन website, blog या ERP system तक बना सकते हो.

आज की website में HTML का use बहुत कम हो गया है. सिर्फ website का structure बनाने के लिए ही HTML का use किया जाता है और उसके style देने के लिए हम CSS का use करते है. आप इस तरह समझ सकते हो की HTML से bones का structure बनाते है और फिर CSS से उसके ऊपर skin का appearance. इसलिए आपको HTML में ज्यादा कुछ नही सिर्फ कुछ basic tags और attributes ही सीखेने होते है.

 

 

HTML tag और attributes क्या होते है?

जैसा की अब आप समझ ही गये हो की HTML Kya Hai और अब हम बात करेंगे HTML tags और attributes के बारे में. एक webpage में Headings, Paragraphs, Tables, Images, Links, Forms, Lists इत्यादि elements होते है और HTML tags और attributes के जरिये ही हम इन सब elements को webpage पर बनाते है. Tags और attributes का use करके हम webpage का structure को बनाते है और browser को ये बताते है की किस elements को कैसे दिखाना है. Browser HTML tags को नही दिखाता है लेकिन उनको ही read करके वो समझता है की किस elements को कैसे display करना है.

 

HTML Tag क्या होते है?

HTML में बहुत सारे tags और attributes होते है लेकिन जैसा की मैंने आपको बताया अब HTML का use सिर्फ simple structure बनाने के लिए किया जाता है और CSS का उस structure को style देने के लिए इसलिए आपको HTML के सभी tags और attributes एक साथ सीखेंगे की कोई जरूरत नही है आपको तो बस कुछ basic common tags और उनके attributes पता होना चाइये इतना ही काफी है.

 

  • HTML tag को angle brackets के बीच में लिखा जाता है जैसे <TagName>.
  • ज्यादातर सभी tags pairs में होते है जिन्हें हम opening tag <TagName> और closing tag </TagName> कहते है.
  • HTML में सिर्फ कुछ tags ऐसे होते है जिनका closing tag नही होता है.

 

HTML Page Structure

 

HTML Elements

HTML के opening tag से लेकर closing tag  और उन दोनों के बीच में मोजूद content को HTML element कहते है.

जैसे: – <tagname> content </tagname>

 

HTML Attributes

  • ज्यादातर हर HTML tags के कुछ attributes (गुण) होते है, जो HTML elements को additional information provide करते है.
  • Attributes हमेशा opening tag में लगायें जाते है.
  • HTML tags में एक साथ ज्यादा attributes हो सकते है.
  • Attributes में पहले attributes का name लिखा जाता है जिसे हम property भी कहते है और फिर उसकी उसकी value. जैसे <tagname name=”value”> content </tagname>

 

html kaise sikhe in hindi

Some Important HTML Tags

HTML tag – HTML में सभी tags HTML tag के बीच में ही आते है, यानी सबसे पहले html tag ही open होता होता है और सबसे last में html tag ही close होता है.

HEAD tag – इस tag में हम अपने web page की meta information, page title और external css, javascripts इत्यादि files के links को add करते है.

TITLE tag – ये tag Head tag के बीच में ही आता है, इसमें हम अपने web page का title देते है जैसे Home Page, Contact page, About Us page इत्यादि. Page title हमे page के title bar में नजर आता है.

BODY tag – HTML page के 2 parts होते है पहले Head tag बाले और दूसरा Body tag बाला. आप जो भी elements अपने web page पर display करना चाहते हो उसे Body tag के बीच में ही लिखा जाता है.

Heading tag – HTML में <h1> से लेकर <h6> तक heading tags होते है, जिनका use हम अपने web page में heading structure को maintain करने के लिए करते है. <h1> heading में text का size सबसे बड़ा होता है और <h6> heading में सबसे छोटा होता है.

Paragraph tag – जैसा की आप जानते ही है heading के बाद हम लोग अपना main content लिखते है जिसके लिए हम <p> paragraph tag का use करते है.

Formatting tag – बैसे तो हम HTML elements की formatting (style) CSS से देते है लेकिन HTML में भी कुछ basic formatting tags होते है. जिनकी help से आप HTML elements की basic formatting कर सकते हो. जैसे <b> Bold और <strong> tag text को dark करने के लिए. <i> Italic tag text को तिरछा करने के लिए. <u> underline tag text के नीचें line करने के लिए.

Anchor tag – जैसा की मैंने आपको बताया एक website में बहुत सारे webpages होते है और हमे उन सबको आपस में जोड़ना (link) करना होता है उसके लिए हम <a> anchor tag का use करते है. <a> anchor tag में href attributes का use करके हम ये बताते है की हमे किस webpage या location से link जोड़ना है.

Image tag – इस tag का use हम अपने webpage में images को add करने के लिए करते है. <img> Image tag में src attributes का use करके हम ये बताते है की हम जिस image को अपने webpage में add कर रहें है वो कहाँ पर मोजूद (save) है.

Table tag – इस tag का use हम अपने webpage में table बनाने के लिए करते है. Table बनाने के लिए हम <table> tag के बीच में हम <tr> table row, <th> table header, <td> table data इत्यादि tags और attributes का use करते है.

Lists tag – इस tag का use हम अपने webpage में <ol> Ordered List (1,a,A,i) और <ul> Unordered List (●,○,■) बनाने के लिए किया है जाता है. इन दोनों lists में items दिखाने एक लिए <li> list item tag का use किया जाता है.

Form tag – इस tag का use हम अपने webpage में form बनाकर users से data input लेने के लिए किया जाता है. <form> tag के बीच में हम <input>, <select>, <textarea> इत्यादि elements और attributes का use करते है.

Comments tag – अगर आप अपने HTML code में कुछ चीजें याद रखने के लिए लिखना चाहते हो तो उन्हें हम <!—Your Text à comments tag में लिखते है. जो भी text comments tag में लिखा होता है आपका browser उसे read करके browser पर नही दिखाता है.

 

HTML Kya Hai - What is HTML in Hindi

HTML से webpage कैसे बनाएं और उन्हें कैसे देखें?

मैं ये आशा करता हूँ की इस post को यहाँ तक पढ़ कर ये समझ गये होंगे की HTML Kya Hai और कुछ important HTML tags के बारे में. अब मैं आपको ये बताने बाला हूँ की आपको webpage बनाने के लिए अपना html code कहाँ करना है. HTML code करने के लिए आपने अपने computer में मोजूद notepad text editor का use कर सकते है या internet से notepad++ text editor भी download कर सकते है.

अगर आपकी HTML पर command अच्छी हो गयी है तो मैं आपको suggest करूँगा की आप Dreamweaver software का use भी कर सकते है, ये software आपके html code करने के काम को और ज्यादा आसान बना देगा. Notepad या Dreamweaver आप किसी का भी software का use करें, आपको html code करने के बाद आपको अपनी file को .html या .htm file extension से save करनी होती है.

जब भी आप किसी file को .html या .htm file extension से save करते है तो उसके बाद आप use अपने local computer (PC) या web server पर upload करके अपने browser पर देख सकते हो. Browser आपके किये हुए HTML code को read करके आपके webpage पर दिखा देगा. मुझे उम्मीद है अब आप समझ गये होंगे की HTML Kya Hai.

 

 

Extra Tips: HTML Kya Hai Aur Kaise HTML Se Website Bana Sakte Hai?

HTML को ज्यादातर school boards में 5th – 6th class में ही सिखा देते है अब आप इसी बात से अंदाजा लगा सकते है की HTML सीखना कितना आसान होगा. HTML में basic सिखने में ज्यादा से ज्यादा 1-2 hours लगते है आपको तो बस सही tutorial और guideline मिल जाए. मैंने आपको ऊपर HTML और उसके tags का basic introduction दे ही दिया है और मुझे उम्मीद है आप उसे अच्छे से समझ भी गये होंगे.

अगर आप HTML को और details में सीखना चाहते हो तो आप YouTube पर HTML की Hindi और English video tutorial देख सकते हो या फिर आप W3Schools की website पर जाकर HTML सीख सकते है ये सबसे best site है Web Programming सीखेंगे के लिए. आपको अगर tutorial search करने के लिए कुछ नही करना है सिर्फ इतना लिखना HTML Tutorial और अगर आप हिंदी में पढना पसंद करते है तो search करिये HTML Tutorial in Hindi और अगर आपको tutorial में कोई problem या confusion हो तो आप मुझसे नीचें comments करके बेहिजक पूछ सकते हो.

 

What Next

अब आप ये तो अच्छे से समझ गये की HTML Kya Hai, इसे कैसे use करना है और कैसे सीखना है. तो अब आप जल्दी से HTML सीख लीजिये और फिर इसे बाद आप मेरी CSS Kya Hai और कैसे आप CSS का use करके एक बेहतरीन website बना सकते है post को जरुर पढ़े.

 

Hello Gyanians, आशा करता हूँ की आपको ये “HTML Kya Hai Aur Kaise HTML Se Website Bana Sakte Hai?” post पसंद आई होगी. अगर आपको इस post से related कोई सवाल या सुझाव है तो नीचे comment करें और इस post को अपने दोस्तों के साथ जरुर share करें.

About the Author

Hello gyanians, मेरा नाम Neeraj Parmar (Neel) है और में India की Taj City (Agra) में रहता हूँ. मैंने computer science से engineering की है. By Profession मैं computer science teacher और web developer हूँ और इसके साथ-साथ ही मैं part time blogging भी करता हूँ. Read More >>

6 Comments

6 responses to “HTML Kya Hai Aur Kaise HTML Se Website Bana Sakte Hai?”

  1. Sujal Desai says:

    Bohot hi badiya jankari. .
    And nice blog

  2. Sudheer Kumar pandey says:

    Bahut Bhai jankari kr liye jordar blog hai

Leave a Reply

Your email address will not be published. Required fields are marked *

Get In Touch
gyaniansinfo@gmail.com
Copyright 2017 By Gyanians (All Right Reserved) | Design & Developed By WebAtoZ.in