Saturday, June 22, 2019

HTML Text Formatting PART -08

एचटीएमएल पाठ स्वरूपण

पाठ स्वरूपण

This text is bold
This text is italic
This is_subscript and ^superscript

एचटीएमएल प्रारूप तत्व

पिछले अध्याय में, आप HTML के बारे में सीखा शैली विशेषता ।
एचटीएमएल भी विशेष को परिभाषित करता है तत्व एक विशेष के साथ पाठ परिभाषित करने के लिए अर्थ ।
HTML की तरह तत्वों का उपयोग करता <b>है और <i>उत्पादन स्वरूपण, जैसे के लिए बोल्ड या इटैलिक पाठ।
स्वरूपण तत्वों पाठ को विशिष्ट प्रकार प्रदर्शित करने के लिए डिजाइन किए गए थे:

<b> - बोल्ड अक्षर
<strong> - महत्वपूर्ण पाठ
<i> - इटैलिक पाठ
<em> - पर बल दिया पाठ
<mark> - के रूप में चिह्नित पाठ
<small> - छोटे पाठ
<del> - हटाए गए पाठ
<ins> - सम्मिलित किए गए पाठ
<sub> - सबस्क्रिप्ट पाठ
<sup> - सुपरस्क्रिप्ट पाठ

एचटीएमएल <b> और <strong> तत्वों

एचटीएमएल <b>तत्व को परिभाषित करता है बोल्ड पाठ, किसी भी अतिरिक्त महत्व के बिना।

उदाहरण

एचटीएमएल <strong>तत्व को परिभाषित करता है मजबूत जोड़ा अर्थ "मजबूत" महत्व के साथ पाठ,।

उदाहरण

<strong>This text is strong</strong>

एचटीएमएल <i> और <em> तत्वों

एचटीएमएल <i>तत्व को परिभाषित करता है इटैलिक पाठ, किसी भी अतिरिक्त महत्व के बिना।

उदाहरण

<i>This text is italic</i>

एचटीएमएल <em>तत्व परिभाषित करता है पर बल दिया जोड़ा अर्थ महत्व के साथ पाठ,।

उदाहरण

<em>This text is emphasized</em>

नोट: ब्राउज़र प्रदर्शित <strong>के रूप में <b>, और <em>के रूप में <i>। हालांकि, वहाँ इन टैग का अर्थ में एक फर्क है: <b>और <i>बोल्ड और इटैलिक पाठ को परिभाषित करता है, लेकिन <strong>और <em>इसका मतलब है कि पाठ "महत्वपूर्ण" है।

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

एचटीएमएल <small>तत्व छोटे पाठ परिभाषित करता है:

उदाहरण

<h2>HTML <small>Small</small> Formatting</h2>

HTML <निशान> तत्व

एचटीएमएल <mark>तत्व चिह्नित / हाइलाइट किए गए पाठ परिभाषित करता है:

उदाहरण

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML <डेल> तत्व

एचटीएमएल <del>तत्व नष्ट कर दिया / हटाया पाठ परिभाषित करता है।

उदाहरण

<p>My favorite color is <del>blue</del> red.</p>

HTML <इन्स> तत्व

एचटीएमएल <ins>तत्व डाला / जोड़ा पाठ परिभाषित करता है।

उदाहरण

<p>My favorite <ins>color</ins> is red.</p>

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

एचटीएमएल <sub>तत्व subscripted पाठ परिभाषित करता है।

उदाहरण

<p>This is <sub>subscripted</sub> text.</p>

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

एचटीएमएल <sup>तत्व superscripted पाठ परिभाषित करता है।

उदाहरण

<p>This is <sup>superscripted</sup> text.</p>

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

एचटीएमएल पाठ स्वरूपण तत्वों

Tag	Description
<b>	Defines bold text
<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines smaller text
<strong>	Defines important text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<mark>	Defines marked/highlighted text

HTML Styles PART =-07

एचटीएमएल शैलियाँ

उदाहरण

मैं लाल हूँ

मैं नीला हूँ

मैं बिग हूँ

एचटीएमएल शैली विशेषता

किसी HTML तत्व की शैली की स्थापना, साथ किया जा सकता styleविशेषता।
एचटीएमएल styleविशेषता निम्नलिखित है वाक्य रचना :

<tagname style="property:value;">

संपत्ति एक सीएसएस संपत्ति है। मूल्य एक सीएसएस मूल्य है।

आप बाद में इस ट्यूटोरियल में सीएसएस के बारे में अधिक सीखना होगा।

