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 VersionYearMain Features
HTML 1.01991HTML का पहला version
HTML 2.01995Form-based file upload और विभिन्न form elements का support
HTML 3.01997Tables और form elements के लिए additional options का support
HTML 4.011999CSS और scripting capabilities का support
HTML52008 initially; stable version in 2014Modern 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 बन जाता है।