COPA

HTML WEB DESIGNING लेबलों वाले संदेश दिखाए जा रहे हैं. सभी संदेश दिखाएं
HTML WEB DESIGNING लेबलों वाले संदेश दिखाए जा रहे हैं. सभी संदेश दिखाएं

Web Design with HTML Online MCQ Test

Web Design with HTML Online MCQ Test

ऑनलाइन टेस्ट सीरीज वेब डिज़ाइन HTML टेस्ट-02
Online Test Series Web Design & HTML Test-02


(for ITI COPA, CCA, DCA, BCA, PGDCA, Computer Courses, Govt Jobs Exam Preparatiion.)

अब कंप्यूटर के सभी टॉपिक्स के फ्री ऑनलाइन टेस्ट / MCQs की हिंदी में प्रैक्टिस करें और ऑनलाइन कंप्यूटर परीक्षा के लिए अपनी तैयारी का परीक्षण करें। इस टेस्ट सीरीज़ में कोपा-गाइड आपको हिंदी में कंप्यूटर नेटवर्किंग, इन्टरनेट वेब डिजाईन HTML कंप्यूटर MCQ उपलब्ध कराता है।

कंप्यूटर नेटवर्किंग, इन्टरनेट वेब डिजाईन HTML ऑनलाइन टेस्ट सीरीज़ कंप्यूटर सीखने वालों एवं जो छात्र विभिन्न कंप्यूटर कोर्स जैसे CCA, DCA, BCA, PGDCA, ITI-COPA, CPCT, Competitive Exams, SSC, Bank PO, Clerk, SBI, IBPS, DOEACC Computer Courses, Govt Jobs Exam और अन्य प्रतियोगी परीक्षाओं के इच्छुक छात्रों के लिए बहुत उपयोगी हैं। यह ऑनलाइन टेस्ट सीरीज सभी उम्मीदवारों के लिए नि: शुल्क है और हिंदी भाषा में उपलब्ध है. भविष्य में कोपा-गाइड अंग्रेजी भाषा में भी इस टेस्ट सीरीज को उपलब्ध कराने का प्रयास करेगा।

ऑनलाइन टेस्ट सीरीज | इन्टरनेट HTML ऑनलाइन टेस्ट – 02


Question 31 माँडम किसके साथ कनेक्ट किया जाता है



Question 32 किसी दस्‍तावेज में पीछे से दिया गया पार्श्‍व रंग (Background Color) या प्रभाव (Effect) किस प्रकार के व्‍यू में दिखाई नहीं देता



Question 33 इंटरनेट पर विभिन्‍न वेबसाइटों पर जाकर उनकी सेवाए ली जाती हैं।



Question 34 नेटवर्क का मुख्‍य उद्देश्‍य हैं।



Question 35 निम्न मे से कौन सी टोपोलॉजी में कॉलीजन की समस्या होती है



Question 36 ई-मेल भेजने के लिये आपके पास होना चाहिये।



Question 37 इन्‍टरनेट पर किसी वेबसाइट को ढूंढने के लिये प्रयोग करते हैं।



Question 38 जुमला ने वेब की दुनिया मे कदम रखा



Question 39 एक वेबसाइट समूह है



Question 40 इन्टरनेट से जुड़े कम्प्यूटरों को पता देने वाली प्रणाली हैं।



Question 41 निम्न मे से वेब ब्राउजर का उदाहरण है



Question 42 DHCP मे एच (H) का पूर्ण रूप है



Question 43 EMAIL के भाग है



Question 44 Shift + F4 का प्रयोग होता है



Question 45 किससे आपका डाटा और सुरक्षित रहता हैं ?



Question 46 HTML प्रोग्राम को किस एक्सटेंशन से सेव किया जाता है



Question 47 कंप्यूटर नेटवर्क के सर्वर से जुड़े कंप्यूटर को कहते हैं |



Question 48 हैडिंग टैग्स कितने प्रकार के होते है



Question 49 क्लाइन्ट और सर्वर के मध्य स्थित सर्वर कहलाता हैं|



Question 50 FTP तथा गोफर दोनों प्रोटोकॉल सिध्दांत पर आधारित हैं|



Question 51 किसी टेक्स्ट को इटैलिक में लिखने के लिए कौन सा टैग इस्तेमाल किया जाता है



Question 52 मल्टीमीडिया वेबपेज, वेबसाइट और वेब आधारित एप्लिकेशन विकसित करने के लिए सबसे लोकप्रिय लैंग्वेज निम्न में से कौनसी हैं ?



Question 53 OSI का पूरा नाम क्या है?



Question 54 वेब पेज को रीलोड किया जाता है



Question 55 किसी पेज या दस्तावेज़ को किसी अन्य पेज या दस्तावेज़ से जोड़ना कहलाता है



Question 56 एक मशीन से दूसरी मशीन पर फाइल ट्रांसफर करने मे कौनसा प्रोटोकाल काम मे आता है



Question 57 वेब साइट लिखने का सही तरीका हैं।



Question 58 जब हैकर आपके फ़ोन या ई मेल पर संपर्क करके आपका पासवर्ड आधिग्रहित करने कोशिश करता है तो इस प्रक्रिया को कहते है



Question 59 यूआरएल (URL) का पूर्ण रूप हैं।



Question 60 निम्न में से कोनसा डोमेन व्यापार (Business) में प्रयोग किया जाता है



























Computer Hindi Notes | Web Page Design with HTML


HTML Hindi Notes for ITI-COPA, CCC, DCA, PGDCA
copaguide.com

Web Page Design HTML

