HTML Introduction HTML Quotation HTML Colors HTML Links HTML Images HTML Tables HTML Lists Block & Inline Class Attribute ID Attribute HTML Iframes HTML Forms

-

Simple HTML Page Structure

<html>

<head>
    <title>Amod Study World</title>
</head>

<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
</body>

</html>

HTML Tags & Symbols Meaning (Tag और Symbol का मतलब)

  • <html> … </html> – यह पूरा HTML document को दर्शाता है।
    (Represents the entire HTML document)
  • <head> … </head> – यह section meta information, title, scripts आदि के लिए होता है।
    (Contains meta info, title, scripts etc.)
  • <title> … </title> – यह page का title browser tab में दिखाता है।
    (Sets the page title shown in browser tab)
  • <body> … </body> – यह page का main content दिखाता है।
    (Displays the main content of the page)
  • <h1> … </h1> – यह सबसे बड़ा heading होता है।
    (Represents the largest heading)
  • <p> … </p> – यह paragraph दर्शाता है।
    (Represents a paragraph)

HTML Headings & Paragraphs (हैडिंग और पैराग्राफ)

HTML में headings और paragraphs text को organize करने के लिए use होते हैं।

Headings (हेडिंग)

<h1>This is H1 heading</h1>
<h2>This is H2 heading</h2>
<h3>This is H3 heading</h3>

Paragraphs (पैराग्राफ)

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
  • <h1> … </h1> – सबसे बड़ा heading | Largest heading
  • <h2> … </h2> – Second largest heading | दूसरा सबसे बड़ा heading
  • <h3> … </h3> – Third largest heading | तीसरा सबसे बड़ा heading
  • <p> … </p> – Paragraph | पैरा / अनुच्छेद

HTML Introduction (HTML परिचय)

What is HTML? (HTML क्या है?)

HTML is the standard markup language for creating web pages.
HTML वेब पेज बनाने की standard markup language है।

  • HTML stands for Hyper Text Markup Language
    HTML का पूरा नाम Hyper Text Markup Language है।
  • HTML describes the structure of a web page
    HTML एक वेब पेज की संरचना को बताता है।
  • HTML consists of a series of elements
    HTML कई तत्वों का समूह होता है।
  • HTML elements tell the browser how to display the content
    HTML elements ब्राउज़र को बताते हैं कि content कैसे दिखाना है।
  • HTML elements are represented by tags
    HTML elements को tags के रूप में दर्शाया जाता है।
  • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
    HTML tags content के हिस्सों को label करते हैं जैसे "heading", "paragraph", "table" आदि।
  • Browsers do not display the HTML tags, but use them to render the content of the page
    ब्राउज़र HTML tags को नहीं दिखाते, लेकिन content render करने के लिए इस्तेमाल करते हैं।

A Simple HTML Document.
एक सरल HTML डॉक्यूमेंट

Practice :-

Upload image

Example Explained (उदाहरण समझाया गया)

  • <!DOCTYPE html> declaration defines this document to be HTML5.
    <!DOCTYPE html> घोषणा बताती है कि यह दस्तावेज़ HTML5 है।
  • <html> element is the root element of an HTML page.
    <html> element HTML पेज का मुख्य (root) element होता है।
  • <head> element contains meta information about the document.
    <head> element में दस्तावेज़ की meta जानकारी होती है।
  • <title> element specifies a title for the document.
    <title> element दस्तावेज़ का शीर्षक (title) बताता है।
  • <body> element contains the visible page content.
    <body> element में पेज का दिखाई देने वाला content होता है।
  • <h1> element defines a large heading.
    <h1> element बड़ी heading को दर्शाता है।
  • <p> element defines a paragraph.
    <p> element एक पैराग्राफ को दर्शाता है।

HTML Tags (HTML टैग)

HTML tags are element names surrounded by angle brackets:

HTML tags element के नाम होते हैं जो angle brackets में लिखे जाते हैं:

<tagname>content goes here... </tagname>

  • HTML tags normally come in pairs like <p> and </p>.
  • The first tag in a pair is the start tag, the second tag is the end tag.
  • The end tag is written like the start tag, but with a forward slash inserted before the tag name.
Tip: The start tag is also called the opening tag, and the end tag the closing tag.
टिप: Start tag को opening tag और end tag को closing tag भी कहा जाता है।

The <!DOCTYPE> Declaration (DOCTYPE घोषणा)

  • The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
    <!DOCTYPE> घोषणा document type को बताती है और browser को web page सही तरीके से दिखाने में मदद करती है।
  • It must only appear once, at the top of the page (before any HTML tags).
    यह केवल एक बार page के सबसे ऊपर (किसी भी HTML tag से पहले) लिखा जाता है।
  • The <!DOCTYPE> declaration is not case sensitive.
    <!DOCTYPE> declaration case sensitive नहीं होता है।
  • The <!DOCTYPE> declaration for HTML5 is.
    HTML5 के लिए <!DOCTYPE> declaration इस प्रकार होता है।

Image upload

HTML Headings (HTML हेडिंग्स)

  • HTML headings are defined with the <h1> to <h6> tags.
    HTML headings <h1> से <h6> tags के द्वारा defined होती हैं।
  • <h1> defines the most important heading.
    <h1> सबसे महत्वपूर्ण heading को दर्शाता है।
  • <h6> defines the least important heading.
    <h6> सबसे कम महत्वपूर्ण heading को दर्शाता है।

Upload image

HTML Paragraphs (HTML पैराग्राफ)

HTML paragraphs are defined with the <p> tag:

HTML paragraphs <p> tag के द्वारा define किए जाते हैं।

Image upload 

HTML Links (HTML लिंक)

HTML links are defined with the <a> tag:

