Friday, June 14, 2019

एचटीएमएल हेडिंग tages part 05

एचटीएमएल हेडिंग

हेडिंग

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

एचटीएमएल हेडिंग

शीर्षकों के साथ परिभाषित कर रहे हैं <h1>करने के लिए <h6>टैग।
<h1>सबसे महत्वपूर्ण शीर्षक परिभाषित करता है। <h6>कम से कम महत्वपूर्ण शीर्षक परिभाषित करता है।

उदाहरण

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
नोट: ब्राउज़र स्वत: पहले और एक शीर्षक के बाद कुछ सफेद स्थान (एक मार्जिन) जोड़ें।

शीर्षकों महत्वपूर्ण हैं

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

बड़ा हेडिंग

प्रत्येक एचटीएमएल शीर्षक एक डिफ़ॉल्ट आकार है। हालांकि, अगर आप किसी के साथ बढ़ रहा है के लिए आकार निर्दिष्ट कर सकते हैं styleविशेषता, सीएसएस का उपयोग कर font-sizeसंपत्ति:

उदाहरण

<h1 style="font-size:60px;">Heading 1</h1>

एचटीएमएल क्षैतिज नियम

<hr>टैग एक HTML पेज में एक विषयगत तोड़ परिभाषित करता है, और सबसे अधिक बार एक क्षैतिज नियम के रूप में प्रदर्शित किया जाता है।
<hr>तत्व को अलग (या एक बदलाव को परिभाषित) एक HTML पृष्ठ में प्रयोग किया जाता है:

उदाहरण

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>


एचटीएमएल <head> तत्व

एचटीएमएल <head>तत्व एचटीएमएल शीर्षकों के साथ कोई संबंध नहीं है।
<head>तत्व मेटाडाटा के लिए एक कंटेनर है। एचटीएमएल मेटाडाटा HTML दस्तावेज़ के बारे में डेटा है। मेटाडाटा प्रदर्शित नहीं है।
<head>तत्व बीच रखा गया है <html>टैग और <body>टैग:

उदाहरण

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
नोट: मेटाडाटा आम तौर पर दस्तावेज़ शीर्षक को परिभाषित, वर्ण सेट, शैली, लिंक, लिपियों, और अन्य मेटा जानकारी।

कैसे HTML स्रोत को देखने के लिए?

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

देखें HTML स्रोत कोड:

एक HTML पृष्ठ में राइट क्लिक करें और चुनें "पृष्ठ स्रोत" (क्रोम में) या "स्रोत देखें" (IE में), या अन्य ब्राउज़रों में समान। इस पृष्ठ के HTML स्रोत कोड के साथ एक विंडो खुलेगा।

निरीक्षण एक HTML तत्व:

एक तत्व (या एक रिक्त क्षेत्र) पर राइट क्लिक करें, और "निरीक्षण" या "तत्व का निरीक्षण" को देखने के लिए क्या तत्वों से बने होते हैं चुनें (आप दोनों HTML और सीएसएस देखेंगे)। तुम भी HTML या CSS ऑन-द-मक्खी तत्वों या शैलियाँ खुलने वाले पैनल में संपादित कर सकते हैं।

एचटीएमएल व्यायाम

टेस्ट अपने आप को व्यायाम के साथ

व्यायाम:

पाठ "लंदन" के साथ एक शीर्षक जोड़ने के लिए सही HTML टैग का प्रयोग करें।


<P> लंदन इंग्लैंड की राजधानी है। यह ब्रिटेन में सबसे अधिक आबादी वाला शहर, 13 लाख से अधिक निवासियों के एक महानगरीय क्षेत्र के साथ है। </ P>

व्यायाम शुरू

HTML टैग संदर्भ

W3Schools 'टैग संदर्भ इन टैग और उनकी विशेषताओं के बारे में अतिरिक्त जानकारी शामिल है।
आप HTML टैग और इस ट्यूटोरियल के अगले अध्याय में विशेषताओं के बारे में और जानेंगे।
Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<head> A container for all the head elements (title, scripts, styles, meta information, and more)
<h1> to <h6> Defines HTML headings
<hr> Defines a thematic change in the content
सभी उपलब्ध HTML टैग की एक पूरी सूची के लिए, हमारी यात्रा के HTML टैग संदर्भ

Wednesday, June 12, 2019

HTML Attributes part 04

एचटीएमएल गुण


गुण HTML तत्वों बारे में अतिरिक्त जानकारी प्रदान करते हैं।