Web Page Design - Introduction
Introduction to HTML
Creating Web Page using HTML
Heading & Paragraph Tag
HTML Text Formatting
HTML - Using List
Creating Tables in HTML
Using Hyperlinks in HTML
Using Marquee in HTML
Form Elements in HTML

HTML Practical Exercise

Using Notepad for HTML
HTML Basic Elements
HTML Heading & Paragraph
Text Formatting in HTML
Ordered / Unordered List
Tables in HTML
Using Marquee in HTML
HTML Form Elements
Using Cascading Style Sheet
Using Multimedia in HTML

HTML Video Tutorials

HTML Basic Tags
Creating Lists in HTML
Creating Tables in HTML
Hyperlinks in HTML
Using Multimedia in HTML
Using Marquee in HTML
Hyperlinks in HTML
Using Multimedia in HTML
Using Marquee in HTML
Creating Forms in HTML
Using CSS in HTML



5000+ Computer MCQ in Hindi | Online Test Series


HTML Hindi Notes for ITI-COPA, CCC, DCA, PGDCA
copaguide.com

Computer Fundamentals MCQ Test

Computer Fundamental Test - 01
Computer Fundamental Test - 02
Computer Fundamental Test - 03
Computer Fundamental Test - 04
Computer Fundamental Test - 05
Computer Fundamental Test - 06
Computer Fundamental Test - 07
Computer Fundamental Test - 08
Computer Fundamental Test - 09
Computer Fundamental Test - 10

Operating System MCQ Test

Operating System Online Test - 01
Operating System Online Test - 02
Operating System Online Test - 03
Operating System Online Test - 04
Operating System Online Test - 05
Operating System Online Test - 06
Operating System Online Test - 07
Operating System Online Test - 08
Operating System Online Test - 09
Operating System Online Test - 10

Microsoft Office MCQ Test

Microsoft Office Online Test - 01
Microsoft Office Online Test - 02
Microsoft Office Online Test - 03
Microsoft Office Online Test - 04
Microsoft Office Online Test - 05
Microsoft Office Online Test - 06
Microsoft Office Online Test - 07
Microsoft Office Online Test - 08
Microsoft Office Online Test - 09
Microsoft Office Online Test - 10


DBMS / SQL MCQ Test

DBMS SQL Test - 01
DBMS SQL Testt - 02
DBMS SQL Test - 03
DBMS SQL Test - 04
DBMS SQL Test - 05
DBMS SQL Test - 06
DBMS Access Test - 01
DBMS Access Test - 02
DBMS Access Test - 03
DBMS Access Test - 04

Internet & HTML MCQ Test

Internet & HTML Test - 01
Internet & HTML Test - 02
Internet & HTML Test - 03
Internet & HTML Test - 04
Internet & HTML Test - 05
Internet & HTML Test - 06
Internet & HTML Test - 07
Internet & HTML Test - 08
Internet & HTML Test - 09
Internet & HTML Test - 10

JavaScript MCQ Test

Java Script Online Test - 01
Java Script Online Test - 02
Java Script Online Test - 03
Java Script Online Test - 04
Java Script Online Test - 05
Java Script Online Test - 06
Java Script Online Test - 07
Java Script Online Test - 08
Java Script Online Test - 09
Java Script Online Test - 10

Web Page Design HTML | Practical Exercise


Web Page Design Using HTML Practical
copaguide.com

Online MCQ Test Series | Internet & HTML


Web Page Design Using HTML MCQ
copaguide.com





Free Online Test Series MCQs Internet & Web Design with HTML in Hindi. Now take Basic to Advance Internet & Web Design with HTML Free Online Test / MCQs in Hindi and Test your preparation for Online computer exam. In this test series we provide sufficient computer MCQs for Internet & Web Design with HTML in Hindi. HTML WEB DESIGN Fundamentals Test | Free Online WEB DESIGN - HTML Practice And Preparation Tests Internet & HTML Practice Test | Free Online HTML Web Design and Preparation Tests HTML Quiz Web Design Online Test. Free Online Mock Test Series Online Internet Test - Online Tests for Interview, Competitive Exams.

Web Design HTML Quiz   Basic Computer Online Test Series is very helpful for computer learners, students of various computer course like CCA, DCA, BCA, PGDCA, ITI-COPA and aspirants of competitive examinations. These Online Tests are free for all candidates and available in Hindi Language to better understanding for the computer subjects.

 

||    Theory    ||    Practicals    ||    Video Tutorials    ||    Online Test Series   ||

Posted by

Cascading Style Sheets (CSS) in HTML Hindi Tutorial

Explaining CSS HTML Hindi Tutorial

HTML in Hindi - How to Use Cascading Style Sheets (CSS)
एचटीएमएल में कैस्केडिंग स्टाइल शीट (CSS) का प्रयोग कैसे करें?


Using CSS in HTML

कैस्केडिंग स्टाइल शीट (CSS) क्या हैं?
What is Cascading Style Sheet (CSS)?


कैस्केडिंग स्टाइल शीट (Cascading Style Sheets) वेब डेवेलपमेंट में प्रयोग की जाने वाली स्टाइल शीट लैंग्वेज है, जिसका उपयोग HTML या XML डॉक्यूमेंट्स को डिज़ाइन करने के लिए होता है।
CSS या कैस्केडिंग स्टाइल शीट (Cascading Style Sheets) एक वेब डेवेलपमेंट भाषा है जो HTML या XML एलीमेंट को स्टाइल देने के लिए डिज़ाइन की गई है। इसका प्रमुख उद्देश्य वेब पेज को बेहतर और आकर्षक बनाना है।
कैस्केडिंग स्टाइल शीट (CSS) द्वारा वेब पेज के लेआउट, कलर, फॉन्ट एवं अन्य विजुअल एपीयरेन्स को डिफाइन किया जा सकता है। सीएसएस या कैस्केडिंग स्टाइल शीट द्वारा वेबसाईट को आकर्षक एवं इंटरएक्टिव बनाया जा सकता है।
कैस्केडिंग स्टाइल शीट (CSS) के द्वारा कलर, फ़ॉन्ट, टेक्स्ट साइज़, विभिन्न एलीमेंट के बीच की दूरी को कंट्रोल कर सकते हैं, बैकग्राउंड कलर को परिवर्तित करना, इमेज का प्रयोग, विभिन्न प्रकार के ट्रांजिशन इफेक्ट एवं एनिमेशन आदि को आसानी से किया जा सकता है।

