Computer in Hindi | Business in Hindi: HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Friday, September 23, 2022

HTML me marquee ka use Kaise Kare

September 23, 2022 0
HTML me marquee ka use Kaise Kare

 marquee ki definition

HTML <marquee> टैग का उपयोग सेटिंग्स के आधार पर आपके वेब साइट पृष्ठ पर क्षैतिज रूप से या लंबवत रूप से प्रदर्शित टेक्स्ट या छवि के टुकड़े को स्क्रॉल करने के लिए किया जाता है।


HTML me marquee ka use


Specific Attributes

HTML <marquee> टैग निम्नलिखित अतिरिक्त विशेषताओं का भी समर्थन करता है -

AttributeValueDescription
behaviorscroll
slide
alternate
स्क्रॉलिंग के प्रकार को परिभाषित करता है।
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Deprecated - सामग्री को स्क्रॉल करने की दिशा को परिभाषित करता है।
directionup
down
left
right
सामग्री स्क्रॉल करने की दिशा को परिभाषित करता है।
heightpixels or %marquee की ऊंचाई को परिभाषित करता है।
hspacepixelsmarquee के चारों ओर क्षैतिज स्थान निर्दिष्ट करता है।
loopnumberनिर्दिष्ट करता है कि कितनी बार लूप करना है। डिफ़ॉल्ट मान अनंत है, जिसका अर्थ है कि मार्की अंतहीन रूप से लूप करता है।
scrolldelaysecondsपरिभाषित करता है कि प्रत्येक छलांग के बीच कितनी देर तक देरी करनी है।
scrollamountnumberपरिभाषित करता है कि कितनी दूर कूदना है।
widthpixels or %marquee की चौड़ाई को परिभाषित करता है।
vspacepixelsmarquee के चारों ओर लंबवत स्थान निर्दिष्ट करता है।

Browser Support


marquee in HTML
marquee in HTML




Thursday, September 22, 2022

html me background image kaise lagaye

September 22, 2022 0
html me background image kaise lagaye

 HTML एलीमेंट पर बैकग्राउंड इमेज जोड़ने के लिए, HTML style एट्रिब्यूट और CSS बैकग्राउंड-इमेज प्रॉपर्टी का उपयोग करें:


आप <head> अनुभाग में <style> तत्व में पृष्ठभूमि छवि भी निर्दिष्ट कर सकते हैं:


<h2>Background Image</h2>


<p>A background image for a p element:</p>


<p style="background-image: url('img_girl.jpg');">

You can specify background images<br>

for any visible HTML element.<br>

In this example, the background image<br>

is specified for a p element.<br>

By default, the background-image<br>

will repeat itself in the direction(s)<br>

where it is smaller than the element<br>

