HTML complete course in hindi

Basic HTML Tags

HTML Basic Tags वे Tags होते हैं, जो एक

HTML Document की Foundation रखते है। इसलिये इन्हे Foundation Tags भी कहते है। नीचे HTML Basic Tags की List और उनके उपयोग के बारे में बताया जा रहा है।

html full course in hindi

HTML complete course in hindi

<!DOCTYPE>

DOCTYPE Element का पूरा नाम Document

Type Definition होता है. DOCTYPE Element का उपयोग Document Type को Define करने के लिए किया जाता है। इसी की सहायता से हम browsers को बताते हैं । कि जो HTML document हमने बनाया है। वह किस version में बनाया है ?

for example :

<!DOCTYPE html>

<HTML>

HTML Element एक HTML Document का Root Element होता है। इससे HTML Document को Define किया जाता है। इसी tag से पता चलता है कि हमने जो document लिखा है वह HTML में है। इस tag को document के start तथा end में लगाते हैं।

Meta Tags

Meta Tags द्वारा एक Webpage के बारे में Information को लिखा जाता है. इस Information का उपयोग Search Engines द्वारा HTML Document के बारे में जानकारी लेने के लिए किया जाता है. नीचे मुख्य Meta Tags के नाम और उनके उपयोग के बारे में बताया है।

For Example:

<head>
  <meta charset="UTF-8">
  <meta name="description" content="HTML complete course in hindi">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Maxon">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<head>

< head> Element का पूरा नाम Header होता है. Header Element द्वारा एक Document के बारे में Information को Define किया जाता है. इसमें <title>, <style>, <script>, <link>, <meta> इन tags को दिया जाता है। इसको HTML Document में सिर्फ एक बार ही दिया जाता है। <head> tag को <html> tag के बाद और <body> tag से पहले दिया जाता है।

<head>.........</head>

<meta>

<base>

<base> Element का उपयोग एक Document में Related URLs के लिए एक Base URL Define करने के लिए किया जाता है। <base> tag द्वारा किसी HTML document के सभी URLs के लिए base URL specify किया जाता है। इसके बाद आपको पूरा URL लिखने के लिए आवश्यकता नहीं होती है। जब भी आप कोई URL add करते है तो base URL उस URL से पहले automatically prefix कर दिया जाता है।

<base href="https://www.codeinhindi.online/"  target="_blank">

<! -- -->

यह Comment Tag है. Comment Element का उपयोग

HTML Document में Comment Define करने के लिए किया जाता है। जब हम कोई HTML document लिखते हैं तो उसमें किसी section को याद के लिए commet tag का प्रयोग करते हैं।

<!--This is a comment. यह ब्राउज़र में दिखाई नहीं देगी । -->

<Title>

Title Element का उपयोग HTML Document का Title Define करने के लिए किया जाता है. Document Title हमें Browser Window में दिखाई देता है. Document Title को Head Element में लिखा जाता है.

<head>
  <title>Code in Hindi</title>
</head>

<Body>

Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है। यह HTML document के main content को define करता है।

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

<H1> to <H6>

ये Heading Elements हैं। <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Heading Elements द्वारा HTML Document में Headings को Define किया जाता है।

For Example:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<h1> – यह सबसे महत्वपूर्ण heading tag होता है। यह article की main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए। Search engine crawlers इस tag से पता लगाते है की कोई article किस बारे में है।

<h2> – यह sub-heading tag होता है। इसके द्वारा आप sub-headings define करते हैं। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है।

<h3> – यह minor heading tag होता है। इस heading के द्वारा आप sub-topics को भी कई minor topics में define करके दिखा सकते हैं।

<h4> – यह fourth level का heading tag होता है इससे आप और भी deep level पर content को sections में divide कर सकते है।

<h5> – यह fifth level heading tag होता है और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है।

<h6> – यह sixth level heading tag है इससे भी आप heading define कर सकते है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है।

<P>