कैस्केडिंग स्टाइल शीट (CSS) के उपयोग
Uses of Cascading Style Sheet (CSS)


कैस्केडिंग स्टाइल शीट (CSS) की महत्त्वपूर्ण विशेषताओं के कारण इन्हें कई प्रकार से उपयोग किया जा सकता है, वेब डिजाइन में CSS के विभिन्न उपयोग एवं विशेषताएं निम्नानुसार हैं:


CSS का प्रमुख उद्देश्य वेब पेज को स्टाइल करना है, जिससे उपयोगकर्ताओं को एक आकर्षक और इंटरएक्टिव वेब पेज प्रदान किया जा सके।


कैस्केडिंग स्टाइल शीट (CSS) में फ्लेक्सबॉक्स और ग्रिड जैसे तकनीकों का उपयोग करके वेब साइट के लेआउट को आसानी से डिजाइन किया जा सकता है। इससे वेब डेवलपर्स को वेब पेज के स्ट्रक्चर को कंट्रोल करने में सहायता मिलती है।


कैस्केडिंग स्टाइल शीट (CSS) में मीडिया एवं क्वेरीज़ का उपयोग करके रिस्पॉन्सिव डिज़ाइन बनाया जा सकता है, जिससे वेब पेज विभिन्न कम्प्यूटिंग डिवाइस जैसे डेस्कटॉप, लैपटॉप, मोबाईल आदि के विभिन्न साइज़ के लिए अनुकूल हो सकते हैं।


कैस्केडिंग स्टाइल शीट (CSS) के द्वारा वेब पेज पर विभिन्न और ट्रांजिशन एवं एनिमेशन्स इफेक्ट के अलावा इंटरऐक्टिव एलिमेंट्स को डिजाइन करने की सुविधा भी प्राप्त होती है।


कैस्केडिंग स्टाइल शीट (CSS) में विभिन्न स्टाइल्स को अलग-अलग CSS फ़ाइलों में ऑर्गनाइज़ किया जा कसता है, जिससे उन्हें कहीं भी प्रयोग किया जा सके।


कैस्केडिंग स्टाइल शीट (CSS) में बॉक्स मॉडल का उपयोग किया जाता है, जिसमें प्रत्येक HTML एलीमेंट को एक आयताकार बॉक्स के रूप में डिफाइन किया जाता है। इसमें कंटेंट, पैडिंग, बॉर्डर और मार्जिन आदि शामिल होते हैं।


एक्सटर्नल CSS फ़ाइलों को लोकल और सर्वर साइड कैशिंग का उपयोग करके वेब पेज की लोडिंग स्पीड को बढ़ाता जा सकता है, क्योंकि ब्राउज़र उन्हें कैश (cache) कर सकता है, जिससे वे तेजी से लोड होते हैं।


कैस्केडिंग स्टाइल शीट (CSS) का उपयोग वेब साइट के उपयोगकर्ताओं को अधिक उपयोगी, क्लीयर और बेहतर साइट एक्सपीरियंस प्रदान करने के लिए किया जाता है। यह विभिन्न ब्राउज़रों के बीच कम्पैटिबिलटी को सुनिश्चित करने में भी मदद करता है। जिससे सभी ब्राउज़र एक समान रिजल्ट प्रदर्शित कर सकें।


कैस्केडिंग स्टाइल शीट (CSS) कैसे कार्य करता है?
How Cascading Style Sheet (CSS) Works?


हाइपरटेक्स्ट मार्कअप लैंग्वेज (HTML) एवं कैस्केडिंग स्टाइल शीट (CSS) का उपयोग कर वेब पेज बनाया जाता है। जब इसे लोड किया जाता है तो, ब्राउज़र पहले HTML स्ट्रक्चर के अनुसार प्रस्तुत करता है। फिर ब्राउज़र CSS फ़ाइलों को ढूंढता है और उन्हें HTML के साथ मिलाकर पेज को स्टाइल देता है। इस प्रकार एचटीएमएल एवं CSS द्वारा बनाया गया पेज ब्राउज़र द्वारा प्रदर्शित किया जाता है। इसे निम्नानुसार समझा जा सकता है।

How CSS Works Hindi Notes

वेब ब्राउज़र द्वारा सबसे पहले एचटीएमएल कोड को सिस्टम में लोड एवं पार्स किया जाता है, उसके बाद CSS स्टाइल को लोड और पार्स करने की प्रक्रिया होती है। जब HTML और CSS स्टाइल को लोड और पार्स कर लेते हैं, तो उन्हें संयोजित (combine) करने की प्रक्रिया दो अलग-अलग चरणों में होती है। सबसे पहले, ब्राउज़र उन्हें डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) में परिवर्तित करता है। इसके बाद डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) डॉक्यूमेंट के कंटेन्ट एवं स्टाइल को जोड़ता है जीसे ब्राउज़र उस स्टाइल के साथ वेब कंटेन्ट को प्रदर्शित करता है।