HTML विशेषताएं

  • सभी HTML तत्वों हो सकता है गुण
  • गुण प्रदान करते हैं अतिरिक्त जानकारी के एक तत्व के बारे में
  • गुण हमेशा में निर्दिष्ट स्टार्ट टैग
  • आमतौर पर जैसे नाम / मान युग्म में आते गुण: नाम = "मूल्य"

hREF विशेषता

HTML लिंक के साथ परिभाषित कर रहे हैं <a>टैग। लिंक का पता में निर्दिष्ट किया जाता hrefविशेषता:

उदाहरण

<a href="teachincal web">This is a link</a>
आप लिंक और बारे में और जानेंगे <a>टैग बाद में इस ट्यूटोरियल में।

src विशेषता

एचटीएमएल छवियों के साथ परिभाषित कर रहे हैं <img>टैग।
छवि स्रोत के फ़ाइल नाम में निर्दिष्ट किया जाता srcविशेषता:

उदाहरण

<img src="img_girl.jpg">

चौड़ाई और ऊंचाई गुण

HTML में छवियों का एक सेट है आकार विशेषताओं, जो चौड़ाई और छवि की ऊंचाई निर्दिष्ट करता है:

उदाहरण

<img src="img_girl.jpg" width="500" height="600">
छवि का आकार पिक्सल में निर्दिष्ट किया जाता है: चौड़ाई = "500" 500 पिक्सल चौड़ा होता है।
आप हमारे में छवियों बारे में और जानेंगे एचटीएमएल छवियाँ अध्याय

ALT विशेषता

altविशेषता, प्रयोग की जाने वाली एक छवि प्रदर्शित नहीं हो सकता है जब एक वैकल्पिक पाठ निर्दिष्ट करता है।
विशेषता के मान स्क्रीन रीडर द्वारा पढ़ा जा सकता है। इस तरह, किसी वेब पेज को "सुन", जैसे एक सपना बिगड़ा व्यक्ति, तत्व "सुन" कर सकते हैं।

उदाहरण

<img src="img_girl.jpg" alt="Girl with a jacket">
altविशेषता यदि छवि मौजूद नहीं है भी उपयोगी है:

उदाहरण

देखने के लिए कि हम एक छवि है जो मौजूद नहीं दिखाने का प्रयास करते हैं क्या होता है:
<img src="img_typo.jpg" alt="Girl with a jacket">


शैली गुण

styleविशेषता रंग, फ़ॉन्ट, आकार आदि जैसे, एक तत्व की स्टाइल निर्दिष्ट करने के लिए प्रयोग किया जाता है

उदाहरण

<p style="color:red">I am a paragraph</p>
आप इस ट्यूटोरियल में बाद में स्टाइल के बारे में अधिक जानने के लिए, और हमारे में होगा सीएसएस ट्यूटोरियल

लैंग गुण

दस्तावेज़ की भाषा में घोषित किया जा सकता <html>टैग।
भाषा के साथ घोषित किया जाता है langविशेषता।
एक भाषा की घोषणा पहुंच-योग्यता एप्लिकेशन (स्क्रीन रीडर) और खोज इंजन के लिए महत्वपूर्ण है:
<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>
पहले दो अक्षर भाषा (एन) निर्दिष्ट करें। अगर वहाँ एक बोली है, दो और पत्र (अमेरिका) का उपयोग करें।

शीर्षक गुण

यहाँ, एक titleविशेषता में जोड़ा जाता है <p> तत्व। शीर्षक विशेषता के मान टूलटिप के रूप में प्रदर्शित किया जाएगा जब पैरा पर माउस:

उदाहरण

<p title="I'm a tooltip">
This is a paragraph.
</p>

हम सुझाव: उपयोग छोटे गुण

एचटीएमएल 5 मानक लोअरकेस विशेषता नाम की आवश्यकता नहीं है।
शीर्षक विशेषता अपरकेस या लोअरकेस तरह से लिखा जा सकता है शीर्षक या शीर्षक
teachincal web सिफारिश की गई है HTML में लोअरकेस, और मांग है एक्सएचटीएमएल की तरह सख्त दस्तावेज़ प्रकार के लिए लोअरकेस।
teachincal web  से कम हम हमेशा लोअरकेस विशेषता नाम का उपयोग करें।

हम सुझाव: उद्धरण विशेषता के मान

एचटीएमएल 5 मानक की आवश्यकता नहीं है उद्धरण के आसपास विशेषता मान।
hrefविशेषता, ऊपर का प्रदर्शन किया, कर सकते हैं उद्धरण चिह्नों के बिना लिखा जा:

खराब

<a href=https://teachincal web>

अच्छा

