ಪರಿಹರಿಸಲಾಗಿದೆ: ಬಟನ್ html href

ಬಟನ್ HTML href ಗೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆ ಎಂದರೆ ವಿಭಿನ್ನ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಸ್ಥಿರವಾಗಿ ಕಾಣುವ ರೀತಿಯಲ್ಲಿ ಬಟನ್ ಅನ್ನು ಸ್ಟೈಲ್ ಮಾಡುವುದು ಕಷ್ಟಕರವಾಗಿರುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, href ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಆಂಕರ್ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುವಾಗ, ಲಿಂಕ್ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಅದೇ ವಿಂಡೋದಲ್ಲಿ ತೆರೆಯುತ್ತದೆ, ಇದು ಕೆಲವು ರೀತಿಯ ಲಿಂಕ್‌ಗಳಿಗೆ ಅಪೇಕ್ಷಣೀಯವಾಗಿರುವುದಿಲ್ಲ. ಅಂತಿಮವಾಗಿ, href ಗುಣಲಕ್ಷಣವನ್ನು ಸರಿಯಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡದಿದ್ದರೆ, ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರಿಂದ ದೋಷ ಪುಟಕ್ಕೆ ಕಾರಣವಾಗಬಹುದು.

<button><a href="">Click Here</a></button>

1. ಕೋಡ್‌ನ ಈ ಸಾಲು HTML ನಲ್ಲಿ ಬಟನ್ ಅಂಶವನ್ನು ರಚಿಸುತ್ತದೆ.
2. ಬಟನ್ ಅಂಶದ ಒಳಗೆ, ಖಾಲಿ href ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಆಂಕರ್ ಟ್ಯಾಗ್ ಇದೆ.
3. ಆಂಕರ್ ಟ್ಯಾಗ್ "ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ" ಎಂಬ ಪಠ್ಯವನ್ನು ಒಳಗೊಂಡಿದೆ.

HREF ನ ವ್ಯಾಖ್ಯಾನ

HREF ಎಂದರೆ ಹೈಪರ್‌ಟೆಕ್ಸ್ಟ್ ರೆಫರೆನ್ಸ್ ಮತ್ತು ಇದು ಹೈಪರ್‌ಲಿಂಕ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸುವ HTML ಗುಣಲಕ್ಷಣವಾಗಿದೆ. ಒಂದೇ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಅಥವಾ ಬೇರೆ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಒಂದು ಪುಟವನ್ನು ಇನ್ನೊಂದಕ್ಕೆ ಲಿಂಕ್ ಮಾಡಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. HREF ಗುಣಲಕ್ಷಣವು ಲಿಂಕ್‌ನ ಗಮ್ಯಸ್ಥಾನವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ ಮತ್ತು ಇತರ HTML ಅಂಶಗಳೊಂದಿಗೆ ಬಳಸಬಹುದು , , ಮತ್ತು

.

ಬಟನ್ HTML ನಲ್ಲಿ ನಾನು HREF ಅನ್ನು ಬಳಸಬಹುದೇ?

ಇಲ್ಲ, HTML ನಲ್ಲಿ ಬಟನ್ ಅಂಶದಲ್ಲಿ href ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಲು ಸಾಧ್ಯವಿಲ್ಲ. ಬಟನ್ ಅಂಶವು href ಗುಣಲಕ್ಷಣವನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. ಆದಾಗ್ಯೂ, ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಬಳಕೆದಾರರನ್ನು ಬೇರೆ ಪುಟಕ್ಕೆ ಕೊಂಡೊಯ್ಯುವ ಬಟನ್‌ಗೆ ಕ್ಲಿಕ್ ಈವೆಂಟ್ ಆಲಿಸುವವರನ್ನು ಸೇರಿಸಲು ನೀವು JavaScript ಅನ್ನು ಬಳಸಬಹುದು.

ನೀವು href ಅನ್ನು ಬಟನ್ ಆಗಿ ಹೇಗೆ ಸ್ಟೈಲ್ ಮಾಡುತ್ತೀರಿ

HTML ನಲ್ಲಿ ಆಂಕರ್ ಟ್ಯಾಗ್ ಅನ್ನು ಬಟನ್ ಆಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲು, ನೀವು ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಬಳಸಬಹುದು:

ಬಟನ್ ಪಠ್ಯ

ನಂತರ ನಿಮ್ಮ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ಕೆಳಗಿನ CSS ಅನ್ನು ಸೇರಿಸಿ:

.ಬಟನ್ {
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: #4CAF50; /* ಹಸಿರು */
ಗಡಿ: ಯಾವುದೂ ಇಲ್ಲ;
ಬಣ್ಣ: ಬಿಳಿ;
ಪ್ಯಾಡಿಂಗ್: 15px 32px;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
ಪಠ್ಯ-ಅಲಂಕಾರ: ಯಾವುದೂ ಇಲ್ಲ;
ಪ್ರದರ್ಶನ: ಇನ್ಲೈನ್-ಬ್ಲಾಕ್; ಫಾಂಟ್ ಗಾತ್ರ: 16px; ಅಂಚು: 4px 2px; ಕರ್ಸರ್: ಪಾಯಿಂಟರ್;}

ಸಂಬಂಧಿತ ಪೋಸ್ಟ್ಗಳು:

ಒಂದು ಕಮೆಂಟನ್ನು ಬಿಡಿ