कैस्केडिंग स्टाइल शीट (CSS) का एचटीएमएल में प्रयोग
Using Cascading Style Sheet (CSS) in HTML


कैस्केडिंग स्टाइल शीट (CSS) का एचटीएमएल में प्रयोग करने के लिए एक निर्धारित स्ट्रक्चर का प्रयोग किया जाता है, जिसे कैस्केडिंग स्टाइल शीट (CSS) का सिंटेक्स भी कहा जाता है।
कैस्केडिंग स्टाइल शीट (CSS) में मुख्य रूप से सिलेक्टर (Selector) एवं डिक्लरेशन (Declaration) से मिलती है। कैस्केडिंग स्टाइल शीट (CSS) का स्ट्रक्चर इस प्रकार होता है:

कैस्केडिंग स्टाइल शीट में CSS सिलेक्टर (Selector) के द्वारा एचटीएमएल (HTML) एलीमेंट जैसे हेडिंग, पैराग्राफ, टेबल आदि को सिलेक्ट किया जाता है। सिलेक्टर में क्लास (Class) एवं आईडी (ID) को भी प्रयोग किया जा सकता है।

कैस्केडिंग स्टाइल शीट में डिक्लरेशन को एक ब्लॉक के अंदर कर्वी ब्रेसेस {} में लिखा जाता है। इसे डिक्लरेशन बॉक्स (Declaration Block) कहा जाता है। इस ब्लॉक के अंदर एक से अधिक डिक्लरेशन को डिफाइन किया जा सकता है। प्रत्येक डिक्लरेशन में एक CSS प्रॉपर्टी जैसे color, font-size आदि एवं उसकी वैल्यू को डिफाइन किया जाता है।

कैस्केडिंग स्टाइल शीट में विभिन्न CSS प्रॉपर्टी का प्रयोग किया जा सकता है। मुख्य रूप से CSS प्रॉपर्टी जैसे “color,” “font-size,” “margin,” “padding,” “display,” “position,” “background-colour,” “border,” “text-align,” “width,” “height,” आदि का प्रयोग किया जाता है।
प्रॉपर्टी वैल्यू के अंदर उसकी वैल्यू जैसे कलर - blue, red, green, फॉन्ट साइज़ - 10px, 14px, 20px, आदि को डिफाइन किया जाता है। प्रॉपर्टी एवं वैल्यू को एक कोलन : द्वारा अलग किया जाता है।

कैस्केडिंग स्टाइल शीट (CSS) के प्रकार
Types of Cascading Style Sheet (CSS)


एचटीएमएल में कैस्केडिंग स्टाइल शीट को प्रयोग करने के आधार पर बाँटा गया है। मुख्य रूप से कैस्केडिंग स्टाइल शीट (CSS) के तीन प्रकार हैं:
 ➥ इनलाइन सीएसएस (Inline CSS)
 ➥ इंटरनल या एम्बेडेड सीएसएस (Internal or Embedded CSS)
 ➥ एक्सटर्नल सीएसएस (External CSS)

इनलाइन सीएसएस
Inline CSS


इनलाइन सीएसएस (Inline CSS) में दी जाने वाली स्टाइल को सीधे HTML टैग द्वारा प्रयोग किया जाता है। इसे "style" एट्रिब्यूट के माध्यम से लिखा जाता है। इनलाइन सीएसएस को पेज के प्रत्येक एलीमेंट के लिए अलग-अलग लिखना पड़ता है।
उदाहरण :



इंटरनल या एम्बेडेड सीएसएस | Internal or Embedded CSS


इंटरनल या एम्बेडेड सीएसएस (Internal or Embedded CSS) में स्टाइल को HTML टैग के साथ <style> ब्लॉक के अंदर प्रयोग किया जाता है। इसे एचटीएमएल के हेड <head> सेक्शन के अंदर डिफाइन किया जाता है। यह स्टाइल पूरे वेब पेज पर कार्य करता है।
उदाहरण :



एक्सटर्नल सीएसएस
External CSS


एक्सटर्नल सीएसएस में CSS स्टाइल को डिफाइन करके एक अलग सीएसएस फ़ाइल में सेव किया जाता है और फिर उस एचटीएमएल फ़ाइल को <link> एट्रिब्यूट का उपयोग करके प्रयोग किया जाता है। इस प्रकार से स्टाइल्स को एक से अधिक HTML पेज पर बार बार प्रयोग किया जा सकता है। उपरोक्त कोड को style.css फाइल में सेव करके उसे निम्नानुसार लिंक किया जा सकता है।
उदाहरण :

















Computer Hindi Notes | Web Page Design with HTML


HTML Hindi Notes for ITI-COPA, CCC, DCA, PGDCA
copaguide.com

Web Page Design HTML | Practical Exercise


Web Page Design Using HTML Practical
copaguide.com

Online MCQ Test Series | Internet & HTML


Web Page Design Using HTML MCQ
copaguide.com



