Home / HTML क्या है, HTML से Website कैसे बनाए, HTML कैसे सीखे

HTML क्या है, HTML से Website कैसे बनाए, HTML कैसे सीखे

| In: 03-20-23 | Blogging•How to Guide•Kaise•Kya Hai | 4 Minutes Read
HTML Kya Hai और HTML Se Website Kaise Banaye

आज हम आपको इस Article की मदद से ये बताएँगे की HTML Kya Hai और HTML Se Website Kaise Banaye की पूरी जानकारी.

इसके साथ ही हम आपको इस HTML से जुड़े और भी सवालों के जवाब देंगे. जैसे की: HTML के Attributes क्या हैं, HTML Tags क्या है, HTML में Link कैसे बनाए, HTML में Image कैसे Add करे इत्यादि की पूरी जानकारी विस्तार में जानेंगे.

तो चलिए शुरू करते हैं Article HTML क्या है पढ़ने से………

HTML Kya Hai

HTML का Full Form HyperText Markup Language होता है. यह एक Computer Language है जिसका Use हम Webpages बनाने के लिए करते हैं. HTML को Tim Berners-Lee ने 1990 में बनाया था. जब Internet की शुरुआत हुई तब Complete Website HTML से ही बनाई जाती थी, लेकिन अब बहुत सारे Computer Language मोजूद हैं जिनका Use करके आप बेहतरीन Websites, Blogs या ERP Softwares आसानी से बना सकते हैं.

आजकल Websites में HTML का Use बहुत कम हो गया है. सिर्फ Website का Structure समझने के लिए आपको HTML आना जरुरी है. इसके बाद उसमें Style इत्यादि के लिए हम CSS का Use करते है.

आप इस तरह समझ सकते हैं की HTML से Bones का Structure बनाते हैं और फिर CSS से उसके ऊपर Skin का Appearance देने का काम करते हैं. इसलिए आपको Html में ज्यादा कुछ नही सिर्फ कुछ Basic Tags, Attributes एवं उनका इस्तेमाल करना सीखना होता है.

Html Attributes in Hindi

एक Webpage में कई सारे Elements इस्तेमाल होते हैं. जैसे की: Headings, Paragraphs, Tables, Images, Links, Forms, Lists इत्यादि इन Elements की Property को Enhance करने वाले pre-defined Keywords को हम Attributes के नाम से जानते हैं. इसके जरिए हम आसानी से किसी भी Webpage को और बेहतर बना सकते हैं.

Attributes का Use करके हम Tags में और कई सारे Properties जोड़ सकते हैं. इन Attributes का काम Browser को यह बताना होता है की किस Elements को कैसे एवं कहाँ पर दिखाना है. Browser हमें ना ही Tags दिखाता है ना ही उसमें इस्तेमाल होने वाला Attribute, लेकिन Browser इन Attributes को Read करके यह समझता है की किस Elements को कैसे Display कराना है.

Html Tag Kya Hai

Html में इस्तेमाल होने वाले Elements को हम HTML Tags के नाम से जानते हैं. इसका इस्तेमाल दो Arrow Brackets के बिच में किया जाता है. यह Tags HTML भाषा में Pre-Defined होते हैं. कुछ Tags को Close करना जरुरी होता है वहीँ कुछ Tags बिना Closing के भी इस्तेमाल किये जा सकते हैं. तो चलिए जानते हैं HTML Tags को इस्तेमाल कैसे करें:

  • Html Tags को Angle Brackets के बीच में लिखा जाता है. जैसे की: <Tag Name>.
  • ज्यादातर Tags Pairs में होते है, जिन्हें हम Opening Tag <Tag Name> और Closing Tag </Tag Name> के नाम से भी जानते हैं.
  • HTML में कुछ ऐसे भी Tags ऐसे होते हैं जिनकी Closing जरूरी नही होती है.
  • Html के Opening Tag से लेकर Closing Tag के बीच मोजूद Content को हम Html Elements के नाम से जानते हैं.
    • जैसे: <tagname> content </tagname>
  • ज्यादातर Html Tags के कुछ Attributes होते हैं, जो Html Elements को Additional Property Provide कराते हैं.
  • यह Attributes हमेशा Opening Tag में लगाए जाते है.
  • Html Tags में एक साथ कई सारे Attributes लगाए जा सकते हैं.
  • Attributes में पहले Attributes का Name लिखा जाता है जिसे हम Property भी कहते है और फिर उसकी उसकी Value.
    • जैसे <tagname name=”value”> content </tagname>