इसे Paragraph Element कहते हैं। इसका उपयोग HTML Document में Paragraph Define करने के लिए किया जाता है। किसी भी वेबसाइट में कंटेंट बहुत जरूरी होता हैं ताकि उस वेबसाइट के पेज के बारे में यूजर पढ़ सकते हैं । HTML paragraph tag में टेक्स्ट को लिखा जाता हैं ।

<p>यह एक paragraph है।</p>

<Hr>

<hr> Element का पूरा नाम Horizontal Line है. Hr Element से HTML Document में Horizontal Line को Define किया जाता हैं।

<Br>

<br> Element का पूरा नाम Break है. Br Element का उपयोग Single Line Break देने के लिए किया जाता है. मतलब आप एक Line को अलग-अलग Line में तोडकर लिख सकते हैं।

Formatting Tags

Formatting HTML Tags वे Tags होते है, जिनसे Document Text की Formatting की जाती है. मतलब आप Text को किस प्रकार दिखाना चाहते है. नीचे कुछ मुख्य Formatting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<abbr>

<abbr> Element का पूरा नाम Abbreviation होता है. Abbreviation Element से Abbreviation Define किया जाता है।

<b>

<b> Element का पूरा नाम Bold है. Bold Element से Text को Bold (गहरा) किया जाता है।

<big>

Big Element से Text को Normal Size से बडा करने के लिए किया जाता है।

<blockquote>

Blockquote Element का उपयोग Document में Text को Quote करने के लिए किया जाता है। इसका मुख्य उपयोग अन्य Source से प्राप्त Data को Quote करने के लिए होता है।

<center>

इसे Center Element कहते है। इससे किसी HTML Element की Center Position को Define किया जाता है।

<code>

Code Element से Computer Code को Define किया जाता है।

<del>

<del> Element का पूरा नाम Delete है। Delete Element से Document से Delete Text को Define किया जाता है।

<em>

<em> Element का पूरा नाम Emphasize होता है। इससे Text को Emphasized किया जाता है।

<font>

Font Element से Text का Font, Color और Size Define किया जाता है।

<i>

<i> Element का पूरा नाम Italic है। इससे Text को Italic यानि तिरछा किया जाता है।

<ins>

<ins> Element का पूरा नाम Insert है। Insert Element से Delete किए गए Text की जगह पर लिखे गए Text को Define किया जाता है।

<mark>

Mark Element से Text को Highlight किया जाता है।

<pre>

<pre> Element का पूरा नाम Preformat है. इस Element से Preformatted Text को Define किया जाता है।

<q>

<q> Element का पूरा नाम Quotation है. Quotation Element से छोटा Quotation Define किया जाता है। जैस; किसी शब्द या शब्दांश को Quote करने के लिए <q> Element का उपयोग किया जाता है।

<small>

Small Element से Text को Normal Size से छोटा दिखाने के लिए किया जाता है।

<strike>

<strike> Element का पूरा नाम Strikethrough है। Strikethrough Element से Strikethrough Text को Define किया जाता है। इससे Text के बीछ में एक Line आ जाती है।

<strong>

इससे Important Text को Define किया जाता है।

<sub>

<sub> Element का पूरा नाम Subscript होता है। <sub> Element से Text को Subscript किया जाता है। Subscript टेक्स्ट सामान्य text से आधा नीचे दिखाई देता है, और कभी-कभी इसे छोटे फ़ॉन्ट में प्रस्तुत किया जाता है। सबस्क्रिप्ट टेक्स्ट का उपयोग रासायनिक फ़ार्मुलों के लिए किया जा सकता है, जैसे H2O

For Example

<p>H<sub>2</sub>O</p>

<sup>

<sup> Element का पूरा नाम Superscript है। इससे Text को Superscript किया जाता है।

Superscript टेक्स्ट सामान्य text से आधा ऊपर दिखाई देता है, और कभी-कभी इसे छोटे फ़ॉन्ट में प्रस्तुत किया जाता है। Superscript टेक्स्ट का उपयोग WWW[1] फुटनोट के लिए किया जा है।

For Example

