HTML बटन: एप्लिकेशन, उत्पादन

नौसिखिए साइट क्रिएटर्स (वे जो तैयार किए गए समाधानों का उपयोग नहीं करते हैं, अर्थात् वे जो स्वयं वेबसाइट बनाते हैं) सीखते हैं, लेकिन हमेशा पहले से अपने हाथों से साइट बनाने की सभी बारीकियों को समझना हमेशा संभव नहीं होता है।

डिजाइन की शैली में साइट मेनू में बटन html

लिंक - यह केवल एक चीज है जो एक पृष्ठ से दूसरे स्थान पर ले जा सकती है, लेकिन सरल लिंक - यह एक डिज़ाइन मॉडल की पूर्ण अनुपस्थिति है, इसलिए आपको लिंक को परिशोधित करने और इसे सुंदर रूप देने के विकल्पों की तलाश करना होगा।

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

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

एचटीएमएल में एक बटन कैसे बनाएं

आप दो तरीकों से एक बटन बना सकते हैं: स्वयं या बटन का निर्माण करने के लिए सेवाओं का उपयोग कर।

पहला तरीका आपको पूरे काम के सार को जानने और समझने की अनुमति देता है, और दूसरा - परिणाम प्राप्त करने के लिए, इसके अलावा, संभावनाओं में सीमित

साइट के लिए HTML बटन - यह बनाने के लिए बहुत मुश्किल काम नहीं है, बटन के कितने श्रमिक गहन एनीमेशन "पुनरोद्धार" शब्द का अर्थ यह है कि इसे दबाए जाने के समय क्लिक, होवर या बदलाव के लिए उत्तरदायी बनाना, जिसके लिए आपको सीएसएस या जावास्क्रिप्ट का उपयोग करना होगा

छवि का उपयोग कर बटन

एक साधारण HTML बटन चित्र-लिंक की तरह दिखता है और आईएमजी (छवि) टैग में 'ए' टैग (संदर्भ) डालने के द्वारा बनाई गई है।

यह उदाहरण, वास्तव में, एक सरल चित्र-लिंक है, लेकिन यह किसी प्रकार का हो सकता है और पूरी तरह से डिज़ाइन में फिट हो सकता है, हालांकि यह HTML बटन "काम" नहीं कर सकता है, अर्थात विभिन्न परिस्थितियों में उपस्थिति को बदलना है।

बटन के लिए एक गैर मानक उपस्थिति है और स्थिति के आधार पर बदल सकता है, तो आपको इसके मूल स्वरूप को बदलना और सीएसएस जोड़ना चाहिए।

सीएसएस का उपयोग कर साइट के लिए बटन

सीएसएस एक और प्रोग्रामिंग भाषा है जो केवल शैलियों के लिए जवाब देती है और इसे कैस्केडिंग स्टाइल शीट कहा जाता है।

एचटीएमएल साइट के लिए बटन कोड ऐसा दिखेगा:

• <"ए" एच "आर" ई "एफ =" आपको इंटरनेट पर पृष्ठ का पता निर्दिष्ट करना चाहिए "class =" ">

ध्यान दें ! उदाहरणों का उपयोग करते समय, "a और href प्राप्त करने के लिए चिह्न हटा दें"

उपरोक्त उदाहरण एक सरल लिंक है जिसे सीएसएस का उपयोग करके वांछित शैली में परिवर्तित किया जाएगा, जहां क्लास ने सीएसएस में वर्ग नाम को परिभाषित किया है ताकि कोड पृष्ठ पर उस तत्व पर लागू किया जा सके।

• बटन का बटन। / बटन * /
• चौड़ाई: 111 पीएक्स; / * - बटन की चौड़ाई 111 पिक्सल है * /
• सीमा: 1 पीएक्स ठोस # 000; / * - बटन के लिए सीमा 1 पिक्सेल है, ठोस और काला * /
• पृष्ठभूमि: # श्रेय; / * - बटन भरें - लाल * /
• पाठ संरेखित करें: बायां; / * - बाएं बटन पर पाठ को संरेखित करें * /
• पैडिंग: 10 पीएक्स; / * - पृष्ठ पर बाहरी तत्वों से इंडेन्ट्स * /
• रंग: # एफएफएफ; / * - पाठ रंग, इस मामले में सफेद * /
• फ़ॉन्ट-परिवार: वर्दााना; / * - पाठ फ़ॉन्ट (वर्ड में खोला और चुना जा सकता है) * /
• फ़ॉन्ट-आकार: 8px; / * - बटन पर टेक्स्ट का आकार * /
• सीमा-त्रिज्या: 3px; / * - बटन के कोनों को गोल करना * /
• }

नोट : / * टिप्पणी * / - ताकि आप सीएसएस कोड में टिप्पणियां छोड़ सकें।

निश्चित रूप से सबसे शुरुआती एन्कोडर भी इस उदाहरण के अर्थ को समझता है, लेकिन यह कहा जाना चाहिए कि यहां एक छोटा कोड उपयोग किया गया है जो आपको सबसे सरल बटन बनाने और गतिविधि को मँडरा या लिंक करते समय शैलियों को लागू करने की अनुमति देता है, आपको अतिरिक्त टैग और मापदंडों को लागू करना चाहिए।

साइट के लिए एक और अधिक जटिल बटन

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

प्रोग्रामिंग भाषाओं के बीच अंतर केवल कार्यान्वयन में जटिलता है, और अगर जावास्क्रिप्ट अधिक शक्तिशाली है, तो क्रमशः, और इसके अध्ययन में अधिक समय लगता है।

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

इस मामले में HTML बटन का कोड है:

• <"Input" type = "botton" name = "php के लिए बटन का नाम" value = "पाठ जो बटन पर दिखाई देता है">

ध्यान दें ! उदाहरणों का उपयोग करते समय, इनपुट प्राप्त करने के लिए "हटाएं"

इस प्रकार का एक बटन कार्यान्वित करना बहुत सरल है, और उदाहरण एक कार्य बटन दिखाता है जो फॉर्म से इनपुट डेटा भेज देगा।

• प्रकार - निर्दिष्ट करता है कि यह तत्व एक बटन है
• नाम - एक ऐसा तत्व है जो बटन को अद्वितीय बना देता है
• मूल्य - बटन पर शिलालेख प्रदर्शित करता है

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

रूपों, साथ ही साधारण लोगों के लिए लिखे गए बटन को आवश्यक रूप में परिवर्तित किया जा सकता है, लेकिन उनका उद्देश्य बहुत महत्वपूर्ण है और अधिक जिम्मेदारी रखता है।

एक बटन बनाने के मैनुअल तरीके के अलावा, ऐसी कई सेवाएं हैं जो स्वचालित रूप से विभिन्न बटन बनाते हैं और उन्हें अपने स्वाद के अनुकूल बनाने के लिए अनुकूलित करते हैं, लेकिन इन पद्धतियों में एक उल्लेखनीय कमी है - इन बटनों का उपयोग करने के लिए आपको HTML सीखना होगा।

मेनू में, सामग्री को प्रदर्शित करने वाला ब्लॉक, या साइट के पाद लेख (साइट के नीचे) में, समझने के लिए साइट के बटन कहां स्थित हैं - HTML सीखना आवश्यक है।