<a href="https://teachincal web">
teachincal web  सिफारिश की गई है HTML में उद्धरण, और मांग है एक्सएचटीएमएल की तरह सख्त दस्तावेज़ प्रकार के लिए उद्धरण।
कभी कभी यह है आवश्यक उद्धरण चिह्नों का उपयोग करने के लिए। इस उदाहरण को सही शीर्षक विशेषता प्रदर्शित नहीं करेगा, क्योंकि यह एक अंतरिक्ष शामिल हैं:

उदाहरण

<p title=About teachincal web>
का उपयोग करते हुए उद्धरण सबसे आम हैं। छोड़ना उद्धरण त्रुटियां उत्पन्न कर सकते हैं।
teachincal web से कम हम हमेशा विशेषता मान के आसपास उद्धरण का उपयोग करें।

सिंगल या डबल उद्धरण?

दोहरे उद्धरण चिह्नों के आसपास विशेषता मान HTML में सबसे आम हैं, लेकिन एकल उद्धरण का भी इस्तेमाल किया जा सकता है।
कुछ स्थितियों में, जब विशेषता मान ही दोहरे उद्धरण चिह्नों में शामिल है, यह आवश्यक एकल उद्धरण का उपयोग करें:
<p title='teachincal web'>
या ठीक इसके विपरीत:
<p title="John 'ShotGun' Nelson">

अध्याय का सारांश

  • सभी HTML तत्वों हो सकता है गुण
  • titleविशेषता अतिरिक्त "उपकरण की नोक" जानकारी प्रदान करता है
  • hrefविशेषता लिंक के लिए पता जानकारी प्रदान करता है
  • widthऔर heightविशेषताओं छवियों के लिए आकार में जानकारी प्रदान
  • altविशेषता स्क्रीन पाठकों के लिए पाठ प्रदान करता है
  • teachincal web से कम हम हमेशा का उपयोग लोअरकेस विशेषता नाम
  • teachincal web  से कम हम हमेशा बोली विशेषता दोहरे उद्धरण चिह्नों के साथ मूल्यों

एचटीएमएल व्यायाम

टेस्ट अपने आप को व्यायाम के साथ

व्यायाम:

पाठ "teachincal web  के बारे में" के साथ नीचे पैरा के लिए एक "टूलटिप" जोड़ें।
<p = "teachincal web के बारे में"> teachincal web  एक वेब डेवलपर ka youtube channel  है। </ P>


HTML विशेषताएं

नीचे कुछ विशेषताओं अक्सर HTML में इस्तेमाल, जो आप इस ट्यूटोरियल में बारे में और जानेंगे की वर्णमाला सूची है:
Attribute Description
alt Specifies an alternative text for an image, when the image cannot be displayed
disabled Specifies that an input element should be disabled
href Specifies the URL (web address) for a link
id Specifies a unique id for an element
src Specifies the URL (web address) for an image
style Specifies an inline CSS style for an element
title Specifies extra information about an element (displayed as a tool tip)
प्रत्येक HTML तत्व के लिए सभी विशेषताओं की एक पूरी सूची है, हमारे में सूचीबद्ध है: एचटीएमएल विशेषता संदर्भ

Tuesday, June 11, 2019

एचटीएमएल तत्वों PART 04 IN HINDI FULL COURSE

एचटीएमएल तत्वों


एचटीएमएल तत्वों

एक HTML तत्व आम तौर पर एक के होते हैं शुरू टैग और अंत , टैग के साथ सामग्री के बीच में डाला:
एचटीएमएल तत्व समाप्ति टैग करने के लिए स्टार्ट टैग से सब कुछ है:

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>



नेस्टेड एचटीएमएल तत्वों

HTML तत्वों नेस्ट किया जा सकता है (तत्वों तत्व होते हैं सकता है)।
सभी HTML दस्तावेज़ नेस्टेड HTML तत्वों से मिलकर बनता है।
इस उदाहरण चार HTML तत्वों में शामिल हैं:

उदाहरण समझाया

<html>तत्व को परिभाषित करता है पूरे दस्तावेज़
यह एक है शुरू टैग <html> और एक अंत टैग </ html>।
तत्व सामग्री एक और HTML तत्व (है <body>तत्व)।
<body>तत्व को परिभाषित करता है दस्तावेज़ शरीर
यह एक है शुरू टैग <body> और एक अंत टैग </ body>।
तत्व सामग्री दो अन्य HTML तत्वों (है <h1>और <p>)।
<h1>तत्व एक को परिभाषित करता है शीर्षक
यह एक है शुरू टैग <h1> और एक अंत टैग </ h1>।
तत्व सामग्री है: मेरा पहला शीर्षक।

