HTML Basic Examples In Hindi | Mayank Salvi

declaration document के प्रकार को represent करता है, और सही ढंग से web pages को display करने के लिए browsers की मदद करता है।
Mayank Salvi
6 minute read

HTML Basic Examples

इस chapter में हम कुछ basic HTML examples दिखाएंगे।

यदि हम ऐसे टैग का उपयोग करते हैं जिनके बारे में आपने अभी तक नहीं सीखा है तो चिंता न करें।


HTML Documents

सभी HTML documents <!DOCTYPE html> के साथ प्रारंभ होने चाहिए: 

HTML document <html> से शुरू होता है और </html> के साथ समाप्त होता है।

HTML document का visible part (जो हमें web page पर दिखाई देता है) <body> और </body> के बीच है।

Example

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

The <!DOCTYPE> Declaration

<!DOCTYPE> declaration document के प्रकार को represent करता है, और सही ढंग से web pages को display करने के लिए browsers की मदद करता है।

यह केवल एक बार, page के top पर (किसी भी HTML tag से पहले) दिखाई देना चाहिए।

<!DOCTYPE> declaration case sensitive नहीं है।

<!DOCTYPE> HTML5 के लिए declaration है, जिसे कैसे Declare करते हैं नीचे दर्शाया गया है:

Example

<!DOCTYPE html>

HTML Headings

HTML headings को <h1> से <h6> tag के साथ defines किया गया है ।

<h1> most important heading को defines करता है। <h6> कम से कम महत्वपूर्ण शीर्षक ( least important heading) को परिभाषित (defines ) करता है:

Example

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML Paragraphs

HTML paragraph को <p> टैग के साथ परिभाषित (defined ) किया गया है :

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML links को <a> टैग के साथ defined किया गया है :

Example

<a href="https://www.mayanksalvi.blogspot.com">This is a link</a>

लिंक का destination href attribute में निर्दिष्ट (specified) है । 

HTML Attributes के बारे में अतिरिक्त जानकारी प्रदान करने के लिए विशेषताओं का उपयोग किया जाता है।

आप आगे के chapter में विशेषताओं के बारे में ओर जानेंगे।

HTML Images

HTML images को <img> टैग के साथ परिभाषित (defined) किया गया है ।

The source file - (src), alternative (वैकल्पिक) text - ( alt), width, और height attributes के रूप में provide की जाती हैं:

Example

<img src="myImg.jpg" alt="mayanksalvi.blogspot.com" width="104" height="142">

 

How to View HTML Source?

क्या आपने कभी एक वेब पेज देखा है और सोचा है "अरे! उन्होंने ऐसा कैसे किया?"

View HTML Source Code:

एक HTML page में Right-click करें और " View Page Source " (in Chrome) या " View Source " (in Edge), या अन्य browsers में इसी तरह का चयन करें। यह page के HTML source code वाली एक विंडो खोलेगा।

Inspect an HTML Element:

किसी element (या blank area) पर Right-click करें, और "Inspect" या "Inspect Element" Select करें और देखें कि कौन-कौन से elements बने हैं (आप HTML और CSS दोनों को देखेंगे)। आप खुलने वाले Element या Styles panel में live, HTML or CSS को edit भी कर सकते हैं।

Also Read: 

Complete HTML Series In Hindi:  Click Here