1. Computer
  2. Technology
  3. Tutorial

HTML Kya Hai? यहाँ सीखिए बहुत ही आसानी से HTML Coding 

क्या आप भी अपनी Website बनाकर Internet के द्वारा Online पैसे कमाने में Interest रखते है ?… और क्या आपको Html Language का Knowledge है ? जो की Website बनाने या Blogging करने के लिए सबसे ज्यादा जरुरी है।

तो जानते है इस Programming Language के बारे में …

Html Kya Hai (What Is Html)

Html Ka Full Form “Hypertext Markup Language” होता है। Html एक Computer की Language होती है, जिसे Website बनाने में Use किया जाता है, Html कई तरह के Tags से मिलकर बना है।

what is html

जब Internet की शुरुआत हुई थी तब एक Complete Website Html से ही बनाई जाती थी, लेकिन अब तो Technology का जमाना है और आज के समय में बहुत सारी Computer Language है जिन्हें Use करके आप Easily Website, Blog बना सकते हो।

Html से Website बन जाने के बाद कोई भी व्यक्ति Internet के जरिये उस Website को देख सकता है। यदि आप भी अपनी Website बनाना चाहते है तो इसके लिए आपको पहले एचटीएमएल भाषा सीखना होगी इसके लिए आप Html Tutorial की Help भी ले सकते है।

तो यहाँ आपने जाना की Html Ki Paribhasha क्या है।

आपके मन में भी ख्याल आया होगा की, इस Programming Language को किसने बनाया है?…

Html Ki Khoj Kisne Ki – Who Invented Html?

जिस Programming Language द्वारा आज इतने Technical काम किये जाते है उसके बारे में तो आप ज़रुर जानना चाहते होंगे की इसे बनाया किसने है।

Tim Berners-lee को Html का आविष्कारक कहा जाता है। इन्होंने ही Html को बनाया था।

HTML Inventor – tim berners lee

Lee ने सन 1980 में Geneva में Html की खोज की थी। Berners-lee ने 1989 में World Wide Web का आविष्कार किया था।

Tim Berners-lee

Lee ने सन 1980 में Geneva में Html की खोज की थी। Berners-lee ने 1989 में World Wide Web का आविष्कार किया था।

उनकी इस उपलब्धि के लिए उन्हें Time Magazine के 20th Century के 100 सबसे Most Important लोगों में से एक नामित किया गया था।

अभी के समय में Html के विकास की Responsibility “World Wide Web Consortium” के पास है।Berners-lee के Browser Editor को 1991-92 में Developed किया गया था।

यह एचटीएमएल के संस्करण First के लिए एक True Browser Editor था जो की एक Next Workstation पर Run करता था। Html का First Version जून 1993 में Formally Published हुआ था।

इतनी बेहतरीन Programming Language होने का कारण यही है की यह बहुत ही Best Features Provide करती है।

Features Of Html

एचटीएमएल के फीचर्स

जैसा की आप सभी तो जानते ही है की Technology दिन पर दिन बदलती रहती है।

html features

Technology की इसी Requirement को पूरा करने के लिए बहुत से Improvement के साथ Html 5 Launch किया गया। आइये जानते है इसके Features के बारे में।

Clear Syntax : Html के Syntax Clear होते है, जिसे की Modify भी किया जा सकता है।

Graphics : Html 5 में Graphics का काफी Use किया गया है। जहाँ SVG (Scalable Vector Graphics) या Canvas का उपयोग कर Vector Graphics बना सकते हैं।

Geo Location : Html 4 में Website Visit करने वाले Visitors की Geo Location को पता करना कठिन होता है, लेकिन जब से Html 5 Launch हुआ है, इसमें Geo Location को Add किया गया है।

New Format : एचटीएमएल 5 में कुछ New Format Add किए गये है जैसे Date, Time, Calendar, Etc.

Effective Presentation : Html के साथ Effective Presentation बना सकते है क्योंकि इसमें बहुत सारे Formatting Tag है।

Link Adding : Html Programmer को Web pages पर Html Anchor Tag द्वारा Link Add करने की सुविधा देता है, इसलिए यह Browsing में Users के Interest को बढ़ा देता है।

Add Video Or Sound : Html Programmer को Webpage पर Graphic, Video और Sound Add करने के लिए सुविधा देता है, जो इसे और ज्यादा Interesting बनाता है।

तो यह थे Html के Features जो इतनी अच्छी Facility Provide करते है।

अब आप सोच रहे होंगे की यह काम कैसे करता है तो जानते है…

Html Kaise Kaam Karta Hai (How Does Html Work)

आइये आगे समझते है Html के काम करने का तरीका क्या है।

Html बहुत से Tag प्रदान करता है जो Colors, Font Size, और Graphics के Use से आपकी Website को ज्यादा Attractive बनाता है, Html Tag Browser को यह बताता है की उस Tags में लिखे गये Elements को Website पर कैसे और कहाँ Show किया जाये।

howitwork - html

Html से सिर्फ एक Web page Design किया जाता है। Html में Web page का पूरा Structure बनाया जाता है| Html Codes लिखने के बाद File को .Html या .Htm File Extension से Save किया जाता है।

