नमस्कार दोस्तों आपका AnekRoop में स्वागत है। आज हम जानेंगे HTML के बारे में।
HyperText Markup Language (HTML)
HTML Kya Hai?
इसके full form से आप समझ गए होंगे कि HTML एक भाषा है जिसे web pages बनाने में इस्तेमाल किया जाता है।
Example :- जब भी internet आप चलाते हैं , चाहे facebook या google, तो उनमे जो जानकारी दी जाती है वह page में दी जाती है और उस page की बनावट HTML के द्वारा होती है।
Web pages को बनाने के लिए HTML "Tags " का इस्तेमाल करती है। इन tags की मदद से कोई भी व्यक्ति web pages बना सकता है। और उसे internet में upload कर सकता है , और ऐसे ही websites बनते हैं।
HTML में मुख्य 3 चीजों को जानना है :-
Tags , Attributes और Elements
HTML Me Tags Kya Hote Hai?
Tags को instruction या codes कह सकते हैं। Web Browser ( Chrome ) इन्हीं codes के द्वारा web pages को screen में show करती है।
Example of Tags :-
<i > italic </i >
opening tag content closing tag
Result : Italic
<html >......... </html>
<p>.........</p>
<b>........</b>
<u>........</u>
<hr>.......</hr>
<centre>...........</centre>
<table>............</table>
<img scr = "........." >
[Image add करने में प्रयोग होता है। ]
हरेक Tags का अपना-अपना काम होता है जिसे bracket के द्वारा बताया गया है , यह tags, web pages बनाने में काम आती हैं।
HTML Me Attributes aur Elements Kya Hote Hai ?
- HTML क्या है ?
- HTML का full form क्या होता है ?
- HTML में Tags क्या होते हैं ? Example of tags
- HTML में Elements और Attributes क्या होते हैं ?
- HTML में किन-किन software द्वारा web pages बना सकते हैं ?
- HTML में web pages कैसे बनाते हैं ?
 |