Tags - What is HTML CSS Hindi Explanation. Learn to Use CSS elements Tag, Use of CSS in HTML. Using CSS elements Text box, Check box, Radio button, Combo Box, Text Field in HTML. Using form Elements in HTML Programming. HTML Hindi Notes Using CSS. How to use CSS elements in HTML. HTML CSS Tags Practical Example. HTML form element program code. HTML Programming Creating CSS with Text box, Check box, Radio button, Combo Box, Text Field Exercise, How to Create CSS in HTML. HTML Hindi Notes। How to Create CSS in HTML In Hindi How to Create CSS in HTML. HTML Tutorial in Hindi HTML tutorial for beginners in Hindi.
CSS क्या हैं? एचटीएमएल में कैस्केडिंग स्टाइल शीट CSS का कैसे प्रयोग करें? एचटीएमएल में कैस्केडिंग स्टाइल शीट एवं उनके उपयोग। कैस्केडिंग स्टाइल शीट एलीमेंट प्रैक्टिकल उदाहरण सहित। एचटीएमएल कैस्केडिंग स्टाइल शीट की जानकारी, एचटीएमएल प्रोग्रामिंग कैस्केडिंग स्टाइल शीट एलीमेंट के उदाहरण सहित प्रोग्रामिंग कोड, HTML CSS एलीमेंट का परिचय, CSS एलीमेंट के प्रकार, HTML में CSS क्या है? HTML पेज में कैस्केडिंग स्टाइल शीट का प्रयोग कैसे करें? कैस्केडिंग स्टाइल शीट सिंटैक्स क्या है?


Posted by

HTML Practical Code Using Form Elements

HTML Practical | HTML Form Elements

HTML प्रेक्टिकल - एचटीएमएल फॉर्म एलीमेंट का प्रयोग
HTML Practical - Using HTML Form Elements


HTML Form Elements Practical Learning

वेब डिजाईन विद एचटीएमएल प्रेक्टिकल - एचटीएमएल फॉर्म एलीमेंट का प्रयोग
Web Design with HTML Practical - Using Form Elements

एचटीएमएल फॉर्म का प्रयोग यूजर द्वारा दिए जाने वाले इनपुट के लिए किया जाता है। एचटीएमएल फॉर्म के द्वारा विभिन्न जानकारी जैसे नाम, ईमेल आई डी, एड्रैस, फोन नंबर, पासवर्ड आदि की जानकारी विभिन्न फॉर्म एलीमेंट जैसे इनपुट टेक्स्ट, टेक्स्ट फील्ड, चेकबॉक्स, रेडियो बटन, सबमिट बटन आदि के द्वारा प्राप्त की जा सकती है। एचटीएमएल फॉर्म द्वारा यह सभी जानकारियाँ आसानी से प्राप्त की जा सकती हैं।
HTML मे फॉर्म (Form) को <form> ........... </form> टैग से डिफाइन करते है।
HTML फॉर्म को विभिन्न प्रकार के यूजर से डाटा को इकट्ठा करने के लिए प्रयोग किया जाता है जैसे : Name, Email Address, Phone Numbers की जानकारी आदि।
एचटीएमएल में प्रयोग की जाने वाले विभिन्न फॉर्म एलीमेंट निम्न हैं:



Requirements : (Tools / Equipments / Instruments)


पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र

एचटीएमएल फॉर्म एलीमेंट का प्रयोग | Using Form Elements in HTML


HTML में फॉर्म का प्रयोग करने के लिए निम्नानुसार स्टेप्स प्रयोग कीजिए।

विंडोज के नोटेपेड प्रोग्राम को ओपन कीजिए
START > ALL PROGRAMS > ACCESSORIES >   NOTEPAD


नोटपैड में निम्नानुसार कोड टाइप कीजिए।



फाइल को सेव कीजिए।  HTML File  को सेव करने के लिए   की-बोर्ड से  Ctrl + S  दबाएं।   SaveAs  डायलॉग बॉक्स में फाईल के    नाम के साथ एक्सटेंशन के रूप में HTML अवश्य लिखें. जैसे  form.html  और  Save as type :  आप्शन पर निम्नानुसार All Files सेलेक्ट कर  Save  बटन पर क्लिक कीजिए।

फाईल को खोलने के लिए माऊस से डबल क्लिक कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी।



एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म इनपुट एलीमेंट का प्रयोग
Online HTML Practice - Using Input Element in HTML Form Program Code


HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल फॉर्म इनपुट एलीमेंट का प्रोग्राम कोड लिख कर फॉर्म बना सकते हैं। प्रोग्राम कोड का आउटपुट, रिजल्ट विंडो में प्रदर्शित होगा।



See the Pen HTML Form - Using Text Field, Password Field, Radio Button by ITI COPA (@copaguide) on CodePen.



 ➥  <input> एलीमेंट का प्रयोग कर एचटीएमएल में स्कूल एडमिशन फॉर्म का कोड लिखकर आउटपुट रिजल्ट विंडो में चेक कीजिए।

एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म लेबल एलीमेंट का प्रयोग
Online HTML Practice - Using Label Element in HTML Form Program Code


See the Pen HTML Form Input Element with Type Attribute by ITI COPA (@copaguide) on CodePen.



एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म सिलेक्ट एलीमेंट का प्रयोग
Online HTML Practice - Using Select Element in HTML Form Program Code


HTML फॉर्म में ड्रॉप डाउन लिस्ट के लिए <select> एलीमेंट का प्रयोग किया जाता है। select फ़ॉर्म एलीमेंट्स के option एट्रीब्यूट के द्वारा सिलेक्शन लिस्ट की वैल्यू को डिफाइन किया जाता है।

See the Pen HTML Form Select Element with Option Tag by ITI COPA (@copaguide) on CodePen.



एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म फील्ड सेट एवं लेजेंड एलीमेंट का प्रयोग
Online HTML Practice - Using Fieldset & Legend Element in HTML Form Program Code


HTML फॉर्म में फील्डसेट <fieldset> एलिमेंट फॉर्म में एक ही प्रकार के डाटा की ग्रुपिंग के लिए उपयोग किया जाता है। जैसे रेजिस्ट्रैशन फॉर्म में पर्सनल इनफार्मेशन, क्वालिफिकेशन, आदि को अलग अलग ग्रुप में बांटना है तो fieldset एलीमेंट का प्रयोग करते हैं। इसी प्रकार <legend> का प्रयोग इसके कैप्शन के लिए किया जाता है।

