HTML Button with Link in Hindi

5
224
HTML Button with Link.

HTML Button with Link HTML (Hypertext Markup Language) web browser में प्रदर्शित किए जाने वाले documents के लिए मानक markup भाषा है ।

इसमें cascading style sheet (CSS)और java scripting जैसी scripting भाषाओं जैसी तकनीकियों की सहायता ली जा सकती है।
Web browser web server से या स्थानीय स्टोरेज से HTML दस्तावेज प्राप्त करते हैं और दस्तावेजों को
multimedia web pages में रेंडर करते हैं|

HTML web page की संरचना को शब्दार्थ और मूल रूप से दस्तावेज की उपस्थिति के लिए शामिल संकेतों का वर्णन करता है।

HTML Button with Link.HTML तत्व HTMLपृष्ठों के निर्माण खंड है| HTML निर्माणों के साथ चित्र और अन्य वस्तुएं जैसे कि संवादात्मक रूप प्रदान किए गए पृष्ठ में embedded किये जा सकते हैं |HTML Button with Link program HTML प्रदान करता है|

HTMLपाठ के लिए संरचनात्मक शब्दार्थ जैसे Headings, paragraphs, lists, links,quotes और other items को चिन्हित करके संरक्षित दस्तावेज बनाने का साधन प्रदान करता है|

HTML तत्वों को Tags कोस्ट द्वारा चित्रित किया गया है| कोण कोष्ठक का उपयोग करके लिखा गया है| Tags जैसे
<img/> और <input/>सीधे पृष्ठ में सामग्री को प्रस्तुत करते हैं।

HTML Button with Link.अन्य Tag जैसे कि <p> दस्तावेज़ पाठ के बारे में जानकारी प्रदान करते हैं और उन्हें उप-तत्वों के रूप में अन्य टैग शामिल कर सकते हैं। ब्राउज़र HTML Tag प्रदर्शित नहीं करते हैं, लेकिन पृष्ठ की सामग्री की व्याख्या करने के लिए उनका उपयोग करते हैं।

HTML एक स्क्रिप्टिंग भाषा में लिखे प्रोग्रामों को embedded कर सकता है जैसे java script, जो वेब पेजों के
व्यवहार और सामग्री को प्रभावित करता है।HTML Button with Link के साथ program करते हैं |
CSS का समावेश सामग्री के रूप और layout को परिभाषित करता है।

HTML markup में कई प्रमुख घटक होते हैं, जिनमें Tags (और उनकी विशेषताएँ), चरित्र-आधारित डेटा प्रकार, चरित्र संदर्भ और इकाई संदर्भ शामिल हैं।

HTML टैग आमतौर पर जोड़े में आते हैं जैसे <h1> और </ h1>, हालांकि कुछ खाली तत्वों का प्रतिनिधित्व करते हैं और इसलिए अप्रकाशित हैं, उदाहरण के लिए <img>।

ऐसी जोड़ी में पहला Tag start tag है, और दूसरा एंड टैग है (इन्हें opening tag और closing tag भी कहा जाता है)।

HTML Button with Link, एक अन्य महत्वपूर्ण घटक HTML दस्तावेज़ प्रकार की घोषणा है, जो standard mode rendering को ट्रिगर
करता है।
एक उदाहरण क्लासिक “Welcome!” का है:-
<html>
<head>
<title>C.G.Master Group</title>
</head>
<body>
<p>Welcome!</p>
</body>
</html>

<Html> और </ html> के बीच का पाठ web page का वर्णन करता है, और <body> और </ body> के बीच का visible page सामग्री है। मार्कअप टेक्स्ट <Title> यह एक Title है </ Title> browser page
title को परिभाषित करता है।

HTML बटन बनाने के कई तरीके हैं, जो एक लिंक की तरह काम करते हैं |
CSS गुणों के साथ HTML बटन के रूप में स्टाइल किया गया लिंक जोड़ें। Href <a> टैग का एक आवश्यक गुण है।

यह वेब पेज पर एक लिंक या उसी वेब पेज पर एक जगह निर्दिष्ट करता है जहां उपयोगकर्ता लिंक पर क्लिक करने के बाद navigates करता है |

एक उदाहरण HTML Button with Link के साथ का है:-

<html>
<head>
<title>Button link with effect </title>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>
<a href=”#”>
<span></span>
<span></span>
welcome
</a>
</body>
</html>

body
{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #000;
font-family: sans-serif;
}
a
{
position: relative;
display: inline-block;
padding: 15px 30px;
color: yellow;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
letter-spacing: 4px;
overflow: hidden;
transition: 0.2s;
}
a:hover
{
color: red;
background: yellow;
box-shadow: 0 0 10px yellow,0 0 40px yellow,0 0 80px yellow;
transition-delay: 1s;
}
a span
{
position: absolute;
display: block;
}
a span:nth-child(1)
{
top: 0%;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg,transparent,#2196f3);
}

a:hover span:nth-child(1)
{
left: 100%;
transition: 1s;
}

a span:nth-child(2)
{
bottom: 0%;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg,transparent,#2196f3);
}

a:hover span:nth-child(2)
{
right: 100%;
transition: 1s;
transition-delay: 0.5s;
}

This is the program of HTML Button with Link.

5 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here