Introduction to HTML
M2-R5.1 · Chapter 3: HTML Basics · 4 min read
HTML BASICS
HTML क्या है?
HTML का पूरा नाम HyperText Markup Language है। यह एक markup language है जिसका उपयोग web pages और web applications बनाने के लिए किया जाता है।
सरल शब्दों में, HTML की सहायता से किसी web page का structure और content तैयार किया जाता है, जिसे web browser में देखा जा सकता है।
HyperText
HyperText का सरल अर्थ "Text within Text" होता है।
जब किसी text के अंदर किसी दूसरे webpage या document का link दिया जाता है, तो उसे HyperText कहा जाता है।
जब हम किसी link पर click करते हैं और वह हमें किसी दूसरे webpage पर ले जाता है, तो वहाँ HyperText का उपयोग होता है।
HyperText की सहायता से दो या दो से अधिक web pages (HTML documents) को एक-दूसरे से connect किया जा सकता है।
Markup Language
Markup Language एक ऐसी computer language है जिसका उपयोग किसी text document के layout, structure और formatting को define करने के लिए किया जाता है।
Markup Language की सहायता से content को अधिक structured और properly formatted बनाया जा सकता है।
HTML में हम विभिन्न प्रकार के content को represent कर सकते हैं, जैसे:
- Text
- Images
- Tables
- Links
Web Page
Web Page एक ऐसा document है जो सामान्यतः HTML में लिखा जाता है और जिसे web browser द्वारा interpret करके display किया जाता है।
किसी web page को URL (Uniform Resource Locator) की सहायता से identify और access किया जा सकता है।
Web pages मुख्य रूप से दो प्रकार के होते हैं:
- Static Web Page
- Dynamic Web Page
केवल HTML की सहायता से हम Static Web Pages बना सकते हैं।
In Simple Words
सरल शब्दों में, HTML एक markup language है जिसका उपयोग attractive और well-structured web pages बनाने के लिए किया जाता है, जिन्हें web browser में display किया जा सकता है।
एक HTML document कई HTML tags से मिलकर बना होता है। प्रत्येक HTML tag किसी विशेष content या उसके structure को define करता है।
BRIEF HISTORY OF HTML
- 1980s के अंत में physicist Tim Berners-Lee, जो CERN में contractor के रूप में काम कर रहे थे, उन्होंने CERN के researchers के लिए एक system propose किया।
- 1989 में उन्होंने एक Internet-based hypertext system का proposal दिया।
- Tim Berners-Lee को Father of HTML के नाम से जाना जाता है।
- HTML का पहला available description "HTML Tags" नाम के document में 1991 के अंत में propose किया गया था।
- HTML5 HTML का modern major version है।
📌 Key Information / मुख्य जानकारी
Tim Berners-Lee को Father of HTML कहा जाता है।
HTML VERSIONS
| HTML Version | Year | Main Features |
|---|---|---|
| HTML 1.0 | 1991 | HTML का पहला version |
| HTML 2.0 | 1995 | Form-based file upload और विभिन्न form elements का support |
| HTML 3.0 | 1997 | Tables और form elements के लिए additional options का support |
| HTML 4.01 | 1999 | CSS और scripting capabilities का support |
| HTML5 | 2008 initially; stable version in 2014 | Modern HTML features और improved capabilities |
💡 Key Information / मुख्य जानकारी
HTML5, HTML का modern major version है।
FEATURES OF HTML
1. Easy and Simple
HTML एक easy और simple language है। इसे आसानी से understand और modify किया जा सकता है।
2. Case-Insensitive
HTML को सामान्यतः case-insensitive language माना जाता है। इसका अर्थ है कि HTML tags को lowercase या uppercase में लिखा जा सकता है।
उदाहरण:
<HTML>और
<html>दोनों को browser HTML tag के रूप में recognize कर सकता है।
Note: Modern HTML में generally lowercase tags का उपयोग करना recommended है।
3. Formatting
HTML में कई formatting tags उपलब्ध होते हैं। इनकी सहायता से webpage के content को अलग-अलग प्रकार से format किया जा सकता है।
जैसे किसी text को bold या italic बनाया जा सकता है।
4. Flexible Web Page Design
HTML एक markup language है, इसलिए यह webpage के content को properly structure और organize करने का flexible तरीका प्रदान करती है।
HTML की सहायता से हम webpage में:
- Headings
- Paragraphs
- Lists
- Tables
- Images
- Links
आदि को add कर सकते हैं।
5. Hyperlinks
HTML की Anchor tag <a> की सहायता से webpages के बीच hyperlinks बनाए जा सकते हैं।
इसकी सहायता से user आसानी से एक webpage से दूसरे webpage पर navigate कर सकता है।
6. Platform Independent
HTML एक platform-independent language है।
इसका अर्थ है कि HTML से बनाए गए webpages को अलग-अलग platforms और operating systems पर web browser की सहायता से access किया जा सकता है।
उदाहरण:
- Windows
- Linux
- Macintosh
7. Multimedia Support
HTML की सहायता से webpage में विभिन्न multimedia elements जैसे:
- Images
- Videos
- Audio
को add किया जा सकता है।
इससे webpage अधिक attractive और interactive बन जाता है।