किसी भी File को .Html या .Htm File Extension से Save करते है तो उसके बाद उसे Computer या Web Server पर Upload करके Browser पर देख सकते है, Browser उस File में लिखे गये Html Code को Read करके Html Page पर दिखा देगा।

Html के बारे में अब आपने इतना कुछ जान लिया लेकिन जो सबसे जरुरी बात है वो है की Html Coding का Use कहाँ पर किया जाता है।

जो आपको आगे बताया जा रहा है।

Html Coding Kaha Use Hoti Hai (Where Do We Use Html) ?

Html Coding का Use Web page बनाने में, Web Application बनाने और Electronic Document बनाने के लिए किया जाता है। इसके साथ ही Html Ki Coding को Graphics बनाने में और Website बनाने में भी Use किया जाता है। इन सबके अलावा Html के और भी कई बेहतरीन उपयोग है।

Html सीखने के लिए सबसे पहले आपको एक Simple Text Editor और Internet की ज़रूरत होती है।

Html Ki Coding Kaise Kare

क्या आप Html की Coding करना चाहते है लेकिन इसके बारे में आपको जानकारी नहीं है तो आगे इसकी पूरी जानकारी दी गई है।

आइये जानते है …

सबसे पहले आपको Xampp Software को Download करना होगा Xampp एक Apache, Mysql और Php Package है। इसे Personal Computer पर Install करना Easy है। इस पर बहुत से Developers Local Testing करना पसंद करते है।

Html Ki Coding Kaise Kare

तो जानते है इसका Use कैसे करना है।

Step 1. Windows Taskbar

सबसे पहले Windows Taskbar में Start पर जाए और Search Box में Xampp Type करे यहाँ पर Xampp Control Panel को Select करके Enter Press करे अब Xampp Control Panel से Apache Start करें। आपको यहाँ Green Colour में “Running” Highlighted दिखेगा इसका मतलब है की Apache Use करने के लिए Ready है।

Step 2. Go To Start

Start पर जाए और Computer Open करे Xampp Folder में Navigate करे जो की Normally आपके Computer की Hard Drive के Top Level Folder में होता है। Htdocs Folder को Open करे।

Step 3. Open Computer Again

अब फिर से Computer के Option में जाए और उस Folder को Navigate करे जहाँ पर आप अपनी Html File Save रखते है। अगर आपके पास पहले बनायी गई कोई Html File नहीं है तो एक Html File बनाए और उसे Xampp Folder में Htdocs Folder में Save करे। अगर आपको एक भी Html File मिल जाती है तो उसे Htdocs Folder में Copy और Paste करे।

Step 4. Start Your Web Browser

अपना Web Browser Start करे और Address Bar में “Localhost/Filename.Html” Type करे। अब Enter Press करे और Web Page के रूप में Html File Load को देखे। Xampp के साथ आपका जो Apache Server आया था वह आपके Web Pages की Serving कर रहा है।

तो इस तरह आप Html Coding कर सकते है।

अब हम बात करेंगे Html Tags की जो Web Pages की बुनियाद होते है।

जानते है इनके बारे में।

Types Of Tags In Html (Html Tags And Attributes)

एचटीएमएल के विभिन्‍न टैग

Html Tags Web Page के Head Area, Content Area और Footer Area को बनाने के लिए Use किये जाते है पहले हम Html Tags Definition के बारे में जान लेते है।

html tags

Tim Berners-lee ने जब Browser और Server Software को बनाया था तो इन्हें बनाने के दौरान इन Browser और Software के Work करने के लिए कुछ Special Codes बनाए जिसकी Help से Browser को Special Command दी जा सकती है। इन्हीं Tags को Html Tags कहते है।

जानिए Html Example के बारे में…

  • Html Tag – <Html></Html>

यह Html का सबसे Main Tag है। इसके द्वारा Html Document को Define किया जाता है। एक Html Document को इसी Tag से बनाना शुरू किया जाता है। बाकी के सारे Html Element’s इस Tag के बीच में लिखे जाते है।

  • Doctype Tag – <!Doctype>

यह Tag Browser को बताता है की Document को किस तरह से लिखा गया है इसके द्वारा Browser को यह भी पता चल जाता है की Document Html से Create किया गया है।

  • Body Tag – <Body></Body>

इस Html Basics Tag को Document में एक बार में ही Use में लाया जा सकता है। इसका Use Web Page के Constant Area को Create करने में किया जाता है।

  • Heading Tag – <H1></H1>

इस Tag को Document की Heading लिखने में Use करते है। Heading Tag H1 से H6 तक होती है। 

  • Title Tag – <Title>/Title>

किसी Web Page का Title देने के लिए इस Tag का Use करते है। इस Tag को Head Tag के अंदर लिखते है। इसके द्वारा Browser को यह पता लग जाता है की Web Page किस बारे में बनाया गया है।

  • Paragraph Tag – <P></P>