| html ki jankari hindi me |
.
HTML Ka Full Form Kya Hota Hai?HyperText Markup Language (HTML)
HTML Kya Hai?
इसके full form से आप समझ गए होंगे कि HTML एक भाषा है जिसे web pages बनाने में इस्तेमाल किया जाता है।
Example :- जब भी internet आप चलाते हैं , चाहे facebook या google, तो उनमे जो जानकारी दी जाती है वह page में दी जाती है और उस page की बनावट HTML के द्वारा होती है।
Web pages को बनाने के लिए HTML "Tags " का इस्तेमाल करती है। इन tags की मदद से कोई भी व्यक्ति web pages बना सकता है। और उसे internet में upload कर सकता है , और ऐसे ही websites बनते हैं।
HTML में मुख्य 3 चीजों को जानना है :-
Tags , Attributes और Elements
HTML Me Tags Kya Hote Hai?
Tags को instruction या codes कह सकते हैं। Web Browser ( Chrome ) इन्हीं codes के द्वारा web pages को screen में show करती है।
Example of Tags :-
<i > italic </i >
opening tag content closing tag
Result : Italic
<html >......... </html>
[हरेक web page के सुरुवात में <html > और अंत में </html > का प्रयोग होता है। इन दोनों tags के बिच में ही अन्य tags का काम होता है। ]
<head>...........</head>
[ इसमें web page का heading दिया जाता है। इसे page header भी कहते हैं। ]
<title >........ ..</title >
<title >........ ..</title >
[ यह web pages के title देने में प्रयोग होता है। यह <head> ..... </head > के अंदर प्रयोग होता है। ]
<body>..........</body>
[ इस tag के अंदर सभी documents तैयार होते है , या कहें सभी कार्य होते हैं। ]
<p>.........</p>
[नया paragraph बनाने में प्रयोग होता है। ]
<b>........</b>
[ text को bold करने के काम में प्रयोग होता है। ]
<u>........</u>
[ underline देने में प्रयोग होता है। ]
<hr>.......</hr>
[ सीधी line देने में काम आता है ]
<br>
[ linebreak , एक लाइन की दुरी बढ़ाने में प्रयोग होता है। ]
[ linebreak , एक लाइन की दुरी बढ़ाने में प्रयोग होता है। ]
<centre>...........</centre>
[ text को center में लाने में प्रयोग होता है ]
<table>............</table>
[ Webpage में table बनाने में प्रयोग होता है। जिसमे row <td >... </td> द्वारा और column <tr >.... </tr> द्वारा बनाये जाते हैं। ]
<style>...........</style>
[ Links या style sheet बनाने में प्रयोग होता है। ]
<img scr = "........." >
[Image add करने में प्रयोग होता है। ]
हरेक Tags का अपना-अपना काम होता है जिसे bracket के द्वारा बताया गया है , यह tags, web pages बनाने में काम आती हैं।
HTML Me Attributes aur Elements Kya Hote Hai ?
Attributes:-
यह ऊपर दिए Tags में ही काम आते हैं। जब tags के style में size ,shape, colour इत्यादि को change करना हो या जोड़ना हो तब इसका इस्तेमाल किया जाता है।
Attributes को opening tag में ही दिया जाता है।
जैसे ;-
<hr width = "500 " >
यहां पर width को 500 px करने के कहा जा रहा है।
<hr color = "red " >
यहां पर लाल रंग add करने को कहा जा रहा है , और ऐसे ही attributes का इस्तेमाल होता है।
Elements :-
जब Opening Tag , Content और Closing Tag तीनों आपस में हो तो उन्हें Elements कहते हैं। Element के अंदर ही Attributes आते हैं।
जैसे :-
<i > italic </i >
opening tag content closing tag
opening tag content closing tag
〰〰〰〰〰〰〰〰〰〰〰〰〰〰
Element
Result : Italic
Example with attributes :-
<i color = " red "> italic </i >
Result : Italic
HTML Se Web Pages Kis Software Se Banaye
HTML द्वारा web pages बनाने के लिए आप Notepad (windows ) का इस्तेमाल कर सकते हैं। या फिर किसी अन्य text editor का इस्तेमाल कर सकते हैं।
आजकल लोग HTML द्वारा web pages बनाने के लिए GUI का इस्तेमाल करते हैं।
ये GUI Editors, automatically HTML codes को generate करती है जिससे की लोग आसानी से web pages बना लेते हैं जिससे codes के ऊपर ध्यान नहीं देना पड़ता है।
Ex GUI :- Microsoft's Front Page , Adobe 's Dream Weaver
लेकिन मैं आपको सलाह दूंगा कि पहले आप Notepad में इन codes के द्वारा web pages बनाये फिर बाद में GUI का इस्तेमाल करें।
इससे बाद में जब कहीं दिक्कत आएगी तो आसानी से आप उसे solve कर पाएंगे।
HTML Dwara Web Pages Kaise Banaye
यहां पर उदाहरण के द्वारा बताया गया है कि कैसे HTML के द्वारा web pages बनाया जाता है।
Step 1 :- Notepad पर जाये और नीचे दिए गए codes को type करें।
Step 2 :-
<html >
<head>
<title> My first html web page </title>
</head>
<body>
My world
</body>
</html>
Step 3 :-
इसे save करें। save करते समय end में .html से save करें।
जैसे myfirstpage.html
इसी तरह pages को save करें।
Step 4:-
फिर इसे open करें , जहां save किये थे वहाँ से।
Result कुछ इस तरह show होगा।
 |
| html webpage |
.
इसी तरह आप html की मदद से अपना web pages बना सकते हैं जिसमें आप images ,audio , video ,tables ,background इत्यादि जैसे चीजें भी add कर सकते हैं।
Note :-
यह post html के basic knowledge के लिए है , इसकी अधिक जानकारी के लिए दिए गए websites पर जाकर सिख सकते हैं।
तो दोस्तों यह थी html के बारे में जानकारी। मुझे उम्मीद है कि आपको ये जानकारी जरूर पसंद आई होगी। यदि आपका कोई सवाल या कोई सुझाव है तो हमें comment करके जरूर बताये।
इसे facebook , watsapp में share करना ना भूलें।
अपना महत्वपूर्ण समय देकर इस post को पढ़ने के लिए आपका बोहोत-बोहोत धन्यवाद।
EmoticonEmoticon