<p>तत्व एक को परिभाषित करता है पैरा
यह एक है शुरू टैग <p> और एक अंत टैग </ p>।
तत्व सामग्री है: मेरी पहले पैराग्राफ।



मत भूलना अंत टैग

कुछ HTML तत्व ठीक से प्रदर्शित होगा, भले ही आप अंत टैग भूल:
उपरोक्त उदाहरण, सभी ब्राउज़रों में काम करता है, क्योंकि बंद टैग वैकल्पिक माना जाता है।
इस पर भरोसा करते हैं कभी नहीं। यह अप्रत्याशित परिणाम और / या त्रुटियां उत्पन्न हो सकता है अगर आप अंत टैग भूल जाते हैं।


खाली HTML तत्वों

कोई सामग्री के साथ HTML तत्वों खाली तत्वों कहा जाता है।
<br>एक बंद टैग (बिना एक खाली तत्व है <br> टैग एक लाइन ब्रेक को परिभाषित करता है):
खाली तत्वों "बंद" इस तरह खुलने वाला टैग में हो सकता है: <br />।
एचटीएमएल 5 खाली तत्वों को बंद करना पड़ा आवश्यकता नहीं है। लेकिन तुम सख्त मान्यता चाहते हैं, या अगर आप अपने दस्तावेज़ एक्सएमएल पारसर्स द्वारा पठनीय बनाने की जरूरत है, आप सभी HTML तत्वों को ठीक से बंद करना होगा है।



का प्रयोग करें छोटे टैग

HTML टैग केस नहीं कर रहे हैं संवेदनशील: <p> इसका मतलब है के रूप में <p> एक ही।
एचटीएमएल 5 मानक लोअरकेस टैग आवश्यक नहीं है, लेकिन W3C सिफारिश की गई है HTML में लोअरकेस, और मांग है एक्सएचटीएमएल की तरह सख्त दस्तावेज़ प्रकार के लिए लोअरकेस।

Sunday, June 2, 2019

foto and hight ,wilth,and other tages learing hREF विशेषता,src विशेषता,,चौड़ाई और ऊंचाई गुण /

https://www.youtube.com/playlist?list=PL71Szzxr9-IBfBTeVG_t9vBkn0hwWol6O&disable_polymer=true
            teachincal web for vedio course vist our youtube channel in hindi course avalivel 
                                                           एचटीएमएल गुण                                                               

गुण HTML तत्वों बारे में अतिरिक्त जानकारी प्रदान करते हैं।HTML विशेषताएं सभी HTML तत्वों हो सकता है गुणगुण प्रदान करते हैं अतिरिक्त जानकारी के एक तत्व के बारे मेंगुण हमेशा में निर्दिष्ट स्टार्ट टैग
आमतौर पर जैसे नाम / मान युग्म में आते गुण: नाम = "मूल

hREF विशेषता

HTML लिंक के साथ परिभाषित कर रहे हैं <a>टैग। लिंक का पता में निर्दिष्ट किया जाता hrefविशेषता:
  

उदाहरण

<a href="https://www.techanical web.com">This is a link</a>

src विशेषता

एचटीएमएल छवियों के साथ परिभाषित कर रहे हैं <img>टैग।
छवि स्रोत के फ़ाइल नाम में निर्दिष्ट किया जाता srcविशेषता:

उदाहरण

<img src="img_girl.jpg"> 

चौड़ाई और ऊंचाई गुण

HTML में छवियों का एक सेट है आकार विशेषताओं, जो चौड़ाई और छवि की ऊंचाई निर्दिष्ट करता है:

उदाहरण

<img src="img_girl.jpg" width="500" height="600"> 
 
 
  
 

Thursday, May 30, 2019

एचटीएमएल बेसिक उदाहरण


चिंता करता है, तो इन उदाहरणों टैग आप नहीं सीखा है प्रयोग न करें।
आप अगले अध्याय में उनके बारे में सीखना होगा।

  1. HTML लिंक


  2. HTML लिंक के साथ परिभाषित कर रहे हैं <a>टैग:

  3. उदाहरण


  4. <a href="https://www.w3schools.com">This is a link</a>

लिंक के गंतव्य में निर्दिष्ट किया जाता hrefविशेषता। 
गुण HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए इस्तेमाल कर रहे हैं।
आप बाद के अध्याय में विशेषताओं के बारे में और जानेंगे।

Featured Post

html part-02

                      HTML Editors                        html part -02                                  लिखें एचटीएमएल Notepad ...