Table of Contents
Web and Website
Web को 2 भागों में बाँटा गया है –
- Front End – हमें Website का जो भाग सामने दिखाई देता है, वह Front End कहलाता है.
- Back End – Front End को Modification करने के लिए User द्वारा जिस Part को Use में लिया जाता है, वह Back End कहलाता है.
Website को 2 भागों में बाँटा गया है –
- Static Website – Simple Websites जिसमे Attraction न के बराबर हो.
- Dynamic Website – एक Attractive Website
Dynamic को भी 2 भागों में बाँटा गया है –
- Server Side – server-Side Website में Webpage पर User की जरुरत के हिसाब से Data User को दिखाईदेता है जो कि किसी Main Server से आता है.
- Client Side – Client-Side Website में HTML, CSS, Java Script का Use करके Website को Attractive बनाया जाता है. इस प्रकार की Websites में वे Websites आती है जो हमें किसी Company या Service की जानकारी देती हैं.
Website को 3 हिस्सों में बाँटा गया है –
- Webpage का Structure – इसके लिए HTML का Use किया जाता है.
- Webpage की Style – इसके लिए CSS का Use किया जाता है.
- Webpage का Behavior – इसके लिए Java Script का Use किया जाता है.
Browser
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera
HTML क्या है?
HTML एक Markup Language है. HTML की Full Form है – Hyper Text Markup Language. HTML का उपयोग Website / Web Pages बनाने के लिए किया जाता है.
1990 से पहले Internet से किसी भी Information को लेना Technical होता था. HTML को Tim Berners Lee द्वारा सबसे पहला HTML बनाया गया. अब 2021 में HTML5 Version का उपयोग HTML Program लिखने के लिए किया जाता है. वर्तमान में HTML के विकास की जिम्मेदारी W3C (World Wide Web Consortium) के पास है.
इससे कोई फर्क नहीं पड़ता कि आप किस Operating System का Use कर रहे हैं. Webpages बनाने के लिए हमेशा HTML का ही Use किया जाता है. आज Internet पर जितनी भी Websites हैं उनमे HTML का ही Use किया गया है. HTML में Web Pages बनाने के लिए Tags, Elements, Attributes का Use किया जाता है.
Hypertext
Hyper Text Means Text Within Text. Hypertext एक Text होता है जो किसी दूसरे Text को जोड़ता है. यानि किसी Hypertext पर Mouse से Click करते हैं तो वह एक अन्य Page पर पहुँच जाता है. इस hypertext को Hyperlink कहते हैं.
हम Image, Video को भी Hyperlink बनाया जा सकता है. यदि Images , Videos को Hyperlink बनाया जाता है तो इसे Hyper Media कहते हैं.
Markup Language
Markup Language एक Language है जिसके द्वारा Text के Layout को Change किया जाता है. Text पर Formatting करके Text को Attractive बनाया जाता है.
Version Of HTML
- HTML 1.0
- HTML 2.0
- HTML 3.0
- HTML 3.2
- HTML 4.0
- HTML 4.01
- HTML 5
Structure of a HTML Program
<!DOCTYPE html>
<html>
<head>
<title> -------------------- </title>
</head>
<body>
----------------------------------
----------------------------------
</body>
<html>
Explanation
<!DOCTYPE> – यह Document Type को बताता है. यह Browser को html के Version के बारे में बताता है.
<html> – यह tag Browser को बताता है कि यह एक html Document है.
<head> – यह html का First Element है. इसमें Metadata होता है यानि Document के बारे में Information होती है.
<title> – इसमें html का Title लिखा जाता है जो कि Browser पर सबसे ऊपर यानि Title Bar पर Show होता है.
<body> – Body Tag में Page पर Display किया जाने वाला Content लिखा जाता है.
Features of HTML
- Easy and Simple
- इसके द्वारा Web Page पर Links लगाई जा सकती हैं.
- इसके द्वारा Webpages पर Images, Sound, Video को Use में लिया जा सकता है.
- इसे किसी भी Operating System में Use में लिया जा सकता है.
- यह Case Sensitive है यानि upper case या lower case कैसे भी लिखा जा सकता है.
- Effective और Attractive Text बनता जा सकता है.
HTML Editor
HTML Program लिखने के लिए Notepad Editor का Use किया जाता है.
- सबसे पहले Notepad Open करना है.
- HTML Program लिखना है.
- उसके बाद हमें File को .htm या .html Extension के साथ Save करना है.
- HTML File को Run करने के लिये हमें उस Location पर जाना है जहाँ पर हमने File Save की थी जैसे किसी Drive में, My Documents या Desktop पर.
- उस File को Double Click करके हम HTML Program को Run करा सकते हैं.