<p>WWW<sup>[1]</sup></p>

<u>

<u> Element का पूरा नाम Underline होता है. इस Element से Text को Underline किया जाता है। मतलब Text के नीचे एक Line आ जाती है।

<style>

<img>

<img> Element का पूरा नाम Image होता है. इस Element द्वारा HTML Document में Image को लगाया जाता है। img tag एक empty टैग होता है, जिसका अर्थ है कि इसमें केवल attributes की सूची हो सकती है और इसका कोई end टैग नहीं होता है।

<map>

<map> Element से Image-Map को Define किया जाता है।

<area>

<area> Element से Image-Map में एक विशेष Area को Define किया जाता है।

<a>

<a> Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है। इस tag का use करके एक page को दूसरे page से जोड़ा जाता है।

<link>

Link Element का उपयोग External Document को HTML Document से जोडने के लिए किया जाता है। Links का उपयोग मूल रूप से एक पेज से दूसरे पेज पर जाने के लिए किया जाता है। Link बनाने के लिए <a> Tag का उपयोग किया जाता है।

Section Tags

Section Tags का उपयोग एक HTML Document को विभिन्न भागों में विभाजित करने के लिए किया जाता है। नीचे कुछ Section Tags के नाम और उनके उपयोग के बारे में बताया गया है।

<span>

<span> Element के द्वारा एक HTML Document में inline Sections बनाए जाते है. इसके द्वारा एक शब्द, Paragraph, Paragraphs का एक Section बना सकते है.

<div>

<div> Element का पूरा नाम Division है. Division Element से HTML Document में अलग-अलग Sections को Define किया जाता है।

List Tags

List Tags के द्वारा HTML Document में Lists बनाई जाती है। आप Number Lists, Bullet Lists,Order Lists, Unorder Lists और Definition Lists Create कर सकते है। नीचे Lists Tags के नाम और उनके उपयोग के बारे में बताया गया है।

<ul>

<ul> Element का पूरा नाम Unorder List होता है. Unorder List Element द्वारा Bullet Lists या Unorder Lists बनाई जाती है.

<ol>

<ol> Element का पूरा नाम Order List होता है. Order List Element द्वारा Number या Order Lists बनाई जाती है.

<li>

<li> Element का पूरा नाम List Item होता है. List Item Element द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है.

<dl>

<dl> Element का पूरा नाम Definition List होता है. Definition List Element द्वारा Definition Lists को Define किया जाता है.

<dt>

<dt> Element का पूरा नाम Definition Term होता है. Definition Term Element द्वारा Definition Term को Define किया जाता है.

<dd>

<dd> Element का पूरा नाम Definition Description होता है. Definition Description Element द्वारा Definition Terms के Description को Define किया जाता है।

Table Tags

Table Tags के द्वारा HTML Document में Table Create करने के लिए किया जाता है. Table से Data को Tabular Format में Present किया जाता है. नीचे Table Tags के नाम और उनके उपयोग के बारे में बताया गया है।

<table>

<table> Element से Table को Define किया जाता है.

<caption>

<caption> Element का उपयोग Table Caption यानि शीर्षक Define करने के लिए किया जाता है.

<th>

<th> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Table Header यानि Cells को Define किया जाता है.

<tr>

<tr> Element का पूरा नाम Table Row होता है. Table Row Element द्वारा Table Row को Define किया जाता है.

<td>

<td> Element का पूरा नाम Table Data होता है. Table Data Element द्वारा Table Data को Define किया जाता है. यानि जो Data हम Table में लिखना चाहता है.

<thead>

<thead> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Header Content का Group बनाया जाता है.

<tbody>

<tbody> Element का पूरा नाम Table Body होता है. Table Body Element द्वारा Table के Body Content को Group किया जाता है.

<tfoot>

<tfoot> Element का पूरा नाम Table Footer होता है. Table Footer द्वारा Footer Content को Group किया जाता है।

Forms & Input Tags

