HTML In Hindi – HTML एक markup language है। जिसे Tim Berners-Lee ने बनाया था। HTML को Hyper Text Markup Language भी कहते है। इसे 90 के दशक में दुनिया के सामने लाया गया था। इसका इस्तेमाल Web Pages को बनाने में किया जाता है साथ ही HTML और CSS को Mix कर के हम अपने Website को एक amazing look भी दे सकते है।
HTML Tag – इसे HTML Document के शुरुवात और अंत में use किया जाता है।
Example:- <HTML>Your Document</HTML>
HEAD Tag – यह आपके Header Document के बारे में Define करता है।
Example:- <HEAD> Header Document</HEAD>
TITLE Tag – यह Tag आपके Document के Title को दर्शाता है।
Example:- <TITLE> Title Of Your Document</TITLE>
BODY Tag – जो भी Attributes या Information Web Pages के सहायता से Display करने होते है उन सब को हम Body के अंदर ही लिखते है।
Example:- <BODY> HTML tags that will Define Your Page</BODY>
Document Structure Of HTML5
Tag:- यह ऐसे Keywords होते है जिसके माध्यम से हम अपने Content Formatting करते है और उसे Display करवाते है। यह Tag हमेशा Angle Brackets के अंदर होते है। जैसे:- <TITLE>, <HTML>, <BODY>
Elements:- Element हमारे पूरे एक Complete Component को Represent करता है। उन सभी Elements के 3 Part होते है। 1. Start Tag, 2. End Tag, 3. Content Between Start And End Tag
जैसे:- <TITLE> My Frirst Project </TITLE> जिसमे <TITLE> Starting Tag या Opening Tag है। वहीं “My Frirst Project” Content है और </TITLE> End Tag या Closing Tag है। जैसा की आपने अभी देखा की Starting Tag और Ending Tag में सिर्फ एक Slash (/) का अंतर है जो की Tag से पहले लगा है।
Attribute:- attribute की मदद से हम अपने Tags के अंदर Extra Information add कर सकते है। Attributes आपको केवल Opening Tags के अंदर ही दिखाई देते है उनके Specific Values होते है जिसे Quotation Marks (“your information”) के अंदर लिखा जाता है।
जैसे:- <HTML lang=”en”> इसमें Quotation Marks (“en”) के अंदर जो भी लिखा होता है उसे Attribute Lang की Value कहते है। जिसमें “en” Language codes को Belong कर रहा है। आप चाहे तो अपने हिसाब से Language Codes को Change भी कर सकते है।
Container Elements:- इस तरह के HTML Elements में Pair Tags आते है। इसमें Starting और Ending Tags को Include किया जाता है। जैसे –
जैसे -
यह सभी Container Elements के Example होते है। जिसमें Starting और Ending Tags भी आते है।
Empty Elements/Void Elements:- इस तरह के HTML Elements में सिर्फ Starting Tags आते है न कि कोई Ending Tags, Empty Elements को Void Elements भी कहते है।
जैसे:-
आप इसमें से कुछ tags को Self Closing Tags की तरह भी लिख सकते है। जैसे:- <BR> को <BR/> इन दोनों का एक ही मतलब होता है।
What is HTML Tag In Hindi
HTML (HTML In Hindi) में हम सभी सारे काम Tags की सहायता से करते है चाहे Text का Font change करना हो या Body का Color Change करना हो तो हम सभी Tags का ही use करते है। चलिए जानते है HTML के Common Tags के बारे में जो की Normally use किये जाते है-HTML Tag – इसे HTML Document के शुरुवात और अंत में use किया जाता है।
Example:- <HTML>Your Document</HTML>
HEAD Tag – यह आपके Header Document के बारे में Define करता है।
Example:- <HEAD> Header Document</HEAD>
TITLE Tag – यह Tag आपके Document के Title को दर्शाता है।
Example:- <TITLE> Title Of Your Document</TITLE>
BODY Tag – जो भी Attributes या Information Web Pages के सहायता से Display करने होते है उन सब को हम Body के अंदर ही लिखते है।
Example:- <BODY> HTML tags that will Define Your Page</BODY>
HTML 5 In Hindi
HTML 5 HTML का पांचवा और सबसे Latest Version है इसकी मदद से भी हम Web Pages को Create कर सकते है। इसमें भी आपको HTML Tags के Through ही अपने Webpage को Design करते है।Document Structure Of HTML5
<! DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf - 8" /> (यह tag optional होता है)
<title> </title>
</head>
</body>
</html>
HTML और HTML 5 के Tags में अंतर
HTML 5 | HTML |
<! DOCTYPE html> Tag | इसमें ऐसा कोई Tag नहीं होता |
<html lang = “en”> | <HTML> |
<meta charset = “utf – 8” /> (यह tag optional होता है) | इसमें ऐसा कोई Tag नहीं होता |
और सभी Tags Similar होते हैं | और सभी Tags Similar होते हैं |
DOCTYPE क्या है?
DOCTYPE एक तरह का Decleration है जो की HTML के Document के Top पर use किया जाता है। DOCTYPE HTML का Element नहीं हैं। DOCTYPE हमारे Browser को बताता है की हम HTML का कौन सा Version Use कर रहे है। जैसे <! DOCTYPE html> HTML 5 Version को Represent करता है।HTML (HTML In Hindi) Writting Tools
अब बात आती है की हम आखिर अपने HTML Document को लिखेंगें कहाँ पर? तो इसके लिए आप चाहे तो HTML Editor जैसे Front Page और Front Page Express का Use कर सकते हो लेकिन मैं आपको NotePad use करने की ही सलाह देता हूं क्योंकि NotePad लिखे Post को जब हम .HTML extension से Save करेंगे तो हम अपना Output Google Chrome, Safari और Mozilla FireFox जैसे Browser में देख सकते है।Basic Terminology Of HTML in Hindi
HTML सीखने के लिए हमें सिर्फ 3 Basic Terms को ध्यान से समझना होता है जो की है-- Tags
- Elements
- Attribute
Tag:- यह ऐसे Keywords होते है जिसके माध्यम से हम अपने Content Formatting करते है और उसे Display करवाते है। यह Tag हमेशा Angle Brackets के अंदर होते है। जैसे:- <TITLE>, <HTML>, <BODY>
Elements:- Element हमारे पूरे एक Complete Component को Represent करता है। उन सभी Elements के 3 Part होते है। 1. Start Tag, 2. End Tag, 3. Content Between Start And End Tag
जैसे:- <TITLE> My Frirst Project </TITLE> जिसमे <TITLE> Starting Tag या Opening Tag है। वहीं “My Frirst Project” Content है और </TITLE> End Tag या Closing Tag है। जैसा की आपने अभी देखा की Starting Tag और Ending Tag में सिर्फ एक Slash (/) का अंतर है जो की Tag से पहले लगा है।
Attribute:- attribute की मदद से हम अपने Tags के अंदर Extra Information add कर सकते है। Attributes आपको केवल Opening Tags के अंदर ही दिखाई देते है उनके Specific Values होते है जिसे Quotation Marks (“your information”) के अंदर लिखा जाता है।
जैसे:- <HTML lang=”en”> इसमें Quotation Marks (“en”) के अंदर जो भी लिखा होता है उसे Attribute Lang की Value कहते है। जिसमें “en” Language codes को Belong कर रहा है। आप चाहे तो अपने हिसाब से Language Codes को Change भी कर सकते है।
S.No. | Code | Language |
---|---|---|
1 | en | English |
2 | en-us | US-English |
3 | en-uk | UK-English |
4 | fr | French |
5 | de | German |
6 | ar | Arabic |
7 | zh | Chinese |
8 | hi | Hindi |
Types Of HTML Elements In Hindi
HTML में आपको दो तरह के Elements देखने को मिलते है। जिसमें से एक होता है Container और दूसरा होता है Empty Element, चलिए इन दोनों के बारे में detail में जानते है।Container Elements:- इस तरह के HTML Elements में Pair Tags आते है। इसमें Starting और Ending Tags को Include किया जाता है। जैसे –
जैसे -
<HTML>...............</HTML>
<HEAD>................</HEAD>
<TITLE>................</TITLE>
<B>............................</B>
<CENTER>.................</CENTER>
यह सभी Container Elements के Example होते है। जिसमें Starting और Ending Tags भी आते है।
Empty Elements/Void Elements:- इस तरह के HTML Elements में सिर्फ Starting Tags आते है न कि कोई Ending Tags, Empty Elements को Void Elements भी कहते है।
जैसे:-
<BR>
<BASE>
<BASEFONT>
<HR>
<IMG>
<LINK>
आप इसमें से कुछ tags को Self Closing Tags की तरह भी लिख सकते है। जैसे:- <BR> को <BR/> इन दोनों का एक ही मतलब होता है।
What is CSS In HTML in Hindi
HTML की मदद से हम Webpages बनाते हैं जो की हमारे Webpages को ज्यादा Attractive और Professional Look नहीं दे पाता। अपने Web Page को Professional Look देने के लिए आपको CSS का use करना पड़ता है। मैं आपके साथ अभी एक Project का Page साझा करने वाला हूं जिसकी मदद से आप CSS को और अच्छे से समझ पाएंगे। उस Project में CSS का बहुत ही कम Use किया गया है लेकिन फिर भी यह बहुत Attractive दिखता है।Color और उसके RPG Values
1 | Aqua | #00FFFF |
2 | Black | #000000 |
4 | Grey | #808080 |
5 | Green | #008000 |
6 | Purple | #800080 |
7 | Red | #FF0000 |
8 | White | #FFFFFF |
9 | Yellow | #FFFF00 |
10 | Blue | #0000FF |
Basic Tag Lists Of HTML In Hindi With Example
S.No. | Tag | Description |
---|---|---|
1 | <a> | इस Tag की मदद से आप अपने लिंक या Web Document को किसी भी अपने किसी भी Word फ्रेम में Add कर सकते है। |
2 | <b> | इस Tag की मदद से आप किसी भी Specific Word या sentence को Bold कर सकते है। |
3 | <button > | इस Tag की मदद से आप किसी अपने Document में Push Button Add कर सकते हो। |
4 | <br /> | इस Tag की मदद से आप अपने Document में Single Line को Break कर सकते हो। |
5 | <center > | इस Tag की मदद से आप अपने Document में किसी भी specific word या Sentence के अलिगनमेंट को सेण्टर में कर सकते है। |
6 | <font> | इस Tag की मदद से आप अपने Word के Font Color, Font Face और Font Size को define कर सकते है। |
7 | <h1> से <h6> | इस Tag की मदद से आप अपने Words के Size को Different- Different तरीको से manage कर सकते है। |
8 | <img> | इस Tag की मदद से आप अपने Document में Image Add कर सकते है। |
9 | <ol> | इस Tag की मदद से आप ordered lists को Add कर सकते है। |
10 | <p> | इस Tag की मदद से आप अपने text को paragraph में convert कर सकते है। |
11 | <u> | इस Tag की मदद से आप अपने text को Underline कर सकते है। |
12 | <ul> | इस Tag की मदद से आप unordered list को Add कर सकते है। |
अंतिम शब्द
मैं आशा करता हूँ की आपको मेरा यह पोस्ट (HTML in Hindi) अच्छा लगा होगा, चाहे आपका ब्लॉग ब्लॉगर में हो या वर्डप्रेस में ही क्यों ना यह प्रोग्रामिंग लैंग्वेज आपके हमेशा काम आने वाली है इसिलिए आप एक बार इसे जरूर पढ़े।
मॉडरेटर द्वारा पिछला संपादन: