#br tag in html in hindi | Explore Tumblr posts and blogs

kadobeclothing · 6 years ago

Text

The SEO Attribute for Content in Multiple Languages

Have you ever visited a webpage that was in a different language, and your browser asked you if you wanted to change it to your first language? It’s a life-saver, right?

Now think about whether you’ve provided the functionality so your own webpages are ready for a global audience. If you haven’t properly tagged or re-directed your content to be optimized in different languages, it may not be gaining the traffic it could be. The name for this attribute is called language tagging, and it’s an SEO tag you can use to make sure search engines know what language your content is in. There are two different types of language tags: HTML tags and hreflang tags. While both HTML and hreflang tags are intended to optimize content in multiple languages, they have a couple of differences. Simply put, language (or lang) tag attributes on an HTML tag tells your browser the language of the current document or webpage, while the hreflang tag attribute tells your browser the language of the webpage that’s being linked — for instance, a lang tag on HubSpot.com tells your browser the language of HubSpot.com, but a hreflang tag attribute tells a search engine the language of HubSpot.com when a user searches for HubSpot. If a user searches for HubSpot.com from Germany, a hreflang tag is responsible for changing the link available in the search engines. However, when someone lands on HubSpot.com in Germany, a lang tag changes the language on the page itself. It might be easier to visualize, so here’s a sample lang tag: <html lang=”en”> Alternatively, here’s a sample hreflang tag: <link rel=”alternate” href=”http://example.com/” hreflang=”en” /> Google recommends using hreflang when indexing websites that are in different languages. Next, let’s explore what hreflang tags are used for and how you can use them for your own webpages.

Hreflang Tags

This attribute is what lets a search engine know what language is being used on a webpage that is linked on a SERP. This enables search engines to deliver results specific to that language.

The tag is: rel=”alternate” hreflang=”x” Hreflang tags allow you to show Google and other search engines the relationship between webpages that are in different languages. For instance, if your tag needs to link to an English-language blog, you’d use the following tag: hreflang=”en”. This is a sample of what a website will look like when it’s tagged with an hreflang attribute: <link rel=”alternate” href=”http://hubspot.com” hreflang=”en-us”/> The “en” in the first part of the tag refers to the language code, English, and the “US” refers to the country code, for the United States. Users with an IP address that notifies which language is being used will automatically see a properly tagged webpage, so a hreflang tag is especially helpful if you have a global audience and want to make their user experience delightful. To illustrate how hreflang works, let’s consider an example. Let’s say you make two homepages that are the same, but one is in English (hreflang=”en”), and the other’s in Spanish (hreflang=”es”). When a user searches for your homepage in Spanish or from a Spanish-language browser, they’ll receive the Spanish version of your homepage, as long as it’s properly tagged. Each language and country has its own hreflang tag. Here’s a list of common ones: German/Germany: de-de English/USA: en-us Irish/Ireland: ga-ie Hindi/India: hi-in Italian/Italy: it-it Japanese/Japan: ja-jp Korean/Korea: ko-kp Portuguese/Brazil: pt-br Russian/Russain Federation: ru-ru Chinese (simplified)/China: zh-hans-cn Thai/Thailand: th-th If you are sharing the same page in different regions, note that it is possible to have multiple hreflang tags on the same page. For instance, if your French website sells to customers in Germany and Spain too, you’ll be able to tag your page accordingly in HTML. Keep in mind that because hrefleg tags are able to be overridden by other SEO options, your page may rank higher in a different language. To avoid this, make sure search engines are equipped with the correct attributes, so they know which language to present your page in. Ultimately, the point of hreflang tags is to give customers who speak different languages, or who live in different regions of the world, content meant for them. Search engines will give international users the version of the page in their language on the results page. Now that you know a little bit more about hreflang tags, let’s talk about HTML language tags. HTML Language Tag HTML language attributes define the language of a webpage. For example, an HTML language tag for an English webpage would look like this: <html lang=”en”> Recall that Google doesn’t look at HTML language tags, but other search engines might, so it’s a good idea to still include them for search engines that don’t look at hreflang tags. You might also want to use HTML language tags in conjunction with an hreflang tag — they can work together to inform search engines about the content on your webpages. Having both tags tells search engines what language a webpage is in, while directing users from other countries to the appropriate webpage. When you’re optimizing your content for search engines, it’s important to do everything you can to rank on the SERPs. This helps people across the globe find your business.

Source link

source https://www.kadobeclothing.store/the-seo-attribute-for-content-in-multiple-languages/

0 notes

bkcomputercafe · 7 years ago

Text

HTML Paragraph Element in Hindi

HTML Paragraph Tag की पूरी जानकारी

HTML Tutorials के इस Lesson में हम आपको HTML Paragraph Element की पूरी जानकारी देंगे. आप जानेंगे कि HTML Paragraph Element क्या है? HTML Document में Paragraph Define कैसे किया जाता है?

1. Introduction to HTML Paragraph

एक HTML Document के Main Content को Paragraphs के माध्यम से लिखा जाता है. HTML में P Element द्वारा Paragraph को Define किया जाता है. HTML P Element का पूरा नाम HTML Paragraph Element होता है.

HTML P Element एक Block Level Element होता है. जो Content को Blocks में दिखाता है. मतलब Text का एक समूह बन जाता है.

आप एक Webpage में एक से ज्यादा Paragraph (s) Define कर सकते है. प्रत्येक New Paragraph को Opening <p> Tag द्वारा Define किया जाता है. और Closing </p> Tag द्वारा बंद किया जाता है.

2. HTML P Element के बारे में जानने योग्य कुछ जरूरी बातें

HTML P Element एक Basic HTML Tag है. जिसे Block Level Element भी कहा जाता है.

HTML Paragraph को <p> Tag द्वारा Define किया जाता है. और Closing </p> Tag द्वारा बंद किया जाता है.Note – Closing </p> Tag का इस्तेमाल जरूर करें.

P Element में सभी Global Attributes का उपयोग किया जा सकता है. इसके अलावा P Element Event Attributes को भी Support करता है.

सभी ब्राउजर Paragraph के ऊपर और नीचे कुछ Space Add कर देते है. यह कार्य Browsers’ कि Built-in Style Sheet द्वारा होता है.

ब्राउजरों की Default Style को Additional CSS द्वारा Override किया जा सकता है.

3. HTML Paragraph का उदाहरण – Example of HTML Paragraph

नीचे लिखे गए HTML Code को अपने Notepad में Copy करके Paste कीजिए या फिर इस कोड को सीधे अपने हाथों से Type कीजिए.

<!DOCTYPE html><html><head><title>HTML Paragraph Example</title><body><p>Here is First Paragraph Text</p>

<p>This is Second Paragraph.</p>

</body></html>

ऊपर लिखे गए HTML Code को html-paragraph.html के नाम से Save कीजिए. और इसे अपने पसंदीदा ब्राउजर में Open कीजिए. यह HTML File आपको इस प्रकार का Output Display करेगी.

Here is First Paragraph Text.

This is Second Paragraph.

4. Paragraph Alignment

By Default HTML Paragraph का Alignment Left होता है. मतलब Paragraph Browser Window में बांई तरफ से शुरू होकर दांए तरफ जाता है. Paragraph की यहिं Setting आप समाचारपत्रों, पत्रिकाओं में भी देखते है.

आप Paragraph की Default Alignment को Align Attribute के द्वारा Override कर सकते है. HTML Align Attribute के द्वारा एक Paragraph के लिए चार Alignments Set किए जा सकते है.

Left Alignment

Right Alignment

Center Alignment

Justify Alignment

Left Alignment

Left Alignment HTML Paragraphs का By Default ही Set होता है. इस Alignment में Paragraph Browser Window में बांए से दांए तरफ जाता है. दुनिया की अधिकतर भाषाओं के लेखन कार्य में Left Alignment का ही उपयोग किया जाता है. आप Left Alignment इस प्रकार Set कर सकते है.

<p align=”left”>This paragraph is left align.</p>

Right Alignment

Right Alignment से Paragraph Browser Window में दांए तरफ सरक जाता है. लेकिन, उसे पढा तो बांए से दांए ही जाता है. Paragraph का Right Alignment इस प्रकार Set किया जाता है.

<p align=”right”>This paragraph is right align.</p>

Center Alignment

Center Alignment से Paragraph Browser Window के बिल्कुल बीचोबीच आ जाता है. Paragraph के बांए और दांए तरफ बराबर का Margin Set हो जाता है. और Paragraph Center में दिखाई देता है. इस प्रकार का Alignment इस प्रकार Set किया जाता है.

<p align=”center”>This paragraph is center align.</p>

Justify Alignment

Justify Alignment अखबार और पत्रिकाओं में दिखाई देता है. और ज्यादातर औपचारिक लेखन में Justify Alignment का ही उपयोग किया जाता है. इस Alignment से Paragraph Text के बांए और दांए तरफ बराबर का Space रहता है. Paragraph में Justify Alignment को इस प्रकार Set किया जाता है.

<p align=”justify”>This paragraph is justify align.</p>

5. Paragraph Alignment Example

हमने ऊपर बताए गए सभी Alignments को एक साथ लिखकर एक उदाहरण तैयार किया है. जिसमे सभी Alignments को अलग-अलग Paragraphs पर Apply करके दिखाया गया है. आप भी नीचे लिखे गए HTML Codes को अपने Notepad में Copy करके Paste कीजिए. या फिर अपने हाथों से Type कीजिए.

<!DOCTYPE html><html><head><title>Paragraph Alignment Example</title><body><p align=”left”>This paragraph is left align.</p>

<p align=”right”>This paragraph is right align.</p>

<p align=”center”>This paragraph is center align.</p>

<p align=”justify”>This paragraph is justify align.</p>

</body></html>

ऊपर दिए गए HTML Code को paragraph-alignment.html के नाम से Save कीजिए. और इसे अपने ब्राउजर में Open कीजिए. यह कोड आपको इस प्रकार का Output दिखाएगा.

This paragraph is left align.

This Paragraph is right align.

This paragraph is center align.

This paragraph is justify align.

6. Paragraph Indent

Indent का मतलब होता है – सरकना. मतलब आप Paragraph को उसकी Default Position से ज्यादा या कम सरका देते है. Paragraph Indenting को आप सिर्फ Paragraph पर ही नही Apply कर सकते है. इसके अलावा भी आप Indenting Set कर सकते है. जिनके बारे में नीचे बताया जा रहा है.

First Line Indenting

Paragraph Indenting

Indenting a Section of Document

Whole Document Indenting

इस Lesson में सिर्फ हम पहली प्रकार की Indenting के बारे में जानेंगे. क्योंकि सभी प्रकार की Indenting के बारे में बताना इस Lesson में संभव नही है. यदि आप सभी प्रकार की Indenting के बारे में जानना चाहते है तो हमने Paragraph Indenting और Line Spacing के ऊपर अलग से Tutorial बनाया है. आप इस Tutorial से Indenting के बारे में पढ सकते है.

First Line Indenting

First Line Indenting का मतलब होता है, एक Paragraph की पहली Line को बाकि Line के मुकाबले Indent करना मतलब सरकाना. अगर सीधे शब्दों में कहे तो आप पहली Line को थोडा ज्यादा सरका देते है. यही Setting आप अखबार, पत्रिकाएं, किताबों में देखते है.

आप एक Document में उपलब्ध सभी Paragraphs की पहली Line को नीचे दिए गए HTML Code की सहायता से Indent कर सकते है.

<!DOCTYPE html><html><head><title>Paragraph Indenting Rule Example</title><style>p {text-indent: 15px;}</style>

यदि आप ऊपर लिखे गए Style Rule को अपने HTML Document पर Apply करते है. तो इससे Document में उपलब्ध सभी Paragraphs की पहली Line में 15px का Indent हो जाएगा. आप अपने हिसाब से इसे कम या ज्यादा कर सकते है.

यदि आप किसी Paragraph विशेष की पहली Line को Indent करना चाहते है. तो उस Paragraph में text-indent Attribute का इस्तेमाल करके Indenting कर सकते है. उदाहरण:

<p text-indent=”15px”>Write Paragraph Text Here.</p>

7. Paragraph Display Problems

जब Browser किसी HTML Document को Display करता है, तो वह Paragraph में Extra Spaces और Lines को Ignore कर देता है. और Users को Text को Paragraph के रूप में Display करता है.

इसे Try कीजिए

