HTML Notes in Hindi

HTML Notes in Hindi

Introduction to HTML

HTML एक Hyper Text Markup Language है। इसे web pages create करने के लिए यूज़ किया जाता है। HTML Berners lee के द्वारा 1991 में create की गयी थी। आइये सबसे पहले HTML का मतलब समझने का प्रयास करते है। HTML की full form Hyper Text Markup Language होती है। इनमें से हर word को निचे detail से समझाया जा रहा है।




Hyper

Hyper का मतलब होता है की HTML sequence में नहीं काम करती है। जैसा की किसी programming language में होता है, एक statement के बाद अगला statement execute होगा। यदि कोई HTML file में link है और यूज़र उस पर press करता है तो वो execute हो जाती है। इससे कोई फर्क नहीं पड़ता है की उससे पहले कितने elements और या वो सभी load हुए है या नहीं। ये भी जरुरी नहीं की किसी एक HTML file से पहले दूसरी HTML file execute नहीं हो सकती है। सभी HTML files independent होती है।

Text

HTML text को format करके webpages के रूप में represent करने के लिए यूज़ की जाती है।

Markup

Markup का मतलब text formatting होता है। आप text को tags के द्वारा mark करते है। जैसे text को tags के द्वारा mark किया जाता है वैसे ही text web page में show होता है। जैसे की यदि आप किसी text को <h1 > tag में लिखेंगे तो webpage page पर वह text बड़ा और bold दिखाई देगा।

Language

HTML एक language है जो web development के लिए (USE) यूज़ की जाती है।



 

HTML versions

अब तक HTML के बहुत से version industry में आ चुके है इनके बारे में निचे दिया जा रहा है।

HTML 1.0

ये HTML का पहला version था। उस समय बहुत कम लोग इस language के बारे में जानते थे। और HTML भी बहुत limited थी।

HTML 2.0

इस version में HTML 1.0 के सभी features थे। इस version के साथ ही HTML website develop करने का बुनियादी माध्यम बन चुकी थी।

HTML 3.0

इस version के आने तक HTML बहुत popular हो चुकी थी। इस version में browsers के साथ compatibility problem होने की वजह से इस version को रोक दिया गया था।

HTML 3.2

इस version में पिछले version के बाद कुछ नए tags add किये गए। ये वो time था जब W3C ने website development के लिए HTML को standard घोषित किया था।

HTML 4.01

इस version में कुछ नए tags के साथ ही cascading style sheet को भी introduce किया गया था। इस समय HTML पूरी तरह modern language बन चुकी थी|

HTML 5.0

ये HTML का latest version है। इसमें multimedia support के लिए कुछ नए tags provide किये गए है।

XHTML

ये version HTML 4.01 के बाद आया था। इसमें HTML के साथ XML को add किया गया था।



HTML tags

एक HTML file tags और text का combination होती है। यदि आपको tags का concept समझ आ जाये तो आप HTML आसानी से समझ सकते है। Basically tag ये बताते है की text के साथ क्या करना है। एक tag एक specific purpose define करता है। हर task के लिए अलग अलग tags बनाये गए है। किसी भी tag के 2 part होते है। Opening tag शुरुआत में लगाया जाता है। इससे interpreter को ये पता चल जाता है की आप क्या करने वाले है। Opening tag के बाद वो text लिखा जाता है जिस पर ये tag apply हो रहा है। इसके बाद closing tag लिखा जाता है। Closing tag से interpreter को पता चलता है की इस tag का उपयोग यंही तक था। Closing tag को opening tag से differentiate करने के लिए closing tag में forward slash लगाया जाता है।Tags का basic structure निचे दिया जा रहा है।



<tagName>   text   </tagName>




 

Some basic tags

निचे आपको HTML के कुछ basic tags दिए जा रहे है। ये वो tags है जो आप हर HTML file में commonly यूज़ करेंगे।

Tag Explanation
<html> </html> किसी भी HTML file की शुरुआत इसी tag से की जाती है। ये tag दर्शाता है की ये file एक HTML file है। बाकि सभी tags इस tag के अंदर आते है। ये tag program में सबसे आखिर में close किया जाता है।
 <head></head> इस tag में document के बारे में information होती है। साथ ही यदि आपका web page कोई script apply करता है तो वो भी इसी tag के अंदर define की जाती है। ये tag हमेशा HTML tag के अंदर आता है।
 <title></title> इस tag के द्वारा web page का title display किया जाता है। ये tag हमेशा head tag के अंदर आता है।
 <body></body> जो भी text body tag में होती है, program के interpret होने के बाद वही display की जाती है। ये tag head tag के close होने के बाद में आता है।



A simple HTML program

<html>

<head>

<title>My Page</title>

</head>

<body>

<h1>

My First Web Page

</h1>

</body>

</html>



<!DOCTYPE> tag

कई बार HTML tag से पहले इस tag का इस्तेमाल किया जाता है। ये tag बताता है की आप कौनसा HTML version यूज़ कर रहे है। कुछ browsers security purpose से HTML के पुराने versions को support नहीं करते है। इसलिए ये tag HTML version के बारे में browser को information देता है। जिससे browsers appropriate action ले सके।

Executing HTML program

HTML program को execute करना बहुत ही आसान है। सबसे पहले आप अपने program को किसी text editor में लिख लीजिये। जैसे की notepad आदि।

html editor - HTML Notes in Hindi



इसके बाद उस program को .html extension के साथ save कीजिये।

savinghtmlfile - HTML Notes in Hindi



इसके बाद आप उस save की गयी file को open करते है।
htmlfile - HTML Notes in Hindi


