ಒಂದು HTML ಟ್ಯಾಗ್ಗೆ ಒಂದು ಲಕ್ಷಣವನ್ನು ಸೇರಿಸುವುದು ಹೇಗೆ

ಎಚ್ಟಿಎಮ್ಎಲ್ ಭಾಷೆ ಹಲವಾರು ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಪ್ಯಾರಾಗಳು, ಶಿರೋನಾಮೆಗಳು, ಕೊಂಡಿಗಳು ಮತ್ತು ಚಿತ್ರಗಳಂತಹ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ವೆಬ್ಸೈಟ್ ಅಂಶಗಳು ಇವುಗಳಲ್ಲಿ ಸೇರಿವೆ. ಹೆಡರ್, NAV, ಅಡಿಟಿಪ್ಪಣಿ ಮತ್ತು ಹೆಚ್ಚಿನವು ಸೇರಿದಂತೆ HTML5 ನೊಂದಿಗೆ ಪರಿಚಯಿಸಲಾದ ಹಲವಾರು ಹೊಸ ಅಂಶಗಳು ಇವೆ. ಈ ಎಲ್ಲಾ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳನ್ನು ಡಾಕ್ಯುಮೆಂಟ್ನ ರಚನೆಯನ್ನು ರಚಿಸಲು ಮತ್ತು ಅರ್ಥವನ್ನು ನೀಡಲು ಬಳಸಲಾಗುತ್ತದೆ. ಅಂಶಗಳಿಗೆ ಇನ್ನೂ ಹೆಚ್ಚಿನ ಅರ್ಥವನ್ನು ಸೇರಿಸಲು, ನೀವು ಅವುಗಳನ್ನು ಗುಣಲಕ್ಷಣಗಳನ್ನು ನೀಡಬಹುದು.

ಒಂದು ಮೂಲ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಟ್ಯಾಗ್ನೊಂದಿಗೆ ಟ್ಯಾಗ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ. ಉದಾಹರಣೆಗೆ, ಆರಂಭಿಕ ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್ ಅನ್ನು ಹೀಗೆ ಬರೆಯಲಾಗುತ್ತದೆ:

ನಿಮ್ಮ HTML ಟ್ಯಾಗ್ಗೆ ಒಂದು ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಲು, ಮೊದಲು ಟ್ಯಾಗ್ ಹೆಸರಿನ ನಂತರ ನೀವು ಒಂದು ಜಾಗವನ್ನು ಇರಿಸಿ (ಅಂದರೆ "p"). ನಂತರ ನೀವು ಸಮಾನ ಚಿಹ್ನೆಯಿಂದ ಬಳಸಲು ಬಯಸುವ ಆಟ್ರಿಬ್ಯೂಟ್ ಹೆಸರನ್ನು ಸೇರಿಸುತ್ತೀರಿ. ಅಂತಿಮವಾಗಿ, ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯವನ್ನು ಉದ್ಧರಣ ಚಿಹ್ನೆಗಳಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:

ಟ್ಯಾಗ್ಗಳು ಬಹು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರುತ್ತವೆ. ನೀವು ಬಾಹ್ಯಾಕಾಶದೊಂದಿಗೆ ಇತರ ಪ್ರತಿ ಗುಣಲಕ್ಷಣವನ್ನು ಪ್ರತ್ಯೇಕಿಸಬಹುದು.

ಅಗತ್ಯ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಅಂಶಗಳು

ಕೆಲವು ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಂಶಗಳು ವಾಸ್ತವವಾಗಿ ಅವುಗಳನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಕೆಲಸ ಮಾಡಲು ಬಯಸಿದರೆ ಲಕ್ಷಣಗಳು ಅಗತ್ಯವಿರುತ್ತದೆ. ಚಿತ್ರದ ಅಂಶ ಮತ್ತು ಲಿಂಕ್ ಅಂಶ ಇವುಗಳ ಎರಡು ಉದಾಹರಣೆಗಳಾಗಿವೆ.