where it is specified. (Try resizing the<br>

browser window to see how the<br>

background image behaves.

</p>


Check also :- HTML marquee TAG in Hindi 

HTML me background image kaise lagaye


Background Image on a Page

यदि आप चाहते हैं कि पूरे पृष्ठ में पृष्ठभूमि छवि हो, तो आपको <body> तत्व पर पृष्ठभूमि छवि निर्दिष्ट करनी होगी:

<html>

<head>

<style>

body {

  background-image: url('img_girl.jpg');

}

</style>

</head>

<body>


<h2>Background Image</h2>


<p>Image will be reeted.</p>


</body>

</html>



Background Repeat in HTML

यदि पृष्ठभूमि छवि तत्व से छोटी है, तो छवि तब तक क्षैतिज और लंबवत रूप से दोहराएगी, जब तक कि वह तत्व के अंत तक नहीं पहुंच जाती:


<html>

<head>

<style>

body {

  background-image: url('example_img_girl.jpg');

}

</style>

</head>

<body>


<h2>Background Repeat</h2>


<p>Image will be repeted itself.</p>


</body>

</html>


बैकग्राउंड इमेज को खुद को दोहराने से रोकने के लिए, background-repeat प्रॉपर्टी को no-repeat पर सेट करें।


Background Cover

यदि आप चाहते हैं कि पृष्ठभूमि छवि पूरे तत्व को कवर करे, तो आप background-size की संपत्ति को cover करने के लिए सेट कर सकते हैं।


साथ ही, यह सुनिश्चित करने के लिए कि संपूर्ण तत्व हमेशा कवर किया जाता है, background-attachment संपत्ति को fixedपर सेट करें:


इस तरह, पृष्ठभूमि छवि पूरे तत्व को कवर करेगी, बिना किसी खिंचाव के (छवि अपने मूल अनुपात को बनाए रखेगी):


<html>

<head>

<style>

body {

  background-image: url('img_girl.jpg');

  background-repeat: no-repeat;

  background-attachment: fixed;  

  background-size: cover;

}

</style>

</head>

<body>


<h2>Background Cover</h2>


<p>Set image</p>


</body>

</html>




Background Stretch

यदि आप चाहते हैं कि पृष्ठभूमि छवि पूरे तत्व में फिट हो जाए, तो आप background-size की संपत्ति को 100% 100% पर सेट कर सकते हैं:


<html>

<head>

<style>

body {

  background-image: url('img_girl.jpg');

  background-repeat: no-repeat;

  background-attachment: fixed; 

  background-size: 100% 100%;

}

</style>

</head>

<body>


<h2>Background Stretch</h2>


<p>Strech images</p>


</body>

</html>



ब्राउज़र विंडो का आकार बदलने का प्रयास करें, और आप देखेंगे कि छवि खिंच जाएगी, लेकिन हमेशा पूरे तत्व को कवर करें।

Tuesday, September 8, 2020

HTML Links in Hindi, href tag, Mailto In HTML and more

September 08, 2020 0
HTML Links in Hindi, href tag, Mailto In HTML and more

HTML Links in Hindi - Hyperlinks

HTML Link hyperlinks हैं।

आप एक
Link पर क्लिक करके दूसरे डॉक्यूमेंट पर जा सकते हैं।

जब आप किसी
HTML Link पर माउस ले जाते हैं, तो माउस एरो एक छोटे से Hand में बदल जाएगा।

HTML href Tag in Hindi - Syntax


HTML <a> Tag hyperlink को परिभाषित करता है। इसमें निम्नलिखित सिंटैक्स है:

<a> element का सबसे महत्वपूर्ण गुण href विशेषता है, जो Html Link के destination को इंगित करता है।
HTML Link पाठ वह हिस्सा है जो पाठक को दिखाई देगा।
 

Html Link text पर क्लिक करने से, पाठक को निर्दिष्ट URL पते पर भेज दिया जाएगा।

डिफ़ॉल्ट रूप से, लिंक सभी ब्राउज़रों में निम्नानुसार दिखाई देंगे:

  •     एक unvisited link underlined और नीला है
  •     एक visited link is underlined और बैंगनी है
  •     एक active link is underlined और लाल है

HTML Links in Hindi - The target Attribute

डिफ़ॉल्ट रूप से, लिंक किए गए HTML Page को current browser window में प्रदर्शित किया जाएगा। इसे बदलने के लिए, आपको लिंक के लिए एक और लक्ष्य बताना होगा।

target attribute in HTML निर्दिष्ट दस्तावेज़ को खोलने के लिए कहाँ निर्दिष्ट करती है।

target attribute में निम्न मान हो सकते हैं:

  •     _self  - डिफ़ॉल्ट दस्तावेज़ को उसी विंडो / टैब में खोलता है जैसे उसे क्लिक किया गया था
  •     _blank - दस्तावेज़ को एक नई विंडो या टैब में खोलता है
  •     _parent - मूल फ़्रेम में दस्तावेज़ खोलता है
  •     _top - विंडो के पूर्ण निकाय में दस्तावेज़ खोलता है
target attribute in HTML
target attribute in HTML

Absolute URLs and Relative URLs in HTML in Hindi


ऊपर दिए गए दोनों उदाहरण href विशेषता में एक Absolute URL (एक पूर्ण वेब पते) का उपयोग कर रहे हैं।

एक स्थानीय लिंक (उसी वेबसाइट के एक HTML Page का लिंक) एक संबंधित URL ("https: // www" भाग के बिना) के साथ निर्दिष्ट है:

 

Absolute URLs in HTML in Hindi
Absolute URLs in HTML in Hindi

HTML Links in Hindi - Use an Image as a Link


लिंक के रूप में एक छवि का उपयोग करने के लिए, बस <img> Tag को <a> Tag के अंदर रखें:

 

HTML Links in Hindi - Use an Image as a Link
HTML Links in Hindi - Use an Image as a Link

HTML Link to an Email Address With HTML Links

Mailto In HTML:- उपयोगकर्ता को ईमेल प्रोग्राम खोलने वाला लिंक बनाने के लिए href attribute के अंदर (उन्हें एक नया ईमेल भेजने के लिए):

 

Mailto In HTML
Mailto In HTML

Button as a Link In HTML In Hindi

एक लिंक के रूप में HTML बटन का उपयोग करने के लिए, आपको कुछ जावास्क्रिप्ट कोड जोड़ना होगा।

Javascript आपको यह निर्दिष्ट करने की अनुमति देता है कि कुछ घटनाओं पर क्या होता है, जैसे कि एक बटन पर क्लिक:

Button as a Link In HTML In Hindi
Button as a Link In HTML In Hindi

HTML Link Titles


HTML link विशेषता किसी तत्व के बारे में अतिरिक्त जानकारी निर्दिष्ट करती है। जानकारी को अक्सर टूलटिप पाठ के रूप में दिखाया जाता है जब माउस Element/HTML link पर चलता है।


HTML Link In Hindi
HTML Link In Hindi

Friday, September 4, 2020

Color Values in HTML in hindi or hex color codes, rgb color codes and many more

September 04, 2020 0
Color Values in HTML in hindi or hex color codes, rgb color codes and many more

HTML Colors

HTML में, एक Color नाम का उपयोग करके एक Color निर्दिष्ट किया जा सकता है:


HTML background color

आप HTML elements के लिए background color सेट कर सकते हैं:

HTML background color
HTML background color

HTML background color Example : - 



HTML background color Example
HTML background color Example


HTML Text Color

आप HTML Text color निर्धारित कर सकते हैं:

HTML Text color
HTML Text color
HTML Color Example
 
HTML Color Example
HTML Color Example

HTML Border Color


आप borders का रंग निर्धारित कर सकते हैं:


HTML Border Color
HTML Border Color


HTML Color Value


HTML में, colors को RGB value, HEX
value, HSL value, RGBA value और HSLA value का उपयोग करके भी निर्दिष्ट किया जा सकता है।

निम्नलिखित तीन <div> elements का RGB, HEX और HSL Values के साथ background color सेट है:



HTML Color Value
HTML Color Value


निम्नलिखित दो <div>
elements में RGBA और HSLA Values के साथ उनका background color सेट है, जो रंग में एक अल्फा चैनल जोड़ता है (यहां हमारे पास 50% पारदर्शिता है):

HTML Color Value Example

HTML Color Value Example
HTML Color Value Example

RGB Color Values


HTML में, इस सूत्र का उपयोग करके एक रंग को RGB Value के रूप में निर्दिष्ट किया जा सकता है:

rgb(red, green, blue)


प्रत्येक पैरामीटर (लाल, हरा और नीला) 0 और 255 के बीच के मूल्य के साथ रंग की तीव्रता (intensity) को परिभाषित करता है।

इसका मतलब है कि 256 x 256 x 256 = 16777216 संभव रंग हैं!

उदाहरण के लिए,
RGB (255, 0, 0) को लाल रंग के रूप में प्रदर्शित किया जाता है, क्योंकि लाल अपने उच्चतम मूल्य (255) पर सेट है, और अन्य दो (हरा और नीला) 0 पर सेट हैं।

एक अन्य उदाहरण, RGB (0, 255, 0) को हरे रंग के रूप में प्रदर्शित किया जाता है, क्योंकि हरे रंग को इसके उच्चतम मूल्य (255) पर सेट किया जाता है, और अन्य दो (लाल और नीले) को 0 पर सेट किया जाता है।

काला प्रदर्शित करने के लिए, सभी
color parameters को 0 पर सेट करें, जैसे: RGB (0, 0, 0)।

सफेद प्रदर्शित करने के लिए, सभी color parameters को 255 पर सेट करें, इस तरह:
RGB (255, 255, 255)।

RGB Color Values
RGB Color Values

HTML RGBA Color Values with ALPHA


RGBA color value एक अल्फा चैनल के साथ RGB
color values का एक विस्तार है - जो एक रंग के लिए opacity निर्दिष्ट करता है।

RGBA color मान के साथ निर्दिष्ट किया गया है:

  
rgba(red, green, blue, alpha)

अल्फा पैरामीटर 0.0 (पूरी तरह से पारदर्शी) और 1.0 (not transparent at all) के बीच एक संख्या है:

नीचे दिए गए RGBA मूल्यों को मिलाकर प्रयोग करें:


HTML RGBA Color Values with ALPHA
HTML RGBA Color Values with ALPHA

HTML HEX Color Values

HTML में, प्रपत्र में hexadecimal value का उपयोग करके एक color निर्दिष्ट किया जा सकता है:

#rrggbb

जहाँ rr (लाल), gg (हरा) और bb (नीला) 00 और ff (दशमलव 0-255 के समान) के बीच हेक्साडेसिमल मान हैं।

उदाहरण के लिए, # ff0000 को लाल के रूप में प्रदर्शित किया जाता है, क्योंकि लाल अपने उच्चतम मूल्य (ff) पर सेट है, और अन्य दो (हरे और नीले) 00 पर सेट हैं।

एक और उदाहरण, # 00ff00 को हरे रंग के रूप में प्रदर्शित किया जाता है, क्योंकि हरे रंग को इसके उच्चतम मूल्य (एफएफ) पर सेट किया जाता है, और अन्य दो (लाल और नीले) को 00 पर सेट किया जाता है।

काला प्रदर्शित करने के लिए, सभी रंग मापदंडों को 00 पर सेट करें, जैसे: # 000000।

सफेद प्रदर्शित करने के लिए, सभी रंग मापदंडों को ff पर सेट करें, जैसे: #ffffff।

नीचे दिए गए HEX values को मिलाकर प्रयोग करें:


HTML HEX Color Values
HTML HEX Color Values

HTML HSL Color Values

HTML में, रंग, संतृप्ति, और लपट (HSL) के रूप में निर्दिष्ट किया जा सकता है:

hsl(hue, saturation, lightness)

रंग 0 से 360 तक रंग पहिया पर एक डिग्री है। 0 लाल है, 120 हरा है, और 240 नीला है।

संतृप्ति एक प्रतिशत मूल्य है, 0% का अर्थ है ग्रे की छाया, और 100% पूर्ण रंग है।

लपट भी एक प्रतिशत मूल्य है, 0% काला है, और 100% सफेद है।

नीचे दिए गए HSL Values को मिलाकर प्रयोग करें:


HTML HSL Color Values
HTML HSL Color Values

Monday, August 31, 2020

HTML blockquote tag, address tag, cite tag, bdo tag and Many more

August 31, 2020 0
HTML blockquote tag, address tag, cite tag, bdo tag and Many more
इस chapter में हम <blockquote>, <q>, <abbr>, <address>, <cite>, और <bdo> HTML Element अध्ययन करेगा।

HTML <blockquote> for Quotations

HTML <blockquote> Tag Element एक section को परिभाषित करता है जिसे किसी अन्य स्रोत से उद्धृत (quoted) किया जाता है।

Browsers आमतौर पर <blockquote> elments को इंडेंट करते हैं।



blockquote tag in HTML in Hindi
blockquote tag in HTML in Hindi

OUTPUT
 

 
html blockquote tag
html blockquote


HTML <q> for Short Quotations

HTML <q> Tag short quotation को परिभाषित करता है।

Browsers normally रूप से quotation के आसपास quotation चिह्नों को सम्मिलित करते हैं।



HTML <q> Tag in hindi
HTML <q> Tag

abbr Tag in HTML for Abbreviations


HTML <abbr> Tag "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM" जैसे किसी संक्षिप्त या संक्षिप्त नाम को परिभाषित करता है।

abbreviations (संक्षिप्तीकरण) ब्राउज़र, translation systems और search-engines को उपयोगी जानकारी दे सकता है।

<abbr> Tag in HTML
HTML <abbr> Tag in HTML

Note: जब आप Element पर माउस रखते हैं, तो संक्षिप्त abbreviation/acronym विवरण के लिए global title attribute का उपयोग करें।

HTML <address> Tag In HTML for Contact Information


HTML <address> Tag author/owner दस्तावेज़ या एक लेख के मालिक के लिए संपर्क जानकारी को परिभाषित करता है।

संपर्क जानकारी एक ईमेल पता, URL, भौतिक पता, फ़ोन नंबर, सोशल मीडिया हैंडल आदि हो सकती है।

<address> Element का पाठ आमतौर पर इटैलिक में प्रस्तुत होता है, और ब्राउज़र हमेशा
<address> Element से पहले और बाद में एक line break in HTML जोड़ देगा।


 <address> Tag In HTML
 <address> Tag In HTML

HTML <cite> Tag for Work Title


HTML <cite> Tag एक रचनात्मक कार्य (जैसे एक पुस्तक, एक कविता, एक गीत, एक फिल्म, एक पेंटिंग, एक मूर्तिकला, आदि) के शीर्षक को परिभाषित करता है।

नोट: किसी व्यक्ति का नाम किसी काम का शीर्षक नहीं है।

<cite> element का Text आमतौर पर इटैलिक में प्रस्तुत होता है।


HTML <cite> Tag in HIndi
HTML <cite> Tag

HTML <bdo> Tag for Bi-Directional Override


BDO का उद्देश्य  Bi-Directional Override है।

HTML <bdo> Tag का उपयोग वर्तमान पाठ दिशा को
Override करने के लिए किया जाता है:


HTML <bdo> Tag for Bi-Directional Override
HTML <bdo> Tag for Bi-Directional Override

Sunday, August 30, 2020

HTML Style Attribute, Background Color, Text Color, Fonts in HTML and more

August 30, 2020 0
HTML Style Attribute, Background Color, Text Color, Fonts in HTML and more

HTML style attribute का उपयोग styles को किसी element में जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार और बहुत कुछ।
 
HTML in Hindi tutorial
HTML in Hindi tutorial

 HTML Style Attribute

Style Attribute of an HTML element , Style attribute के साथ सेट किया जा सकता है।

HTML style attribute में निम्नलिखित syntax है:

 

HTML Attribute syntax
HTML Attribute syntax

Background Color With HTML Attribute 


CSS background-color प्रॉपर्टी एक HTML Element के लिए
background-color को परिभाषित करती है।

Background Color With HTML Attribute
Background Color With HTML Attribute 

Text Color With HTML style attribute

CSS color Property HTML element के लिए text color को परिभाषित करता है:

Text Color With HTML style attribute
Text Color With HTML style attribute

Fonts in HTML

CSS font-family  property HTML Element के लिए उपयोग किए जाने वाले  font को परिभाषित करती है:

Fonts in HTML in Hindi
Fonts in HTML

Text Size in HTML

CSS font-size की संपत्ति HTML Element के लिए Text-Size को परिभाषित करती है:
Text Size in HTML
Text Size in HTML

Text Alignment In HTML In Hindi


CSS Text Alignment property HTML Element के लिए  horizontal text alignment को परिभाषित करता है:

 
Text Alignment In HTML with the help of style Attribute in HTML
Text Alignment In HTML with the help of style Attribute in HTML

Style Attribute in HTML Chapter Summary


    HTML Element को style करने के लिए styling HTML elements का उपयोग करें
    background-color के लिए बैकग्राउंड कलर का इस्तेमाल करें
    टेक्स्ट HTML color के लिए color का उपयोग करें
    Text Fonts के लिए font-family का उपयोग करें
    font-size के लिए font-size का उपयोग करें
    text alignment के लिए text-align का उपयोग करें

Tuesday, August 25, 2020

HTML paragraph tag,horizontal line HTML,br tag and pre tag in HTML in hindi

August 25, 2020 0
HTML paragraph tag,horizontal line HTML,br tag and pre tag in HTML in hindi

HTML Paragraphs in Hindi

HTML <p> Element एक HTML Paragraphs Tag को परिभाषित करता है।


HTML Paragraphs in Hindi
html paragraph tag

एक HTML Paragraphs Tag हमेशा एक नई लाइन पर शुरू होता है, और एक पैराग्राफ से पहले और बाद में ब्राउज़र स्वचालित रूप से कुछ सफेद स्थान (एक मार्जिन) जोड़ते हैं।

Example

<p>HTML Heading Tag in hindi</p>

HTML Display

आप सुनिश्चित नहीं हो सकते कि HTML कैसे प्रदर्शित होगी।

बड़ी या छोटी स्क्रीन, और आकार की खिड़कियां अलग-अलग परिणाम पैदा करेंगी।

HTML के साथ, आप अपने HTML कोड में अतिरिक्त Space या अतिरिक्त Lines जोड़कर प्रदर्शन को बदल नहीं सकते।

पृष्ठ प्रदर्शित होने पर ब्राउज़र स्वचालित रूप से किसी भी अतिरिक्त स्थान और लाइनों को हटा देगा:

Example


 <p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p> 


hr tag in HTML in Hindi / horizontal line in 

HTML


<hr> Tag HTML पृष्ठ में एक thematic break को परिभाषित करता है, और इसे अक्सर एक क्षैतिज नियम के रूप में प्रदर्शित किया जाता है।

HTML Page में सामग्री को अलग करने (या किसी परिवर्तन को परिभाषित करने) के लिए <hr> element का उपयोग किया जाता है:

<hr> tag एक empty tag है, जिसका अर्थ है कि इसका कोई end tag नहीं है।

Line Breaks in HTML in Hindi / br tag html


HTML <br> Element Line Break को परिभाषित करता है।

यदि आप एक नया paragraph शुरू किए बिना एक Line Break (एक नई लाइन) चाहते हैं तो प्रयोग करें:

Example:-

 <p>This is<br>a paragraph<br>with line breaks.</p>

<br> Tag एक empty tag है, जिसका अर्थ है कि इसका कोई end tag नहीं है।

pre tag in Html in Hindi

यह कविता एक पंक्ति में प्रदर्शित होगी:

Example

 <p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p> 



HTML <pre> element preformatted text को परिभाषित करता है।

 <pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>


<pre> तत्व के अंदर का पाठ एक fixed-width font (आमतौर पर कूरियर) में प्रदर्शित किया जाता है, और यह रिक्त स्थान और Line brake दोनों को संरक्षित करता है:

Saturday, August 22, 2020

HTML Heading h1 tag and html header tag in hindi

August 22, 2020 1
HTML Heading h1 tag and html header tag in hindi

HTML Heading Tag In Hindi

<H1>, <h2>, <h3>, <h4>, <h5>, और <h6> तत्वों को महत्व के अवरोही क्रम में शीर्ष बनाने के लिए उपयोग किया जाता है जहां <h1> सबसे महत्वपूर्ण है और <h6> सबसे कम ।


HTML Heading h1 tag and html header tag in hindi
HTML Heading h1 tag and html header tag in hindi

Content Headings in HTML


छह HTML heading tags Content लेखन का एक महत्वपूर्ण हिस्सा हैं। कुछ हद तक स्पष्ट रूप से वे भरने के अलावा (लोग कभी-कभी चीजों के शीर्ष पर सुर्खियों में आना चाहते हैं),
heading tags का भी SEO मूल्य है, आपको एक अधिक संगठित लेखक बनने में मदद करता है, और पृष्ठों को अधिक उपयोगकर्ता के अनुकूल बनाता है।
शीर्षक टैग और एसईओ

दो चीजें हैं जो एक search engine आपके पृष्ठ के बारे में जानने की कोशिश
करता है:
  •     यह किस बारे में है?
  •     कितना अच्छा है?

आम तौर पर, किसी पृष्ठ के लिंक को गुणवत्ता के माप के रूप में उपयोग किया जाता है (यह कितना अच्छा है) और ऑन-पेज विश्लेषण का उपयोग यह पता लगाने के लिए किया जाता है कि पृष्ठ क्या है। (यहाँ कुछ ओवरलैप है: Google पृष्ठ को देखकर पृष्ठ की गुणवत्ता के बारे में कुछ निर्णय करता है, और यह भी पता लगाने की कोशिश करता है कि पृष्ठ उस बारे में क्या कह रहा है, जब वे उससे लिंक करते हैं। कई (कई) चीजें जो Google और अन्य खोज इंजनों को देखती हैं, यह निर्धारित करती हैं कि पृष्ठ की Content वे शब्द हैं जो शीर्षक टैग के अंदर दिखाई देते हैं। इसीलिए, यदि आप विशेष शब्दों या वाक्यांशों के लिए रैंक करने का प्रयास कर रहे हैं, तो उन शब्दों और वाक्यांशों को अपने
heading tags में शामिल करना वास्तव में एक विचार है।

HTML Heading Tag Help To Organized Writing

जब लोग heading tags (जैसे कि हाथ से लिखते हुए या एमएस वर्ड जैसे विजुअल एडिटर में) का उपयोग किए बिना लिखते हैं, तो वे अक्सर केवल पाठ की लंबी, अटूट धाराओं में लिखते हैं जो बहुत लंबे समय तक चलते हैं। या, इससे भी बदतर, वे visual headlines जोड़ सकते हैं (बोल्ड, सभी कैप, बड़े पाठ, या कुछ और के साथ। यह बहुत आम है, जैसा कि लोगों को सहज रूप से पता है कि उन्हें पाठ को smaller chunks में तोड़ देना चाहिए। इसके साथ समस्या यह है कि यह है) तब यह स्पष्ट नहीं है कि एक-दूसरे से संबंधित विभिन्न खंड कैसे हैं। क्या 15 वीं फ़ॉन्ट के साथ वाला अनुभाग 14 वें बोल्ड फ़ॉन्ट के साथ भाग सुर्खियों का एक हिस्सा माना जाता है? अक्सर, लेखक को भी नहीं पता है क्योंकि वे वास्तव में सोचते नहीं थे इसके बारे में।


HTML Headline tags create a content hierarchy

किसी एक पृष्ठ पर सामग्री का एक टुकड़ा (जिसमें अधिकांश पृष्ठ होने चाहिए), उस सामग्री का मुख्य शीर्षक <h1> टैग होना चाहिए। उस सामग्री के भीतर के प्रमुख वर्गों को <h2> के साथ शीर्षक दिया जाना चाहिए। उन अनुभागों के भीतर सदस्यता <h3> के साथ होनी चाहिए, और इसी तरह। अपने शीर्षक टैग से एक रूपरेखा निकालना संभव होना चाहिए। (वास्तव में, हम ऐसा करते हैं - पृष्ठ के शीर्ष पर सामग्री विजेट देखें।) यह संरचना लेखन को अधिक संगठित बनाती है, जो (कम से कम 99% समय) भी लेखन को बेहतर बनाता है।

Using HTML headline tags to structure your content

आम तौर पर बोलना, दो प्रकार के सामग्री पृष्ठ होते हैं: एकल सामग्री पृष्ठ (जो सामग्री का एक टुकड़ा पेश करते हैं) और सूचकांक पृष्ठ (जो सामग्री के एक समूह को सूचीबद्ध करते हैं)। इंडेक्स पेज में साइट, श्रेणी और टैग अभिलेखागार के मुख्य ब्लॉग पेज, लेखक पृष्ठ शामिल हैं जो लेखक द्वारा लिखे गए सभी लेखों को सूचीबद्ध करते हैं, और इसी तरह। फिर कंटेंट (साइडबार, विजेट्स, फुटर्स) भी है जो लगभग हर पेज पर दिखाई देता है और जो वास्तव में कंटेंट नहीं है। " आप इन स्थितियों में शीर्षक टैग का उपयोग कैसे करते हैं, इसका प्रभाव SEO और प्रयोज्य पर पड़ सकता है।


<h1> and <h2> elements

आपकी साइट पर एकल सामग्री पृष्ठों पर, उस विशेष सामग्री का शीर्षक लगभग हमेशा <h1> टैग में <body> के शीर्ष के पास होना चाहिए। फिर, जैसा कि ऊपर उल्लेख किया गया है, लेख के भीतर आपके अनुभाग <h2> टैग का उपयोग कर सकते हैं।


HTML Headings in hindi
HTML Headings in hindi

एक इंडेक्स पेज पर, आमतौर पर या तो साइट के शीर्षक को <h1> टैग में डालने के लिए, या इंडेक्स नाम को वहां रखने के लिए समझ में आता है: श्रेणी का नाम, लेखक का नाम, या जो कुछ भी है वह उस पृष्ठ को परिभाषित करता है। फिर सभी व्यक्तिगत टुकड़ों के शीर्षक जो वहां सूचीबद्ध हैं, उनके शीर्षकों के लिए <h2> तत्व होना चाहिए



HTML Headings in hindi
HTML Headings in hindi

अतीत में साइट-शीर्षक के लिए <h2> टैग का उपयोग करना आम बात हो गई है जब यह एकल-सामग्री पृष्ठों पर दिखाई देता है।

HTML Tag In Hindi
HTML Tag In Hindi

Monday, August 17, 2020

Learn about all the HTML Attributes in Hindi

August 17, 2020 0
Learn about all the HTML Attributes in Hindi


<input step=””> HTML Attributes in Hindi- आधारित number-based input में मान्य मानों के बीच अंतराल को निर्दिष्ट करता है।

Required HTML For Input Required: कोड प्राप्त करें अब निर्दिष्ट करता है कि इनपुट फ़ील्ड की आवश्यकता है; यदि आवश्यक फ़ील्ड खाली है, तो उपयोगकर्ता को सबमिट करना और अलर्ट करना बंद कर देता है।


यदि आप इनपुट मूल्य संपादित नहीं करना चाहते हैं, तो प्रयोग के मूल्य को संपादित करने से उपयोगकर्ता को रोकें।


<input placeholder=””> -
आधारित इनपुट में प्लेसहोल्डर टेक्स्ट को निर्दिष्ट करता है।


Input Pattern: एचटीएमएल 5 में बुनियादी डेटा सत्यापन को जोड़ने के लिए इसका उपयोग करें एक नियमित अभिव्यक्ति निर्दिष्ट करता है जिसके खिलाफ इनपुट के मूल्य को मान्य किया जाता है।


<input multiple> HTML Attribute in Hindi उपयोगकर्ता को फ़ाइल अपलोड या ईमेल इनपुट में कई मान दर्ज करने की अनुमति देता है।


<input min=””> - संख्या और दिनांक इनपुट फ़ील्ड के लिए एक न्यूनतम मान निर्दिष्ट करता है।


<input max=””> - संख्या और दिनांक इनपुट फ़ील्ड के लिए एक अधिकतम मूल्य निर्दिष्ट करता है।

<input list=””> -एक <datalist> तत्व की आईडी को निर्दिष्ट करता है जो इनपुट क्षेत्र के लिए autocomplete सुझावों की एक सूची प्रदान करता है।

<input height=””> HTML Attribute in Hindi एक छवि इनपुट की ऊंचाई निर्दिष्ट करता है।


<input formtarget=””> - ब्राउज़िंग संदर्भ निर्दिष्ट करता है जिसमें फ़ॉर्म सबमिट करने के बाद सर्वर से प्रतिक्रिया को खोलना है। केवल "submit" या "image" के इनपुट प्रकारों पर उपयोग के लिए।


<input formmethod=
””> जब फॉर्म डेटा सर्वर पर सबमिट किया जाता है तो HTTP विधि (GET या POST) का उपयोग करने के लिए निर्दिष्ट करता है। केवल "submit" या "image" के इनपुट प्रकारों पर उपयोग के लिए।
<input formaction=””> - फ़ॉर्म सबमिट करने के लिए URL निर्दिष्ट करता है। केवल टाइप = "सबमिट" और टाइप = "इमेज" के लिए इस्तेमाल किया जा सकता है।



<input autofocus> HTML Attribute in Hindi निर्दिष्ट करता है कि इनपुट क्षेत्र पृष्ठ लोड पर तुरंत ध्यान केंद्रित करना चाहिए।


<iframe sandbox=””> -  iframe पर सुरक्षा और प्रयोज्य प्रतिबंधों का एक सेट देता है।


Audio Volume: आरंभिक वॉल्यूम सेट करने के लिए त्वरित और आसान HTML गाइड 0.0 से 1.0 तक की सीमा में ऑडियो तत्व की प्रारंभिक मात्रा सेटिंग को निर्दिष्ट करता है।


<audio perload=""> HTML Attribute in Hindi: -  ब्राउज़र के लिए एक विशेष प्रीलोड व्यवहार का अनुरोध करती है, जिसे ब्राउज़र अनुसरण कर सकता है या नहीं।


<audio muted> HTML Attribute in Hindi: -  में ऑडियो प्लेयर पर वॉल्यूम शुरू में मौन होना चाहिए।

<audio loop> HTML Attribute
में प्लेबैक शुरू होने के बाद ऑडियो सामग्री को अनिश्चित काल के लिए लूप करना चाहिए।

<audio controls> HTML Attribute in Hindi ऑडियो प्लेबैक नियंत्रण का प्रदर्शन टॉगल करता है।


Audio Autoplay in Html: यह HTML5 में क्या करता है? (यह पता लगाने के लिए सुनो!) निर्दिष्ट करता है कि ऑडियो प्लेबैक तुरंत पेज लोड पर शुरू होना चाहिए।


<audio src=””> HTML Attribute - एक ऑडियो तत्व के लिए स्रोत फ़ाइल निर्दिष्ट करती है।


<abbr title=””> HTML Attribute- HTML गुण किसी संक्षिप्त या संक्षिप्त नाम का अर्थ या स्पष्टीकरण प्रदान करता है।


<a hreflang=””> HTML Attribute in Hindi - HTML लिंक resource की भाषा को निर्दिष्ट करता है।


लिंक किए गए संसाधन की तुलना में <a> डाउनलोड करने के लिए लिंक का उपयोग करके ब्राउज़र को खोलने के बजाय लिंक किए गए संसाधन को डाउनलोड करने का निर्देश देता है।

<img crossorigin=””> बताता है कि CORS हेडर का उपयोग HTTP अनुरोध में किया जाना चाहिए, और यह निर्दिष्ट करता है कि क्रेडेंशियल्स का उपयोग करना है या नहीं।


Img Height In HTML: ऊँचाई गुण का उपयोग करने के लिए कैसे नहीं एक छवि फ़ाइल की सीएसएस पिक्सल में आंतरिक ऊंचाई की पहचान करता है।


What Img Srcset Does In HTML5: एक त्वरित और सरल गाइड एक ही छवि के कई आकारों को परिभाषित करता है, जिससे ब्राउज़र को उचित छवि स्रोत का चयन करने की अनुमति मिलती है।


<td nowrap> : -  NowRAP इंगित करता है कि पाठ को सेल में नहीं लपेटना चाहिए।


CSS पृष्ठभूमि संपत्ति के साथ Td Bgcolor को बदलने के लिए कैसे एक तालिका में एकल कक्ष की पृष्ठभूमि का रंग सेट करता है।


Td Bordercolor सेल के चारों ओर Bordercolor सेट करने के लिए कैसे काम करता है एक सेल के चारों ओर पूरी सीमा का रंग सेट करता है।
Td बैकग्राउंड: यहां HTML कोड को बदलने के लिए CSS एक छवि फ़ाइल के URL को <td> एलिमेंट बैकग्राउंड इमेज के रूप में उपयोग करने के लिए निर्दिष्ट करता है।


<textarea name=””> एक नाम विशेषता को <textarea> तत्व में जोड़ता है और नाम को पाठ क्षेत्र में जोड़े गए पाठ से जोड़ता है।


<textarea cols = ""> औसत चरित्र चौड़ाई में <textarea> तत्व की visible width निर्दिष्ट करता है निर्दिष्ट न किए जाने पर Defaults 20 specified
करता है

<textarea wra = ""> यह निर्धारित करता है कि जब एक <textarea> को फॉर्म सबमिशन में शामिल किया जाता है, तो टेक्स्ट रैप्स को सबमिट किया जाए या नहीं।


<textarea disabled>  -  Element
को disabled करता है।

<textarea tabindex=”””> HTML Attribute in Hindi टैब क्रम में एक <textarea> तत्व की स्थिति निर्धारित करता है।