html kaise sikhe in hindi
Html Se Website Kaise Banaye

HTMl Web Page बनाना सिखने के लिए आप निचे दिए उदहारण से शुरुआत कर सकते हैं.

<!DOCTYPE html>
<html>
	<head>
		<title> Your Page Title </title>
	</head>
<body>
	<h1> Your Page Heading </h1>
	<p> Your  Page Paragraph </p>
</body>
</html>
  • HTML Tag: HTML में सभी Tags HTML Tag के बीच में ही आते है, यानी सबसे पहले Html Tag ही Open होता होता है और सबसे Last में Html Tag ही Close होता है.
  • TITLE Tag: ये Tag Head Tag के बीच में ही आता है, इसमें हम अपने Web Page का Title देते है जैसे Home Page, Contact Page, About Us Page इत्यादि. Page Title हमे Page के Title Bar में नजर आता है.
  • HEAD Tag: इस Tag में हम अपने Web Page की Meta Information, Page Title और External Css, Javascripts इत्यादि Files के Links को Add करते है.
  • Heading Tag: Html में <h1> से लेकर <h6> तक Heading Tags होते है, जिनका Use हम अपने Web Page में Heading Structure को Maintain करने के लिए करते है. <h1> Heading में Text का Size सबसे बड़ा होता है और <h6> Heading में सबसे छोटा होता है.
  • BODY Tag: Html Page के 2 Parts होते है पहले Head Tag बाले और दूसरा Body Tag बाला. आप जो भी Elements अपने Web Page पर Display करना चाहते हो उसे Body Tag के बीच में ही लिखा जाता है.
  • Paragraph Tag: जैसा की आप जानते ही है Heading के बाद हम लोग अपना Main Content लिखते है जिसके लिए हम <p> Paragraph Tag का Use करते है.
  • Formatting Tag: हम Html Elements की Formatting CSS की मदद से करते हैं, लेकिन Html में भी कुछ Basic Formatting Tags होते हैं, जिनकी Help से आप Html Elements की Basic Formatting कर सकते हैं. जैसे: <strong> Tag Text को Dark करने के लिए, <i> Italic Tag Text को तिरछा करने के लिए, <u> Underline Tag Text के नीचें Line करने के लिए इत्यादि.
  • List Tag: इस Tag का Use हम अपने Webpage में <ol> Ordered List (1,a,a,i) और <ul> Unordered List (●,○,■) बनाने के लिए किया जाता है. इन दोनों Lists में Items दिखाने एक लिए <li> List Item Tag का Use किया जाता है.

Html Me Link Kaise Banaye

इसके लिए आपको Anchor Tag का उपयोग करना होता है. Anchor Tag <a> से शुरू होता है और </a> पर ख़त्म होता है.

इसमे हम Link के लिए HREF Attribute का Use करते हैं. इसका मतलब होता है Hyper Reference.

उदहारण: 

<!DOCTYPE html>
<html>
<body>

<h1>HTML Links</h1>

<a href="https://gyanians.com.com/">Visit gyanians.com!</a>

</body>
</html>
Html Me Image Kaise Add Kare

इसके लिए आपको बस Image Tag का उपयोग करना होता है. इसके बाद उसमें इस्तेमाल की जाने वाली Image का URL डालना होता है. इसके बाद Image Tag अपने आप उस Image को आपके Html Web Page में Show होने लगती है.