नीचे दिए गए HTML Code को अपने Text Editor में लिखकर Save कीजिए और इस HTML File को Browser में Run कीजिए. और देखिए आपको क्या दिखाई देता है?

<!DOCTYPE html><html><head><title>Paragraph Display Problem Example</title><body>

<p>

This is a Paragraph.

</p>

</body></html>

ऊपर दिया कोड आप��ो कुछ इस प्रकार का Output देगा.

This is a paragraph.

आपने ध्यान दिया हो तो हमने HTML Code में Paragraph Text में Space दिया है. Browser ने उस अतिरिक्त Space को Ignore कर दिया है और Text को साधारण रूप में दिखाया है.

Browser द्वारा Extra Spaces और Lines को Ignore करने की वजह से एक Problem Create होती है. जिसे HTML Experts, “The Poem Problem” कहते है. आइए जानते है ये Poem Problem क्या होती है? और इसका Solution क्या है?

The Poem Problem

जब आप Tex Editor में कोई Poem लिखते है तो ब्राउजर में उसका परिणाम एक Text Block के रूप में दिखाई देता है. आपके द्वारा दिए गए अतिरिक्त Spaces और Line Breaks को Ignore कर दिया जाता है. जिसके कारण आप HTML Document में Poem नही लिख पाते है. और यही वास्तविक Poem Problem कहलाती है.

Poem Problem की समस्या को सुलझाने के लिए <pre> Element का इस्तेमाल किया जाता है. Preformatted Element के अंदर जिस प्रकार आप Text को लिखते है, Browser में भी उसी तरह Display होता है. <pre> Element आपके द्वारा दिए गए अतिरिक्त Spaces और Line Breaks को Preserve करता है.

इसे Try कीजिए

हम ऊपर लिखे HTML Code को दुबारा ले रहे है. बस इसमें <pre> Element का उपयोग किया गया है. आप नीचे दिए गए HTML Code को अपने Text Editor में लिखकर Save कीजिए और इस HTML File को Browser में Run कीजिए. और देखिए आपको क्या दिखाई देता है?

<!DOCTYPE html><html><head><title>Paragraph Display Problem Example</title><body>

<p>

<pre>This is a Paragraph.</pre>

</p>

</body></html>

ऊपर दिया कोड आपको कुछ इस प्रकार का Output देगा. आप देख सकते है कि Preformatted Element से आपके द्वारा दिए गए Extra Spaces को ब्राउजर द्वारा दिखाया गया है. आप इस प्रकार अपने हिसाब से Paragraph में Text को लिख सकते है.

This is a paragraph.

8. Line Breaks

जब आप एक Paragraph में ही New Line शुरू करना चाहते है तो इसके लिए <br>Element का उपयोग किया जाता है. आप MS Word की तरह Enter दबाकर नयी लाईन नहि दे सकते है. अगर आप ऐसा करेंगे तो Poem Problem Create हो जाएगी.

<br> Element एक Paragraph में नयी लाईन Define करता है. आप अपनी मर्जी के अनुसार Line Breaks दे सकते है. आप Line Breaks की कोडिंग इस प्रकार कर सकते है. नीचे देंखे

<p>This is first line.<br> This is another line.</p>

from Blogger http://bkcomputercafe.blogspot.com/2018/09/html-paragraph-element-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes

bkcomputercafe · 7 years ago

Text

All HTML Tags List in Hindi

सभी HTML Tags के नाम और सूची (HTML Tags List)

HTML में सैंकडों Elements है. प्रयेक HTML Elements का अपना विशेष कार्य होता है. इसलिए जैसे-जैसे Webpages में नये-नये Functions की जरूरत पडती गई वैसे-वैसे ही New HTML Tags का Development होता गया.

इस Lesson में हमने लगभग All HTML Tags के नाम और उनके उपयोग के बारे में बताया है. हमने All HTML Tags की Complete List बनाई है. HTML Tags List को हमने कई Categories में बांटा है. ताकि HTML Tags को समझने में आसानी रहे.

Complete HTML Tags List

Basic Tags

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

<–…–> – यह Comment Tag है. Comment Element का उपयोग HTML Document में Comment Define करने के लिए किया जाता है.