इस Tag को Paragraph लिखने के लिए Use करते है। जिससे की आप अपने Document में जितने Paragraph Use करना चाहे कर सकते है। 

  • Head Tag – <Head></Head>

यह एचटीएमएल टैग Web Page के Header Area को Create करने के लिए Use किया जाता है साथ ही यह एक Web Page की Important Information देने के लिए Use किया जाता है जैसे – <Style>, <Script>, <Title>, <Link>, <Meta> इसमें सभी Tags को Head Tag के अंदर ही लिखते है। 

  • Link Tag – <Link>

यह Tag एक Document और External Resource के बीच एक Link को Define करता है। External Style Sheet से Link करने के लिए Link Tag का Use किया जाता है। 

  • Image Tag – <Img>

एचटीएमएल दस्तावेज़ में किसी तरह की Link Add करने के लिए इस Tag का Use करते है। 

तो यह थे Html Ke Tag जो किसी Web Page और Document के लिए Use किये जाते है।

Html Ke Types (Html के मुख्य प्रकार)

Html को 3 Types में बाँटा जाता है। Html का नया Version Html 5 भी Launch कर दिया गया है। 

आइये जानते है इन प्रकारों के बारे में।

types of html

  • Transitional : यह Html का सबसे Common प्रकार है। इसमें एक Flexible Syntax, Grammar और Spelling Component है। Browser Tag पढ़ने के लिए एक Best Efforts को Approach करते है।
  • Strict : Html के Strict Type का मतलब है की यह Rules को Return करने और इसे ज्यादा Reliable बनाने में है For Example – Strict Type को सभी Opened Tags के लिए सभी Closing Tags की जरुरत होती है। Html का यह Type Phone के लिए सबसे महत्वपूर्ण होता है।
  • Frameset : एक Frameset Developers को Html Documents की Mosaic Create करने के लिए Allow करता है। जहाँ पर Multiple Documents को एक Single Screen में Connect किया जा सकता है। इस Technique का Use Menu System बनाने के लिए किया जाता है।

तो दोस्तों यह थे Html के प्रकार जो आपको यहाँ पता चले। यह Html के 3 मुख्य प्रकार है। 

Html से जुड़ी और भी महत्वपूर्ण जानकारी।

  • Html Color Codes  : Html Color Codes से आप Web Page पर Color Change कर सकते है जिससे की Web Page के Background, Table और Text के Color को Change किया जा सकता है।

Html Color Codes

  • Html Formatter : Html Formatter Online Html Data को Beautify और Formatting करने के साथ ही Html Data को Edit करने, View करने और Analysis करने में Help करता है। यह बहुत ही Easy तरीका है Html Data को Edit करने का।

   html formatter

  • Html Fonts : Html में आप कई तरह के Fonts Use कर सकते है। जिसका Use आप अपनी Website के लिए कर सकते है।

      html font

  • Html Table : Html Table, Web Author को Text, Images, Links और अन्य दूसरी Table आदि Data को Rows और Column के Cells में Arrange करने के लिए Allow करता है।

  html table

  • Html Elements : Html Ke Elements, Html Document और Web Page का एक Individual Component है Html, Html Nodes Tree से Compose किया गया है जैसे – Text Nodes, Node में Other Nodes और Text Content हो सकते है। बहुत से Html Nodes, Meaning या Semantic को Represent करते है।

  html elements

तो दोस्तों यह थी Html की पूरी जानकारी जो आपको आज यहाँ जानने को मिली। 

Conclusion 

आपको Html से जुड़ी सभी तरह की जानकारी यहाँ पर मिली जिसमें आपने जाना … 

  • Html क्या है और Html की खोज किसने की।
  • Html Programming Language कैसे काम करती है। 
  • Html के Features क्या है। 
  • Html की Coding कहाँ Use होती है और कैसे Use की जाती है
  • Html Tags कितने प्रकार के होते है। 

क्या आप भी इस Programming Language का Use करके अपनी Website बना रहे है Comment Box में Comment करके बताए। 

इस Post पर अपनी राय ज़रुर दे और अपने दोस्तों के साथ भी यह Post Social Media Platform जैसे- Instagram, Whatsapp, Facebook पर Share करना ना भूले। 

Thank You.

आपको हमारा यह लेख कैसा लगा ?

Average rating 2.3 / 5. Vote count: 3

अब तक कोई रेटिंग नहीं! इस लेख को रेट करने वाले पहले व्यक्ति बनें।

हिंदी सहायता एप्प को डाउनलोड करें।

क्या आपको एडिटोरियल टीम के आर्टिकल पसंद आयें? अभी फॉलो करें सोशल मीडिया पर!
पाठकों की प्रतिक्रिया आयी। कमेंट देखे। कमेंट छिपायें।
Comments to: HTML Kya Hai? यहाँ सीखिए बहुत ही आसानी से HTML Coding 
  • Avatar
    August 31, 2018

    this is ncy post sir and thanks for give me good knowledge

    Reply
  • Avatar
    August 12, 2020

    Thank you sir
    Hme pdha kr bhut accha laga or sath ma step y step solve bi kiya

    Reply
Write a response

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