इसके अलावा अगर आप इस Image को आपके Website के हिसाब से Set करना चाहते हैं तो आप Height, Width इत्यादि नाम के Attributes का इस्तेमाल कर सकते हैं.

आपको बता दें की IMG Tag को Close करना जरुरी नहीं होता है.

उदहारण:

<!DOCTYPE html>
<html>
<body>

<h2>HTML Image</h2>
<img src="https://gyanians.com/wp-content/uploads/2021/04/logo-150.png" alt="logo" width="150" height="50">

</body>
</html>
Html Me Table Kaise Banaye

इसके लिए आपको Table Tag का इस्तेमाल करना होता है. इसके साथ ही आप यहाँ पर Table Tag में इस्तेमाल होने वाले Sub Tags जैसे की: TR, TH, TD इत्यादि का उपयोग करके Table के Rows अथवा Columns बना सकते हैं.

उदहारण: 

<!DOCTYPE html>
<html>
	<head>
		<title> Your Page Title </title>
	</head>
<body>
	<h1> Your Table</h1>
        <table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>

</table>

</body>
</html>

Html Me Form Kaise Banaye

इसके लिए आपको Form Tag का इस्तेमाल करना होता है. इसके साथ ही Form में Input लेने के लिए आपको Form Tag के अंदर इस्तेमाल होने वाले Sub Tags जैसे की: <input>, <select>, <textarea> इत्यादि का Use करना होता है.

उदहारण: 

<!DOCTYPE html>
<html>
<body>

<h2>HTML Forms</h2>

<form action="/action_page.php">
  <label>First name:</label><br>
  <input type="text" id="fname" name="fname" value="Enter First name"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Enter Last name"><br><br>
  <input type="submit" value="Submit">
</form> 

<p>अगर आप यह code लिखेगे तो form का डाटा "/action_page.php" पर जायेगा.</p>

</body>
</html>
Html Me Comment Kaise Kare

इसके लिए आपको: <!– Your Text –> लिखना होता है उसके बाद Your Text वाला Content Browser में Show नहीं होता है.

उदहारण:

<!DOCTYPE html>
<html>
<body>

<h1>HTML Comment</h1>

<!-- Hello This is comment>
<p> Your comment is hidden succesfully !</p>

</body>
</html>
HTML Kya Hai - What is HTML in Hindi
Notepad Me Html Kaise Banaye

Notepad में HTML बनाने के लिए आपको सबसे पहले आपके System में Notepad Start करना होता है. इसके बाद आप यहाँ पर आसानी से HTML के Codes लिख सकते हैं. उसके बाद आपको यह File .html/ .htm नाम के Extension से Save करना होता है

यह File Save होते ही आपका Html Page बन जाता है. आप आपका HTML Page किसी भी Browser में देख सकक्ते हैं.

Html Me Website Kaise Banaye

Html में Website बनाने के लिए आपको पूरे Code को लिखने की जरुरत नहीं है. इसके लिए आप अपने Computer में Notepad++ नाम का Text Editor Download कर इस्तेमाल सकते है.

अगर आपको यह Language अच्छी तरह से आ गई है, तो आप Dreamweaver इत्यादि जैसे Softwares का Use करके आसानी से आपके लिए Website बना सकते हैं.

यह Softwares Html Code को लिखने की मेहनत को कम कर देता है और आपको Drag and Drop की मदद से Website बनाने की सुविधा देता है. जब भी आप किसी File को .Html या .Htm File Extension से Save करते है तो उसके बाद आप उसे अपने System के Local Browser पर देख आसानी से देख सकते हैं. Browser आपके Html Code को Read करके Webpage की तरह दिखाता है.

Html Full Form

HTML का Full Form Hyper Text Markup Language होता है.

HTML Kya Hota Hai

Html एक Markup Language है जिसका उपयोग वेबसाइट बनाने के लिए किया जाता है. आसान भाषा में समझे तो जैसे हम Calculation करने के लिए अंको का उपयोग करते है. ठीक इसी तरह Html भाषा का उपयोग Website बनाने के लिए किया जाता है.