<!DOCTYPE> – DOCTYPE Element का पूरा नाम Document Type Definition होता है. DOCTYPE Element का उपयोग Document Type को Define करने के लिए किया जाता है.

<HTML> – HTML Element एक HTML Document का Root Element होता है. इससे HTML Document को Define किया जाता है.

<Head> – Head Element द्वारा HTML Document के बारे में लिखा जाता है. यह एक Webpage का Header Section होता है. जिसमे अधिकतर Meta Information को लिखा जाता है.

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

<Body> – Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है.

<H1> to <H6> – ये Heading Elements है. Heading Element द्वारा HTML Document में Headings को Define किया जाता है. HTML में H1 से H6 Level तक Headings बना सकते है.

<P> – इसे Paragraph Element कहते है. इसका उपयोग HTML Document में Paragraph Define करने के लिए किया जाता है.

<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 किया जाता है.

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

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

Style Tags

Style Tags के द्वारा एक HTML Document की Style Information को Define किया जाता है. नीचे Style Tags के बारे में बताया जा रहा है.

Image Tags

Image Tags के द्वारा HTML Document में Image Insert करने के लिए किया जाता है. नीचे Image Tags के नाम और इनके उपयोग के बारे में बताया जा रहा है.

<img> – <img> Element का पूरा नाम Image होता है. इस Element द्वारा Document में Image को Define किया जाता है.

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

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

Link Tags

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

<a> – <a> Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है.

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;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 किया जाता है.

<fieldset> – <em> Element द्वारा Form में एक प्रकार के Elements का एक Group बनाया जाता है.

<legend> – <em> Element द्वारा Fieldset Element के लिए Caption या शीर्षक बनाया जाता है.

Scripting or Programming Tags

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

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 नही करते है.

Meta Tags

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

<head< – <head> Element का पूरा नाम Header होता है. Header Element द्वारा एक Document के बारे में Information को Define किया जाता है.

<base> – <base> Element का उपयोग एक Document में Related URLs के लिए एक Base URL Define करने के लिए किया जाता है.

from Blogger http://bkcomputercafe.blogspot.com/2018/09/all-html-tags-list-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes

bkcomputercafe · 7 years ago

Text

Learn HTML Elements in Hindi

HTML Elements की पूरी जानकारी

HTMl Element क्या है – What is an HTML Element? यह प्रशन हमेशा ही Confuse करता है. खासततौर पर नये-नये Programmers तो HTML Elements के बारे में Confused ही रहते है.

इसी Confusion को दूर करने के लिये हमने यह Lesson तैयार किया है. इस Lesson में हम आपको HTML Element क्या है? HTML Element और HTML Tag में अंतर क्या है – Different between HTML Tag and HTML Element? HTML Element के प्रकार – Types of HTML Elements? आदि के बारे में जानकारी देंगे.

Table of Content

HTML Element क्या है – What is an HTML Element?

HTML Tag और HTML Element में अंतर

Nested HTML Elements

Empty HTML Elements

HTML Element क्या है ?

HTML Element, HTML Tags और Content का Combination होता है. यानि Opening HTML Tag और Closing HTML Tag तक सबकुछ एक HTML Element ही होता है. एक Start HTML Tag, End HTML Tag और इनके बीच Content को सामुहिक रूप से HTML Element कहते है.

HTML Element को समझने के लिये हमने एक उदाहरण तैयार किया है. जिसे पढकर आप HTML Element को बेहतर समझ पायेंगे.

<!DOCTYPE html>1. <html>2. <body>3. <h1>My First Heading</h1>

4. <p>My first paragraph.</p>

</body></html>

Example को समझिए

ऊपर दिए गए उदाहरण में कुल 4 HTML Elements है. आइए प्रत्येक HTML Element को समझते है.

HTML Element एक HTML Document का Root Element होता है. इस Element से Browser को पता चलता है कि यह एक HTML Document है. Opening <html> Tag, अन्य HTML Elements (Body, Heading और Paragraph), और Closing </html> Tag तीनो मिलकर HTML Element का निर्माब करती है.

Body Element में HTML Document का Visible Part लिखा जाता है. Opening <body> Tag, अन्य HTML Elements (Heading और Paragraph), और Closing </body> Tag से एक Body Element का निर्माण होता है.