HTML links <a> tag के द्वारा define किए जाते हैं।


Image upload 

  • The link's destination is specified in the href attribute.
    Link का destination href attribute में दिया जाता है।
  • Attributes are used to provide additional information about HTML elements.
    Attributes HTML elements के बारे में अतिरिक्त जानकारी देने के लिए उपयोग किए जाते हैं।
  • You will learn more about attributes in a later chapter.
    Attributes के बारे में आप आगे के chapter में और सीखेंगे।

HTML Images (HTML इमेज)

  • HTML images are defined with the <img> tag.
    HTML images <img> tag के द्वारा define की जाती हैं।
  • The source file src, alternative text alt, width, and height are provided as attributes.
    Image के लिए src, alt, width और height attributes का उपयोग किया जाता है।

Image upload 

HTML Lists (HTML लिस्ट)

  • HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag.
    HTML lists को <ul> (unordered/bullet list) या <ol> (ordered/numbered list) tag से define किया जाता है।
  • They are followed by <li> tags (list items).
    इसके अंदर <li> tags (list items) का उपयोग किया जाता है।

Image upload 

Empty HTML Elements (खाली HTML एलिमेंट)

  • HTML elements with no content are called empty elements.
    जिन HTML elements के अंदर कोई content नहीं होता उन्हें empty elements कहा जाता है।
  • <br> is an empty element without a closing tag (the <br> tag defines a line break).
    <br> एक empty element है जिसका closing tag नहीं होता (यह line break के लिए उपयोग होता है)।
  • Empty elements can be "closed" in the opening tag like this: <br />.
    Empty elements को opening tag में ही इस तरह close किया जा सकता है: <br />।
  • HTML5 does not require empty elements to be closed.
    HTML5 में empty elements को close करना जरूरी नहीं है।
  • But if you want stricter validation, or if you need to make your document readable by XML parsers, you must close all HTML elements properly.
    लेकिन अगर आपको strict validation चाहिए या document को XML parser से पढ़ने योग्य बनाना है, तो सभी HTML elements को सही तरीके से close करना चाहिए।

Image upload 

HTML Horizontal Rules (HTML हॉरिज़ॉन्टल लाइन)

  • The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
    <hr> tag HTML page में एक thematic break को define करता है और इसे अक्सर horizontal line के रूप में दिखाया जाता है।
  • The <hr> element is used to separate content (or define a change) in an HTML page.
    <hr> element का उपयोग HTML page में content को अलग करने (या बदलाव दिखाने) के लिए किया जाता है।

Image upload 

HTML Is Not Case Sensitive (HTML Case Sensitive नहीं है)

  • HTML tags are not case sensitive: <P> means the same as <p>.
    HTML tags case sensitive नहीं होते: <P> और <p> का मतलब एक ही होता है।
  • The HTML5 standard does not require lowercase tags.
    HTML5 standard में lowercase tags लिखना जरूरी नहीं है।
  • But W3C recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.
    लेकिन W3C HTML में lowercase tags की सिफारिश करता है और XHTML जैसे strict document types के लिए lowercase जरूरी होता है।

Follow Amod Study World


Instagram
WhatsApp
Telegram

Comments

Post a Comment

Popular posts from this blog

Tally Prime Edit Log – Company Creation, GST Enable, Purchase & Sales Entry PDF Download

-
Image
🧾 Tally Prime Edit Log – Complete Practical Guide (With GST) इस पोस्ट में Tally Prime के अंदर होने वाले सभी ज़रूरी कामों को step by step practical तरीके से समझाया गया है। यह पोस्ट खास उन लोगों के लिए है जो GST के साथ Purchase और Sales Entry सीखना चाहते हैं। 🔹 1. Normal Company Creation in Tally Prime सबसे पहले Normal Company बनाकर दिखाया गया है। Company creation के समय business details, financial year और books beginning सही तरीके से fill की गई है ताकि beginners को आसानी हो। 🔹 2. GST Enable करना (Step by Step) Company create करने के बाद GST को enable किया गया है। इसमें GST applicable, registration type, state selection और GSTIN entry detail में समझाई गई है। GST enable करने के बाद नीचे दिए गए तीनों tax head activate किए गए हैं: ✅ CGST ✅ SGST ✅ IGST 🔹 3. GST Ledger Creation (CGST, SGST, IGST) इस भाग में CGST, SGST और IGST के अलग-अलग ledger बनाए गए हैं। सभी ledger सही tax type और percentage के साथ create किए गए हैं, ताकि calculation automatic हो। ...
Read more

HTML tags in Hindi – Complete list of basic HTML tags with easy explanation for beginners.

-
Image
AMOD STUDY 🔍 👤 ☰ Home HTML HTML CSS JavaScript Contact HTML CSS HTML Introduction HTML Quotation HTML Attributes HTML Tables HTML Lists HTML Iframes HTML Forms HTML Advanced Forms HTML APIs HTML Tags List in Hindi – Complete Guide for Beginners HTML में बहुत सारे tags होते हैं, लेकिन beginners के लिए सही और जरूरी tags समझना बहुत जरूरी है। इस पोस्ट में हम आपको हर tag का काम आसान हिंदी में समझाएंगे। 🔹 Basic Structure Tags <html> → यह पूरी HTML document की शुरुआत और अंत को define करता है <head> → इसमें page की जानकारी (meta, title, CSS) होती है <title> → browser tab में दिखने वाला नाम <body> → इसमें पूरा visible content दिखता है 🔹 Heading Tags <h1> → सबसे बड़ा और important heading <h2> → main sub heading <h3> → section heading <h4> → छोटा heading <h5> → और छोटा heading <h6> → सबसे छोटा heading 🔹 Text Format...
Read more