Form Tags का उपयोग एक HTML Document में अलग-अलग प्रकार के Forms बनाने के लिए किया जाता है. नीचे Form Tags के नाम और उनके उपयोग के बारे में बताया गया है.

<form>

<form> Element का उपयोग HTML Document में Form Create करने के लिए किया जाता है.

<input>

<input> Element का उपयोग HTML Form में विभिन्न प्रकार के Input Controls Create करने के लिए किया जाता है.

<textarea>

<textarea> Element द्वारा Form में Text Area बनाया जाता है.

<button>

<button> Element से Form में Buttons बनाए जाते है.

<option>

<option> Element के द्वारा Drop-Down List में Options बनाने के लिए किया जाता है.

<optgroup>

<optgroup> Element का पूरा नाम Option Group होता है. इस Element द्वारा Drop-Down List मे एक प्रकार एक Options का एक Group बनाया जाता है.

<label>

<label> Element द्वारा एक Input Element के लिए Label को Define किया जता है।

Scripting और Programming Tags

Scripting Tags द्वारा एक HTML Document में कुछ Programming Codes को लिखा जाता है. नीचे Scripting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है।

<script>

<noscript>

Frame Tags

Frame Tags द्वारा एक HTML Document को कई Frames में बाँटा जा सकता है। मतलब एक Document को कई अलग-अलग Window बनाकर उनमे अलग-अलग Data Show करा सकते है। Frame का अब ज्यादा उपयोग नही किया जाता है। फिर भी जानकारी देने के लिए हमने Frame Tag के बारे में नीचे बताया है।

<frame>

<frame> Element के द्वारा HTML Document में Frames को Define किया जाता है।

<frameset>

<frameset> Element द्वारा एक Frameset को Define किया जाता है. Frameset को Frame Tag द्वारा अलग-अलग Rows और Columns में बाँटा जाता है।

<noframes>

<noframes> Element द्वारा उन ब्राउजरों एक लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Frames को Support नही करते है।

<iframe>

<audio>

<audio> टैग का उपयोग किसी दस्तावेज़ में Audio को एम्बेड करने के लिए किया जाता है, जैसे Songs या अन्य ऑडियो स्ट्रीम। Audio टैग में अलग-अलग ऑडियो source वाले एक या अधिक source टैग होते हैं। ब्राउज़र पहले source का चयन करता है। <audio> और </audio> टैग के बीच का text केवल उन ब्राउज़र में दिखाई देता है जो <audio> tag का समर्थन नहीं करते हैं।

HTML में तीन formate MP3, WAV और OGG में audio को use किया जाता है।

<video>

<video> टैग का उपयोग किसी दस्तावेज़ में Video को एम्बेड करने के लिए किया जाता है, जैसे वीडियो clip या अन्य वीडियो स्ट्रीम। Video टैग में अलग-अलग वीडियो source वाले एक या अधिक source टैग होते हैं। ब्राउज़र पहले source का चयन करता है। <video> और </video> टैग के बीच का text केवल उन ब्राउज़र में दिखाई देता है जो <video> tag का समर्थन नहीं करते हैं।

HTML में तीन formate MP4, WebM और OGG में video को use किया जाता है।

<wbr>

<wbr>(वर्ड ब्रेक अपॉर्चुनिटी) tag यह निर्दिष्ट करता है कि टेक्स्ट में कहां लाइन-ब्रेक जोड़ना ठीक रहेगा।

जब कोई text बहुत लंबा होता है, तो ब्राउज़र गलत जगह पर उसे तोड़ सकता है। text को सही जगह break line देने के लिए आप <wbr> tag का उपयोग कर सकते हैं।

अगर आपको यह पोस्ट 📑 पसंद आई हो तो अपने मित्रों के साथ जरूर शेयर करें। धन्यवाद !

HTML complete course in hindi

HTML complete course in hindi

Basic HTML Tags

html full course in hindi

HTML complete course in hindi

Meta Tags

Formatting Tags

Section Tags

List Tags

Table Tags

Forms & Input Tags

Scripting और Programming Tags

Frame Tags

Post a Comment