HTML Kaise Sikhe

Html का Basic सिखने में ज्यादा से ज्यादा 1 से 2 Hours लगते हैं. इसके अलावा आप इसे जितना ज़्यादा Practice करते हैं, आप इसे उतनी आसानी से सिख सकते हैं.

अगर आप Html को और Detail में सीखना चाहते हैं तो आप ढेरों YouTube पर Html Tutorials की Videos देखकर सिख सकते हैं या फिर आप W3 Schools की Website पर जाकर Html सीख सकते हैं.

HTML Ko Run Kaise Kare

Html को Run करना बड़ा ही आसान है. सबसे पहले अपने Computer में Chrome Browser या Internet Explorer Browser को Open कर लें. उसके बाद अपनी बनाई हुई Html File को Drag & Drop कर दें. इसके बाद आपके Browser पर वह Html File अपने आप Run हो जाती है. यह Shortcut सबसे आसान है जिसका उपयोग 90% Web Developer करते हैं .

HTML Kise Kahate Hain

Html एक Web Language को कहते है.

HTML Konsi Language Hai

Html एक Web Hyper Text Markup Language है

HTMl Kaise Banate Hain

Html हम किसी भी एक Code Editor Tool की मदद से बना सकते हैं, जिसमें कर साड़ी Lines के Codes लिखे होते हैं.

HTML Ka Use Kaha Hota Hai

Html का Use Website बनाने में होता है.

HTML Se Kya Hota Hai

Html से Website का Web View बनाया जाता है जिसे कोई भी Browser आसानी से Load कर सकता है.

HTML File Kaise Banaye

Html File बनाने के लिए आप किस भी File का Extension .Html या .htm के नाम से Save करके रखा जाता है.

आशा करते हैं आपको HTML Kya Hai और HTML Se Website Kaise Banaye Post पसंद आई होगी.

अगर आपको इस Post से Related कोई सवाल या सुझाव है तो नीचे Comment करें. अगर आपको यह Post पसंद आई तो अपने दोस्तों के साथ जरुर Share करें.

You may also like these:
Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
Questions & Answer:
Ask Question
Related Posts :
CCC Certificate Download Kaise Kare

CCC Certificate Download कैसे करें, Signature Validation

CCC
ISO Kya Hota Hai - ISO File Ko Bootable Kaise Banaye

ISO क्या होता है – ISO File को Bootable कैसे बनाये Pendrive,CD,DVD में

How to Guide•Technology•Useful Software
Jio Pay App Kya Hai और Jio Pay Kaise Use Kare

Jio Pay App क्या है, Jio Pay कैसे Use करे,फायदे,APK Download

Apps•Kaise•Kya Hai
UPI Kya Hota Hai - UPI Kaise Use Karte Hai

UPI क्या होता है UPI Payment कैसे Use करते है

Banking•How to Guide
Author :
सु-सुवागातम Gyanians इस वेबसाइट का मकसद है लोगो को हिंदी भाषा में ज्ञान प्रदान करना उनके द्वारा पूछे गए प्रिश्नों के उत्तर देना और यह कार्य करने के लिए हम तात्पर्य है. आप Gyanians को लोगों के साथ शेयर करके हमारी सहायता कर सकते है .
Questions Answered: (57)
Ask Your Question
sahil says:

Wow ! THANK YOU very much FOR THE POST THIS ARTICLE .I was searching this type of post.I Read in detail and it is very useful post Your Website all content helpful and useful I,m big fan your site wow thanks

Reply
Ram says:

Very useful informaiton thanks for posting such informative and helpful content .

Reply
Vishnu Mewati says:

How to upload website for free & only education purpose?
Please tell me step by step….
Please sir…

Reply
ashu says:

muja YHA Jana hai ki hosting Lana jaruri hota hai kya Auke bena website ki file ko Apna pc dick ma save nhi Kar Sakta apna database banker plz answer

Reply
Avni says:

Html se website kese banaye

Reply

Leave a Reply

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