See the Pen Field Set and Legend in HTML Form by ITI COPA (@copaguide) on CodePen.





Computer Hindi Notes | Learning HTML Programming | Learn HTML Form Elements








Computer Hindi Notes | Web Page Design with HTML


HTML Hindi Notes for ITI-COPA, CCC, DCA, PGDCA
copaguide.com

Web Page Design HTML | Practical Exercise


Web Page Design Using HTML Practical
copaguide.com

Online MCQ Test Series | Internet & HTML


Web Page Design Using HTML MCQ
copaguide.com



Tags - What is HTML forms Practical Program Code Explanation. Learn to Use forms elements Tag Practice Online. Practical Use of forms in HTML. Using forms elements Text box, Check box, Radio button, Combo Box, Text Field in HTML. Using form Elements in HTML Programming. HTML Hindi Notes Using forms. How to use forms elements in HTML. HTML forms Tags Practical Example. HTML form element program code. HTML Programming Creating forms with Text box, Check box, Radio button, Combo Box, Text Field Exercise, How to Create forms in HTML. HTML Hindi Notes। How to Create forms in HTML | In Hindi How to Create forms in HTML. HTML Tutorial in Hindi HTML tutorial for beginners in Hindi.
HTML फॉर्म क्या हैं? एचटीएमएल में फॉर्म का कैसे प्रयोग करें? एचटीएमएल में फॉर्म टैग्स एवं उनके उपयोग। फॉर्म एलीमेंट प्रैक्टिकल उदाहरण सहित। एचटीएमएल फॉर्म टैग की जानकारी, एचटीएमएल प्रोग्रामिंग फॉर्म एलीमेंट के उदाहरण सहित प्रोग्रामिंग कोड, HTML फॉर्म एलीमेंट टैग का परिचय, HTML फॉर्म एलीमेंट बनाने के लिए Use होने वाले HTML Elements, HTML फॉर्म एलीमेंट ऐट्ट्रीब्यूट के प्रकार, HTML में फॉर्म एलीमेंट क्या है? HTML पेज में फॉर्म एलीमेंट बनाने के लिए फॉर्म स्ट्रक्चर कौन सा है? वेब पेज पर फॉर्म बनाने के लिए HTML में सिंटैक्स क्या है? HTML में फॉर्म एलीमेंट का प्रयोग कैसे करें? फॉर्म एलीमेंट उदाहरण सहित समझाइए? फॉर्म कैसे क्रिएट करें.फॉर्म एलीमेंट क्या होते है? विभिन्न फॉर्म एलीमेंट जैसे टेक्स्ट बॉक्स, चेक बॉक्स, रेडियो बटन, ड्रॉप डाउन लिस्ट, पैराग्राफ की जानकारी दीजिए।


Posted by

HTML Forms Learn in Hindi

HTML Form Elements | Hindi Notes

HTML in Hindi - How to Use Form Elements
एचटीएमएल में फॉर्म एलिमेंट्स का प्रयोग कैसे करें?


HTML Form Elements

एचटीएमएल फॉर्म क्या हैं?
What is Form in HTML?


एचटीएमएल फॉर्म का प्रयोग यूजर द्वारा दिए जाने वाले इनपुट के लिए किया जाता है। एचटीएमएल फॉर्म के द्वारा विभिन्न जानकारी जैसे नाम, ईमेल आई डी, एड्रैस, फोन नंबर, पासवर्ड आदि की जानकारी विभिन्न फॉर्म एलीमेंट जैसे इनपुट टेक्स्ट, टेक्स्ट फील्ड, चेकबॉक्स, रेडियो बटन, सबमिट बटन आदि के द्वारा प्राप्त की जा सकती है। एचटीएमएल फॉर्म द्वारा यह सभी जानकारियाँ आसानी से प्राप्त की जा सकती हैं।
HTML मे फॉर्म (Form) को <form> ........... </form> टैग से डिफाइन करते है।
HTML फॉर्म को विभिन्न प्रकार के यूजर से डाटा को इकट्ठा करने के लिए प्रयोग किया जाता है जैसे : Name, Email Address, Phone Numbers की जानकारी आदि।
HTML form द्वारा विभिन्न प्रकार के फॉर्म तैयार कर यूजर से डाटा प्राप्त किया जा सकता है। इसमें विभिन्न फील्ड्स जैसे सामान्य जानकारी हेतु टेक्स्ट बॉक्स, चेक बॉक्स, रेडियो बटन, ड्रॉप डाउन लिस्ट, पैराग्राफ टेक्स्ट आदि के फॉर्म में जानकारी प्राप्त की जा सकती है।

एचटीएमएल फॉर्म एलीमेंट का प्रयोग
Using Form Elements in HTML


Form Element : HTML फॉर्म में फॉर्म एलिमेंट्स होते हैं, जैसे: टेक्स्ट फ़ील्ड, चेकबॉक्स, रेडियो बटन, ड्रॉप डाउन लिस्ट, सबमिट बटन आदि
एचटीएमएल में प्रयोग की जाने वाले विभिन्न फॉर्म एलीमेंट निम्न हैं:


यह फॉर्म एलीमेंट फॉर्म के किसी भी एलीमेंट जैसे टेक्स्ट बॉक्स, टेक्स्ट फील्ड आदि के लिए लेबल डिफाइन करने के लिए प्रयोग किया जाता है।


यह फॉर्म एलीमेंट फॉर्म में इनपुट जैसे नाम, ईमेल, पासवर्ड, आदि प्राप्त करने के लिए प्रयोग किया जाता है।


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