ಚಿತ್ರದ ಅಂಶಕ್ಕೆ "src" ಗುಣಲಕ್ಷಣ ಅಗತ್ಯವಿದೆ. ಆ ಸ್ಥಳದಲ್ಲಿ ನೀವು ಯಾವ ಇಮೇಜ್ ಅನ್ನು ಬಳಸಬೇಕೆಂದು ಬಯಸುವ ಬ್ರೌಸರ್ಗೆ ಆ ಲಕ್ಷಣವು ಹೇಳುತ್ತದೆ. ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವು ಚಿತ್ರಕ್ಕೆ ಫೈಲ್ ಹಾದಿಯಾಗಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:

ಈ ಅಂಶಕ್ಕೆ "ಆಲ್ಟ್" ಅಥವಾ ಪರ್ಯಾಯ ಪಠ್ಯ ಗುಣಲಕ್ಷಣಕ್ಕೆ ನಾನು ಮತ್ತೊಂದು ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಿದ್ದೇನೆ ಎಂದು ನೀವು ಗಮನಿಸಬಹುದು. ಇದು ತಾಂತ್ರಿಕವಾಗಿ ಚಿತ್ರಗಳಿಗೆ ಅಗತ್ಯವಾದ ಗುಣಲಕ್ಷಣವಲ್ಲ, ಆದರೆ ಪ್ರವೇಶಕ್ಕಾಗಿ ಈ ವಿಷಯವನ್ನು ಯಾವಾಗಲೂ ಸೇರಿಸಿಕೊಳ್ಳುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ. ಆಲ್ಟ್ ಆಟ್ರಿಬ್ಯೂಟ್ನ ಮೌಲ್ಯದಲ್ಲಿ ಪಟ್ಟಿಮಾಡಲಾದ ಪಠ್ಯ ಯಾವುದಾದರೂ ಕಾರಣಕ್ಕಾಗಿ ಇಮೇಜ್ ಲೋಡ್ ಆಗಲು ವಿಫಲವಾದರೆ ಅದು ಏನಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ.

ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣಗಳ ಅಗತ್ಯವಿರುವ ಇನ್ನೊಂದು ಅಂಶವೆಂದರೆ ಆಂಕರ್ ಅಥವಾ ಲಿಂಕ್ ಟ್ಯಾಗ್. ಈ ಅಂಶವು "ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ರೆಫರೆನ್ಸ್" ಅನ್ನು ಸೂಚಿಸುವ "href" ಗುಣಲಕ್ಷಣವನ್ನು ಒಳಗೊಂಡಿರಬೇಕು. "ಇದು ಈ ಲಿಂಕ್ ಎಲ್ಲಿ ಹೋಗಬೇಕು" ಎಂದು ಹೇಳುವ ಒಂದು ಅಲಂಕಾರಿಕ ಮಾರ್ಗವಾಗಿದೆ. ಇಮೇಜ್ ಅಂಶವು ಯಾವ ಇಮೇಜ್ ಅನ್ನು ಲೋಡ್ ಮಾಡಬೇಕೆಂದು ತಿಳಿಯಬೇಕಾದರೆ, ಲಿಂಕ್ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾಡಬೇಕು ಇದು ಎಲ್ಲಿ ಬೇಕು ಎಂದು ತಿಳಿಯಿರಿ.ಇಲ್ಲಿ ಲಿಂಕ್ ಟ್ಯಾಗ್ ಹೇಗೆ ಕಾಣುತ್ತದೆ:

ಆ ಲಿಂಕ್ ಈಗ ವ್ಯಕ್ತಿಯನ್ನು ಮೌಲ್ಯದ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ವೆಬ್ಸೈಟ್ಗೆ ತರಲಿದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಇದು ಮುಖ್ಯ ಪುಟವಾಗಿದೆ.

ಸಿಎಸ್ಎಸ್ ಹುಕ್ಸ್ ಮಾಹಿತಿ ಗುಣಲಕ್ಷಣಗಳು