पीछे का रंग

सीएसएस background-colorसंपत्ति किसी HTML तत्व के लिए पृष्ठभूमि रंग को परिभाषित करता है।
इस उदाहरण सेट powderblue करने के लिए एक पेज के लिए पृष्ठभूमि रंग:

उदाहरण

<body style="background-color:powderblue;">

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

</body>

लिखावट का रंग

सीएसएस colorसंपत्ति किसी HTML तत्व के लिए पाठ का रंग परिभाषित करता है:

उदाहरण

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

फोंट्स

सीएसएस font-familyसंपत्ति फ़ॉन्ट किसी HTML तत्व के लिए प्रयोग की जाने वाली परिभाषित करता है:

उदाहरण

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

शब्दों का आकर

सीएसएस font-sizeसंपत्ति किसी HTML तत्व के लिए पाठ आकार को परिभाषित करता है:

उदाहरण

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

पाठ्य संरेखण

सीएसएस text-alignसंपत्ति किसी HTML तत्व के लिए क्षैतिज पाठ संरेखण को परिभाषित करता है:

उदाहरण

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

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

का प्रयोग करें styleस्टाइल HTML तत्वों के लिए विशेषता
का प्रयोग करें background-colorपृष्ठभूमि रंग के लिए
का प्रयोग करें colorपाठ रंग के लिए
का प्रयोग करें font-familyपाठ फोंट के लिए
का प्रयोग करें font-sizeपाठ आकार के लिए
का प्रयोग करें text-alignपाठ संरेखण के लिए

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

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

व्यायाम:

सही HTML विशेषता, और सीएसएस का उपयोग करें, "नीले" करने के लिए अनुच्छेद के रंग सेट करने के।

<p = "; "> यह एक पैरा है </ p>।

Sunday, June 16, 2019

एचटीएमएल पैराग्राफ tages 06

एचटीएमएल पैराग्राफ

एचटीएमएल <p>तत्व एक को परिभाषित करता है पैरा :

उदाहरण

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

नोट: ब्राउज़र स्वत: पहले और एक पैरा के बाद कुछ सफेद स्थान (एक मार्जिन) जोड़ें।

एचटीएमएल प्रदर्शन

आपको यह सुनिश्चित करना है कि कैसे एचटीएमएल प्रदर्शित किया जाएगा नहीं हो सकता।
बड़े या छोटे स्क्रीन, और आकार दिया खिड़कियों अलग परिणाम पैदा करेगा।
एचटीएमएल साथ, आप अपने एचटीएमएल कोड में अतिरिक्त रिक्त स्थान या अतिरिक्त लाइनें जोड़कर उत्पादन नहीं बदल सकते।
जब पेज प्रदर्शित किया जाता है ब्राउज़र में कोई अतिरिक्त स्थान और अतिरिक्त लाइनें निकल जाएगा:

उदाहरण

<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>

अंत टैग भूल जाओ मत करो

अधिकतर ब्राउज़र एचटीएमएल प्रदर्शित करेगा सही ढंग से भले ही आप अंत टैग भूल:

उदाहरण

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

उपरोक्त उदाहरण अधिकांश ब्राउज़र में काम करेंगे, लेकिन इस पर निर्भर नहीं है।

ध्यान दें: अंत टैग अप्रत्याशित परिणाम या त्रुटियों का उत्पादन कर सकते गिराने।

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 टैग संदर्भ

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>टैग बाद में इस ट्यूटोरियल में।

src विशेषता

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

उदाहरण

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

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

उदाहरण

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

ALT विशेषता

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

उदाहरण

altविशेषता यदि छवि मौजूद नहीं है भी उपयोगी है:

उदाहरण

देखने के लिए कि हम एक छवि है जो मौजूद नहीं दिखाने का प्रयास करते हैं क्या होता है:

शैली गुण

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विशेषता, ऊपर का प्रदर्शन किया, कर सकते हैं उद्धरण चिह्नों के बिना लिखा जा:

खराब

अच्छा

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

उदाहरण

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

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

दोहरे उद्धरण चिह्नों के आसपास विशेषता मान HTML में सबसे आम हैं, लेकिन एकल उद्धरण का भी इस्तेमाल किया जा सकता है।
कुछ स्थितियों में, जब विशेषता मान ही दोहरे उद्धरण चिह्नों में शामिल है, यह आवश्यक एकल उद्धरण का उपयोग करें:

या ठीक इसके विपरीत:

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

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

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

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)