यह फॉर्म एलीमेंट ड्रॉप डाउन लिस्ट डिफाइन करने के लिए प्रयोग किया जाता है।


यह फॉर्म एलीमेंट फॉर्म में लॉंग टेक्स्ट एरिया जैसे पैराग्राफ टेक्स्ट आदि को डिफाइन करने के लिए प्रयोग किया जाता है।


यह फॉर्म एलीमेंट विभिन्न जानकारी को ग्रुप करने के लिए प्रयोग किया जाता है, इसके द्वारा उन कंटेन्ट को बॉक्स के द्वारा अलग प्रदर्शित किया जा सकता है।


यह फॉर्म एलीमेंट फील्ड सेट के लिए लेबल डिफाइन करने के लिए प्रयोग किया जाता है।


यह फॉर्म एलीमेंट फॉर्म के प्रीडिफाइन लिस्ट ऑप्शन के लिए प्रयोग किया जाता है।


यह फॉर्म एलीमेंट केलकुलेशन के लिए प्रयोग किया जाता है।


एचटीएमएल फॉर्म इनपुट एलीमेंट्स
HTML Form Input Element


एचटीएमएल (HTML) फॉर्म का प्रयोग यूजर द्वारा दिए जाने वाले इनपुट के लिए किया जाता है, HTML फॉर्म को डिफाइन करने के लिए <form> ........... </form> टैग का प्रयोग किया जाता है। इसके बाद इनपुट एलीमेंट का प्रयोग करते हैं। <input> एलिमेंट फॉर्म का सबसे महत्वपूर्ण एलिमेंट है, इसका प्रयोग टाइप एट्रिब्यूट के साथ किया जाता है। जैसे <input type="text" > यह सिंगल लाइन टेक्स्ट इनपुट फ़ील्ड के लिए प्रयोग किया जाता है। <input> एलिमेंट में विभिन्न टाइप एट्रीब्यूट जैसे text, password, submit, reset, radio, checkbox, button, file, image आदि का प्रयोग किया जा सकता है। प्रमुख type एट्रीब्यूट निम्न हैं:


<type="text"> :

यह सिंगल लाइन टेक्स्ट इनपुट फ़ील्ड के लिए प्रयोग किया जाता है।

<type="password"> :

यह सिंगल लाइन पासवर्ड फ़ील्ड के लिए प्रयोग किया जाता है।

<type="radio"> :

यह रेडियो बटन के लिए प्रयोग किया जाता है।

<type="submit"> :

यह सबमिट बटन के लिए प्रयोग किया जाता है।

<type="checkbox"> :

यह चेकबॉक्स के लिए प्रयोग किया जाता है, इसके द्वारा एक से अधिक ऑप्शन का प्रयोग सिलेक्शन के लिए किया जा सकता है।

<type="reset"> :

यह रीसेट बटन के लिए प्रयोग किया जाता है, इसके प्रयोग से फॉर्म में फिल की गई वैल्यू रीसेट हो जाती हैं।

<type="button"> :

यह बटन के लिए प्रयोग किया जाता है, जिसे किसी टास्क को पूरा करने के लिए प्रयोग किया जाता है।

<type="file"> :

यह फाइल को सिलेक्ट करने के लिए प्रयोग किया जाता है।।


एचटीएमएल इनपुट एलीमेंट्स का उदाहरण (HTML Input Element with Type Attribute Program Example):


एचटीएमएल इनपुट एलीमेंट्स प्रोग्राम आउटपुट (HTML Input Element with Type Attribute Program Output) :


एचटीएमएल फॉर्म लेबल एलीमेंट्स
HTML Form Label Element


HTML फॉर्म में इनपुट को डिफाइन करने के लिए <label> टैग का प्रयोग किया जाता है। label टैग फ़ॉर्म एलीमेंट्स के लिए एक लेबल को परिभाषित करता है।
label टैग के for एट्रिब्यूट को हमेशा input एलिमेंट की id के अनुसार ही रखा जाना चाहिए जिससे दोनों आपस में कनेक्ट किया जा सके।

एचटीएमएल इनपुट एलीमेंट्स के साथ लेबल टैग का उदाहरण (HTML Using Label Tag with Input Element Program Example):


उपरोक्त उदाहरण में label for="fname" के साथ input id="fname" दोनों को एक ही वैल्यू दी गई है, जिससे दोनों को इन्टर कनेक्ट किया जा सके।

एचटीएमएल इनपुट एलीमेंट्स के साथ लेबल टैग का प्रोग्राम कोड आउटपुट (HTML Using Label Tag with Input Element Program Code Output)


एचटीएमएल फॉर्म सिलेक्ट एलीमेंट्स
HTML Form Select Element


HTML फॉर्म में ड्रॉप डाउन लिस्ट के लिए <select> एलीमेंट का प्रयोग किया जाता है। select फ़ॉर्म एलीमेंट्स के option एट्रीब्यूट के द्वारा सिलेक्शन लिस्ट की वैल्यू को डिफाइन किया जाता है।

एचटीएमएल सिलेक्ट एलीमेंट्स के साथ ऑप्शन टैग का उदाहरण (Using option Tag with Select Element in HTML):


एचटीएमएल सिलेक्ट एलीमेंट्स के साथ ऑप्शन टैग प्रोग्राम कोड आउटपुट (Using option Tag with Select Element in HTML Program Code Output)


एचटीएमएल फॉर्म टेक्स्ट एरिया एलीमेंट्स
HTML Form Text Area Element