इसके बाद आपका webpage browser में automatically open हो जाता है।
webpage - HTML Notes in Hindi

HTML Notes In hindi

HTML Introduction in hindi

HTML का Introduction Hindi में दे रहा हूं उम्मीद है आपको पसंद आएगा HTML से web site या internet Application बनाये जाते है यदि आप अपनी खुद की web site बनाना चाहते है और पैसे कमाना चाहते है तो HTML से अच्छा और सरल कोई रास्ता नहीं है यदि आपएक सफल internet Designer या internet Developer बनाना चाहते है, तो HTML को बहुत अच्छे से सीखना आपके लिए जरुरी है, क्योंकि इसमें HTML जड़ का काम करेगा और जितना जड़ को पानी दोगे यानि जितना अच्छे से आप HTML सीखोगे आपका internet Developing का ज्ञान बढ़ता जायेगा लोग अक्सर सोचते है की एक web site बनाना बहुत मुश्किल काम है पर ऐसा नहीं है हर कोई एक web site बनाना सीख सकता है बस आप में लगन होनी चाहिए HTML बहुत सरल भाषा है इसको सीखना कोई बड़ी बात नहीं है HTML से web site बनाना बहुत सरल है और यह नि: शुल्क है इसमें किसी software system की भी जरुरत नहीं पड़ती.
HTML का पूरा नाम machine-readable text language और यह internet पर सबसे व्यापक रूप से इस्तेमाल होने वाली Language है यह कोई programing language नहीं है यह एक language है.



अपडेट लगातार हासिल करने के लिए हमे फेसबुक (Facebook) पर ज्वाइन करे Click Now


рдирд╡реАрди рдЬрд┐рд▓реЛрдВ рдХрд╛ рдЧрдарди (рд░рд╛рдЬрд╕реНрдерд╛рди) | Formation Of New Districts Rajasthan рд░рд╛рдЬрд╕реНрдерд╛рди рдореЗрдВ рд╕реНрддреНрд░реА рдХреЗ рдЖрднреВрд╖рдг (women’s jewelery in rajasthan) Best Places to visit in Rajasthan (рд░рд╛рдЬрд╕реНрдерд╛рди рдореЗрдВ рдШреВрдордиреЗ рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░реАрди рдЬрдЧрд╣) рд╣рд┐рдорд╛рдЪрд▓ рдкреНрд░рджреЗрд╢ рдореЗрдВ рдШреВрдордиреЗ рдХреА рдЬрдЧрд╣ {places to visit in himachal pradesh} рдЙрддреНрддрд░рд╛рдЦрдВрдб рдореЗрдВ рдШреВрдордиреЗ рдХреА рдЬрдЧрд╣ (places to visit in uttarakhand) рднрд╛рд░рдд рдореЗрдВ рд░рд╛рд╖реНрдЯреНрд░реАрдп рд░рд╛рдЬрдорд╛рд░реНрдЧ рдХреА рд╕реВрдЪреА Human heart (рдордиреБрд╖реНрдп рд╣реГрджрдп) рд▓реАрд╡рд░ рдЦрд░рд╛рдм рд╣реЛрдиреЗ рдХреЗ рд▓рдХреНрд╖рдг (symptoms of liver damage) рджреМрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдЯрд┐рдкреНрд╕ рд╡рд┐рд╢реНрд╡ рдХрд╛ рд╕рдмрд╕реЗ рдЫреЛрдЯрд╛ рдорд╣рд╛рд╕рд╛рдЧрд░ рд╣рд┐рдВрджреА рдиреЛрдЯреНрд╕ рд░рд╛рдЬрд╕реНрдерд╛рди рдХреЗ рд░рд╛рдЬреНрдпрдкрд╛рд▓реЛрдВ рдХреА рд╕реВрдЪреА Biology MCQ in Hindi рдЬреАрд╡ рд╡рд┐рдЬреНрдЮрд╛рди рдиреЛрдЯреНрд╕ рд╣рд┐рдВрджреА рдореЗрдВ рдХрдХреНрд╖рд╛ 12 рд╡реАрдВ рдХрдХреНрд╖рд╛ 12 рдЬреАрд╡ рд╡рд┐рдЬреНрдЮрд╛рди рд╡рд╕реНрддреБрдирд┐рд╖реНрда рдкреНрд░рд╢реНрди рд╣рд┐рдВрджреА рдореЗрдВ рдЕрд▓рдВрдХрд╛рд░ рдХреА рдкрд░рд┐рднрд╛рд╖рд╛, рднреЗрдж рдФрд░ рдЙрджрд╛рд╣рд░рдг Class 12 Chemistry MCQ in Hindi Biology MCQ in Hindi рдЬреАрд╡ рд╡рд┐рдЬреНрдЮрд╛рди рдиреЛрдЯреНрд╕ рд╣рд┐рдВрджреА рдореЗрдВ рдХрдХреНрд╖рд╛ 12 рд╡реАрдВ рднрд╛рд░рдд рджреЗрд╢ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕рд╛рдорд╛рдиреНрдп рдЬрд╛рдирдХрд╛рд░реА рд░рд╛рдЬрд╕реНрдерд╛рди рдХреА рдЦрд╛рд░реЗ рдкрд╛рдиреА рдХреА рдЭреАрд▓ рд░рд╛рдЬрд╕реНрдерд╛рди рдХрд╛ рдПрдХреАрдХрд░рдг рд░рд╛рдЬрд╕реНрдерд╛рди рдореЗрдВ рдореАрдареЗ рдкрд╛рдиреА рдХреА рдЭреАрд▓реЗрдВ