ಗುಣಲಕ್ಷಣಗಳ ಇನ್ನೊಂದು ಬಳಕೆಯು ಅವುಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳಿಗಾಗಿ "ಹುಕ್ಸ್" ಆಗಿ ಬಳಸಿದಾಗ. ನಿಮ್ಮ ಪುಟದ ರಚನೆಯನ್ನು (ಎಚ್ಟಿಎಮ್ಎಲ್) ಅದರ ಶೈಲಿಗಳಿಂದ (ಸಿಎಸ್ಎಸ್) ಪ್ರತ್ಯೇಕವಾಗಿರಿಸಬೇಕೆಂದು ವೆಬ್ ಮಾನದಂಡಗಳು ನಿರ್ದೇಶಿಸುತ್ತವೆ ಏಕೆಂದರೆ, ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ರಚನಾತ್ಮಕ ಪುಟವು ಹೇಗೆ ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ನಿರ್ದೇಶಿಸಲು CSS ನಲ್ಲಿ ಈ ಗುಣಲಕ್ಷಣ ಕೊಕ್ಕೆಗಳನ್ನು ಬಳಸಿ. ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ನೀವು ಈ ಮಾರ್ಕ್ಅಪ್ ತುಣುಕನ್ನು ಹೊಂದಬಹುದು.

ವಿಭಾಗವು ಕಪ್ಪು ವರ್ಣದ ಬಣ್ಣವನ್ನು (# 000) ಮತ್ತು 1.5em ನ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಹೊಂದಲು ಬಯಸಿದರೆ, ನೀವು ಇದನ್ನು ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಗೆ ಸೇರಿಸುತ್ತೀರಿ:

.featured {background-color: # 000; ಫಾಂಟ್-ಗಾತ್ರ: 1.5 ಎಮ್;}

"ವೈಶಿಷ್ಟ್ಯಗೊಳಿಸಿದ" ವರ್ಗ ಲಕ್ಷಣವು ನಾವು ಆ ಪ್ರದೇಶದಲ್ಲಿ ಶೈಲಿಗಳನ್ನು ಅನ್ವಯಿಸಲು CSS ನಲ್ಲಿ ಬಳಸುತ್ತಿರುವ ಕೊಂಡಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ನಾವು ಬಯಸಿದರೆ ಇಲ್ಲಿ ನಮಗೆ ಒಂದು ID ಗುಣಲಕ್ಷಣವಿದೆ. ಎರಡೂ ವರ್ಗಗಳು ಮತ್ತು ID ಗಳು ಸಾರ್ವತ್ರಿಕ ಗುಣಲಕ್ಷಣಗಳಾಗಿವೆ, ಇದರರ್ಥ ಅವರು ಯಾವುದೇ ಅಂಶಕ್ಕೆ ಸೇರಿಸಬಹುದು. ಆ ಅಂಶದ ದೃಷ್ಟಿಗೋಚರ ನೋಟವನ್ನು ನಿರ್ಧರಿಸಲು ನಿರ್ದಿಷ್ಟ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳೊಂದಿಗೆ ಅವುಗಳನ್ನು ಗುರಿಯಾಗಿಸಬಹುದು.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಗ್ಗೆ

ಅಂತಿಮವಾಗಿ, ಕೆಲವೊಂದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳಲ್ಲಿನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಬಳಸಿಕೊಳ್ಳಬಹುದು. ನೀವು ನಿರ್ದಿಷ್ಟ ಸ್ಕ್ರಿಪ್ಟ್ ಹೊಂದಿರುವ ಒಂದು ಅಂಶವನ್ನು ಹುಡುಕುತ್ತಿದ್ದ ಸ್ಕ್ರಿಪ್ಟ್ ಹೊಂದಿದ್ದರೆ, ಇದು HTML ಭಾಷೆಯ ಈ ಸಾಮಾನ್ಯ ತುಣುಕಿನ ಮತ್ತೊಂದು ಬಳಕೆಯಾಗಿದೆ.