HTML फॉर्म में एक से अधिक लाइन के input के लिए टेक्स्ट एरिया (Textarea) एलीमेंट का प्रयोग किया जाता है। यह सामान्यतः एड्रैस ब्लॉक अथवा मल्टीलाइन फॉर्म इनपुट के लिए उपयोग होता है। इसके rows एट्रिब्यूट का उपयोग लाइन्स की संख्या के लिए उपयोग किया जाता है। जबकि cols एट्रिब्यूट विड्थ के लिए उपयोग किया जाता है। यह एक टेक्स्ट एरिया ब्लॉक एचटीएमएल फॉर्म में इन्सर्ट करने के लिए प्रयोग किया जाता है।

एचटीएमएल टेक्स्ट एरिया एलीमेंट्स के साथ रो एवं कॉलम एट्रीब्यूट उदाहरण (Using rows and cols with Textarea Element in HTML):


एचटीएमएल टेक्स्ट एरिया एलीमेंट्स के साथ रो एवं कॉलम एट्रीब्यूट प्रोग्राम कोड आउटपुट (Using rows and cols with Textarea Element in HTML Program Code Output)


एचटीएमएल फॉर्म फील्ड सेट एवं लेजेंड एलीमेंट्स
HTML Form Fieldset & Legend Element


HTML फॉर्म में फील्डसेट <fieldset> एलिमेंट फॉर्म में एक ही प्रकार के डाटा की ग्रुपिंग के लिए उपयोग किया जाता है। जैसे रेजिस्ट्रैशन फॉर्म में पर्सनल इनफार्मेशन, क्वालिफिकेशन, आदि को अलग अलग ग्रुप में बांटना है तो fieldset एलीमेंट का प्रयोग करते हैं। इसी प्रकार <legend> का प्रयोग इसके कैप्शन के लिए किया जाता है।

एचटीएमएल फील्ड सेट एवं लेजेंड एलीमेंट्स का उदाहरण (Using Fieldset & Legend in HTML):


एचटीएमएल फील्ड सेट एवं लेजेंड एलीमेंट्स प्रोग्राम कोड आउटपुट (Using Fieldset & Legend Element in HTML Program Code Output)


एचटीएमएल फॉर्म बटन एलीमेंट्स
HTML Form Button Element


HTML फॉर्म में बटन <button> एलिमेंट किसी भी एक्शन बटन के लिए उपयोग किया जाता है। यह एक क्लिक करने वाला बटन होता है, इसके साथ type एट्रीब्यूट में button, reset अथवा submit का उपयोग किया जाता है। बटन को क्लिक करने यह किस एक्शन को कम्प्लीट करेगा यह भी डिफाइन किया जाता है।

एचटीएमएल फील्ड सेट एवं लेजेंड एलीमेंट्स का उदाहरण (Using Fieldset & Legend in HTML):


एचटीएमएल फील्ड सेट एवं लेजेंड एलीमेंट्स प्रोग्राम कोड आउटपुट (Using Fieldset & Legend Element in HTML Program Code Output)



उपरोक्त बटन पर क्लिक करने पर अलर्ट के अंदर दिया गया मैसेज स्क्रीन पर डिस्प्ले होगा।

Computer Practical | Learn and Practice HTML Program Code | HTML Form Elements














Computer Hindi Notes | Web Page Design with HTML


HTML Hindi Notes for ITI-COPA, CCC, DCA, PGDCA
copaguide.com

Web Page Design HTML | Practical Exercise


Web Page Design Using HTML Practical
copaguide.com

Online MCQ Test Series | Internet & HTML


Web Page Design Using HTML MCQ
copaguide.com



Tags - What is HTML forms Hindi Explanation. Learn to Use forms elements Tag, Use of forms in HTML. Using forms elements Text box, Check box, Radio button, Combo Box, Text Field in HTML. Using form Elements in HTML Programming. HTML Hindi Notes Using forms. How to use forms elements in HTML. HTML forms Tags Practical Example. HTML form element program code. HTML Programming Creating forms with Text box, Check box, Radio button, Combo Box, Text Field Exercise, How to Create forms in HTML. HTML Hindi Notes। How to Create forms in HTML | In Hindi How to Create forms in HTML. HTML Tutorial in Hindi HTML tutorial for beginners in Hindi.
HTML फॉर्म क्या हैं? एचटीएमएल में फॉर्म का कैसे प्रयोग करें? एचटीएमएल में फॉर्म टैग्स एवं उनके उपयोग। फॉर्म एलीमेंट प्रैक्टिकल उदाहरण सहित। एचटीएमएल फॉर्म टैग की जानकारी, एचटीएमएल प्रोग्रामिंग फॉर्म एलीमेंट के उदाहरण सहित प्रोग्रामिंग कोड, HTML फॉर्म एलीमेंट टैग का परिचय, HTML फॉर्म एलीमेंट बनाने के लिए Use होने वाले HTML Elements, HTML फॉर्म एलीमेंट ऐट्ट्रीब्यूट के प्रकार, HTML में फॉर्म एलीमेंट क्या है? HTML पेज में फॉर्म एलीमेंट बनाने के लिए फॉर्म स्ट्रक्चर कौन सा है? वेब पेज पर फॉर्म बनाने के लिए HTML में सिंटैक्स क्या है? HTML में फॉर्म एलीमेंट का प्रयोग कैसे करें? फॉर्म एलीमेंट उदाहरण सहित समझाइए? फॉर्म कैसे क्रिएट करें.फॉर्म एलीमेंट क्या होते है? विभिन्न फॉर्म एलीमेंट जैसे टेक्स्ट बॉक्स, चेक बॉक्स, रेडियो बटन, ड्रॉप डाउन लिस्ट, पैराग्राफ की जानकारी दीजिए।


Posted by
सदस्यता लें संदेश (Atom)