Heading Element का उपयोग Heading बनाने के लिए किया जाता है. Opening <h1> Tag, Heading Text, और Closing </h1> Tag से एक Heading Element का निर्माण होता है.

Paragraph Element का उपयोग HTMl Document में Paragraph लिखने के लिए किया जाता है. Opening <p> Tag, Paragraph Text, और Closing </p> Tag से एक Paragraph Element का निर्माण होता है.

अब आप इस उदाहरण से HTML Element को समझ चुके है HTML Tags और HTML Elements के बीच अंतर को पढकर आप HTML Element के Concept को पूरी तरह से समझ जायेंगे.

HTML Tag और HTML Element में अंतर

बहुत लोगो द्वारा HTML Element और HTML Tag को एक दूसरे के लिये उपयोग किया जाता है. जो बिल्कुल भी सही नही है. क्योंकि HTML Tag और HTML Element दोनो एक दूसरे से भिन्न है. इन दोनों को एक दूसरे के लिये उपयोग करना सही Approach नही है. इसलिये हमने नीचे इन दोनों के बीच उपलब्ध सूक्ष्म अंतर के बारे मे बताया है. ताकि आपकी Confusion दूर हो जाए.

HTML Tag एक साधारण शब्द या अक्षर होता है, जो Angular Brackets (< >) से घिरा रहता है. इस ��ाधारण शब्द या अक्षर को एक विशेष अर्थ Define करने के लिये Mark किया जाता है. जैसे; ऊपर की फोटो में <H1> एक Opening Heading Tag है. और </H1> एक Closing Heading Tag है.

HTML Tag के बारे मे हमने अलग से एक Lesson तैयार किया है. आप इस Lesson को पढकर HTML Tags के बारे में और ज्यादा जानकारी ले सकते है.

HTML Element का निर्माण HTML Tags से होत है. एक Element का अलग से कोई अस्तित्व नही है. एक Opening Tag, Closing Tag और इनके बीच Content को सामुहिक रूप में Element कहा जाता है. प्रत्येक HTML Tag एक HTML Element हो सकता है. और अपनी अलग पहचान रखता है.

Nested HTML Element

HTML Document की ईंट HTML Tag होता है. एक HTML Tag के बीच में अन्य HTML Tags को लिखा जा सकता है. इस प्रक्रिया को HTML Elements को Nested करना कहते है. जैसे; ऊपर उदाहरण में HTML Element के बीच में Body Element, Heading Element और Paragraph Element को लिखा गया है. यहाँ HTML Parent Element है और Body, Heading और Paragraph Child Element है.

जिस क्रम में HTML Elements को Open किया जाता है. इसके विपरीत क्रम में इनको Close किया जाता है. मतलब सबसे पहले वाला Element सबसे बाद में Close होता है. जैसे; ऊपर के ऊदाहरण में हमने क्रमश: पहले HTML Element, Body Element, Heading Element और Paragraph Element को Open किया है. लेकिन, Heading Element को सबसे पहले Close किया है. इसके बाद Paragraph को Close किया है. इसके बाद क्रमश: Body और HTML Element को Close किया गया है.

Empty HTML Element

कुछ HTML Tags का साथी Tag यानि Closing Tag नही होता है. इनका सिर्फ Opening Part या Start Tag ही होता है. इन Tags में किसी Content को नही लिखा जाता है. ऐसे HTML Element को Empty Element कहा जाता है.

Empty Element में एक Tag के दोनो भाग यानि Opening Part एवं Closing Part एक ही Tag में शामिल होते है. जैसे; hr एक Empty Element है. जिसका उपयोग Document के End में एक Horizontal Line (आडि रेखा) लिखने के लिये किया जाता है. इस Tag को सही रूप में इस तरह लिखा जाता है – <br />.

सबसे पहले इस Tag को भी Opening Tag कि तरह ही Open किया जाता है. फिर इस Tag को Close करने के लिये एक Space देकर Forward Slash लगा दिया जाता है. इस तरह एक ही Tag के भीतर दोनो भाग लिख जाते है. और HTML Standard का भी उलंघन नही होता है. यह पूरी तरह नियम से ही लिखा जाता है.

from Blogger http://bkcomputercafe.blogspot.com/2018/09/learn-html-elements-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes