ಈ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ ನಾವು ಕೊನೆಯ ಟ್ಯಾಗ್ ಗುಣಲಕ್ಷಣವನ್ನು ನೋಡುತ್ತೇವೆ , ಇದು ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಪಠ್ಯವು ಕಪ್ಪು ಬಣ್ಣದ್ದಾಗಿದೆ, ಇದನ್ನು ಬಿಳಿ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಸಲುವಾಗಿ html ನಲ್ಲಿ ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಿ, ನೀವು ಟ್ಯಾಗ್‌ನ ಬಣ್ಣದ ಗುಣಲಕ್ಷಣವನ್ನು ಅನ್ವಯಿಸಬೇಕಾಗುತ್ತದೆ :
ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಲು, ಅದರ ಹೆಸರನ್ನು ಸೂಚಿಸಿ, ಉದಾಹರಣೆಗೆ: ಕೆಂಪು, ಹಸಿರು, ನೀಲಿ. ಒಂದು ಸಣ್ಣ ಉದಾಹರಣೆಯನ್ನು ನೋಡೋಣ:
ಹಸಿರು ಪಠ್ಯ
ಕೆಂಪು ಪಠ್ಯ
ನೇರಳೆ ಪಠ್ಯ
ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಫಲಿತಾಂಶವನ್ನು ನೋಡೋಣ:
ಮೊದಲ ಪ್ಯಾರಾಗ್ರಾಫ್‌ನಲ್ಲಿನ ಪಠ್ಯವು ಹಸಿರು ಬಣ್ಣಕ್ಕೆ ತಿರುಗಿತು, ಎರಡನೇ ಪ್ಯಾರಾಗ್ರಾಫ್ ಕೆಂಪು ಬಣ್ಣಕ್ಕೆ ತಿರುಗಿತು ಮತ್ತು ಮೂರನೇ ಪ್ಯಾರಾಗ್ರಾಫ್ ನೇರಳೆ ಬಣ್ಣಕ್ಕೆ ತಿರುಗಿತು. ಒಟ್ಟಾರೆಯಾಗಿ, ಪ್ರಾಥಮಿಕ ಬಣ್ಣಗಳ 16 ಹೆಸರುಗಳು ಮತ್ತು 130 ಹೆಚ್ಚುವರಿ ಪದಗಳಿವೆ. ನೀವು html ಬಣ್ಣದ ಕೋಷ್ಟಕದಲ್ಲಿ ಬಣ್ಣಗಳ ಸಂಪೂರ್ಣ ಪಟ್ಟಿಯನ್ನು ನೋಡಬಹುದು.
ಬಣ್ಣವನ್ನು ಸೂಚಿಸುವ ಈ ವಿಧಾನವು ತುಂಬಾ ಸರಳವಾಗಿದೆ, ಆದರೆ ಬಹಳ ಸೀಮಿತವಾಗಿದೆ. ಆದ್ದರಿಂದ, HTML ಕೋಡ್‌ನಲ್ಲಿ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುವ ಸಲುವಾಗಿ, ಅವರು ಸಾಮಾನ್ಯವಾಗಿ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆಯನ್ನು ಹ್ಯಾಶ್ ಚಿಹ್ನೆಯಿಂದ (#) ಬಳಸುತ್ತಾರೆ, ಉದಾಹರಣೆಗೆ:
ಈ ಪದನಾಮವನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು 16 ದಶಲಕ್ಷಕ್ಕೂ ಹೆಚ್ಚು ಬಣ್ಣಗಳನ್ನು ಮತ್ತು ಅವುಗಳ ಛಾಯೆಗಳನ್ನು ಪಡೆಯಬಹುದು! ಸೈಟ್‌ನಲ್ಲಿ ಲಭ್ಯವಿರುವ HEX ಬಣ್ಣ ಪರಿವರ್ತಕವನ್ನು ಬಳಸಿಕೊಂಡು ಅಥವಾ ಫೋಟೋಶಾಪ್‌ನಲ್ಲಿ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಬಣ್ಣ ಕೋಡ್ ಅನ್ನು ಪಡೆಯಬಹುದು. ಒಂದು ಉದಾಹರಣೆಯನ್ನು ನೋಡೋಣ ಮತ್ತು ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಬರೆಯೋಣ:
ಹಸಿರು ಪಠ್ಯ
ಕೆಂಪು ಪಠ್ಯ
ನೇರಳೆ ಪಠ್ಯ
ಫೈಲ್ ಅನ್ನು ಉಳಿಸೋಣ ಮತ್ತು ಫಲಿತಾಂಶವನ್ನು ನೋಡೋಣ:
ನೀವು ನೋಡುವಂತೆ, ನಾವು ಪಠ್ಯವನ್ನು ಮೊದಲ ಉದಾಹರಣೆಯಲ್ಲಿರುವಂತೆಯೇ ಅದೇ ಬಣ್ಣಗಳಿಗೆ ಹೊಂದಿಸಿದ್ದೇವೆ, ಇಲ್ಲಿ ಮಾತ್ರ ನಾವು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆಯ ವ್ಯವಸ್ಥೆಯನ್ನು ಬಳಸಿದ್ದೇವೆ ಅಥವಾ ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನಾವು ಬಣ್ಣವನ್ನು HEX ಸ್ವರೂಪದಲ್ಲಿ ಹೊಂದಿಸುತ್ತೇವೆ.
ಈಗ ನೀವು html ನಲ್ಲಿ ಪಠ್ಯ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸಬೇಕೆಂದು ಕಲಿತಿದ್ದೀರಿ ಮತ್ತು ಪಾಠದ ಕೊನೆಯಲ್ಲಿ ಎಲ್ಲಾ ಟ್ಯಾಗ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪುನರಾವರ್ತಿಸಲು ನಾನು ಸಲಹೆ ನೀಡುತ್ತೇನೆ , ಮತ್ತು ಪಠ್ಯಕ್ಕೆ ಏಕಕಾಲದಲ್ಲಿ ಹಲವಾರು ನಿಯತಾಂಕಗಳನ್ನು ಹೊಂದಿಸಿ, ಅವುಗಳೆಂದರೆ: ಫಾಂಟ್, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣ. ಒಂದು ಉದಾಹರಣೆಯನ್ನು ಬರೆಯಿರಿ:
ಪಠ್ಯ ಫಾಂಟ್, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿ
ಪಠ್ಯ ಫಾಂಟ್, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿ
ವೆಬ್ ಪುಟವನ್ನು ರಚಿಸುವಾಗ, ನೀವು ವಿವಿಧ ವಿನ್ಯಾಸ ಸವಾಲುಗಳನ್ನು ಎದುರಿಸಬೇಕಾಗುತ್ತದೆ. HTML ನಲ್ಲಿ ಪಠ್ಯ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು ಎಂಬುದು ಸಾಮಾನ್ಯ ಪ್ರಶ್ನೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಅದನ್ನು ಪರಿಹರಿಸುವುದು ತುಂಬಾ ಸರಳವಾಗಿದೆ ಮತ್ತು ಎರಡು ವಿಭಿನ್ನ ಮಾರ್ಗಗಳಿವೆ.
ಇನ್‌ಲೈನ್ ಪಠ್ಯ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿಸಲಾಗುತ್ತಿದೆ
HTML ನಲ್ಲಿ ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ಪಠ್ಯ ಕ್ಷೇತ್ರದ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯನ್ನು ನೋಡಿ. ಅವುಗಳಲ್ಲಿ ಈ ಟ್ಯಾಗ್‌ಗಳಲ್ಲಿ ಸುತ್ತುವರಿದ ಪಠ್ಯದ ಶೈಲಿಯನ್ನು ನಿರ್ಧರಿಸುವ ಹಲವಾರು ಮೌಲ್ಯಗಳಿವೆ, ಇವುಗಳನ್ನು ಶೈಲಿಯ ಕೀವರ್ಡ್‌ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ.
ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು, ಆರಂಭಿಕ ಟ್ಯಾಗ್‌ನ ಒಳಗೆ ಪಠ್ಯ ಕ್ಷೇತ್ರದ ಆಯ್ದ ಪ್ರದೇಶದಲ್ಲಿ ಶೈಲಿ = "" ಪದವನ್ನು ನಮೂದಿಸಿ. ಈ ಗುಣಲಕ್ಷಣದ ಒಳಗೆ, ನೀವು ವಿಭಿನ್ನ ನಿಯತಾಂಕ ಮೌಲ್ಯಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು - ಬಣ್ಣ ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವು ಪಠ್ಯದ ಬಣ್ಣ ಟೋನ್ ಅನ್ನು ಬದಲಾಯಿಸಲು ಕಾರಣವಾಗಿದೆ. ಈ ಪ್ಯಾರಾಮೀಟರ್ ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಮೂಲಕ, ಕೊಲೊನ್ ಚಿಹ್ನೆಯ ನಂತರ ನೀವು ಈ ಕ್ಷೇತ್ರದಲ್ಲಿನ ಎಲ್ಲಾ ಅಕ್ಷರಗಳನ್ನು ಬಣ್ಣ ಮಾಡುವ ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬೇಕು. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ವರ್ಣವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವಾಗ, ನೀವು ಸ್ಪಷ್ಟ ಬಣ್ಣದ ಮೌಲ್ಯ ಎರಡನ್ನೂ ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು, ಉದಾಹರಣೆಗೆ, ಕೆಂಪು ಅಥವಾ ಹಳದಿ, ಮತ್ತು ಅದರ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಮೌಲ್ಯ, ಅಥವಾ rgb.
ಬಣ್ಣವನ್ನು ನಿರ್ಧರಿಸಲು ಆಯ್ಕೆಮಾಡಿದ ವಿಧಾನವನ್ನು ಲೆಕ್ಕಿಸದೆಯೇ, ನೆರಳು ಅದೇ ರೀತಿಯಲ್ಲಿ ಆಯ್ಕೆಮಾಡಿದರೆ ಫಲಿತಾಂಶವು ಒಂದೇ ಆಗಿರುತ್ತದೆ. ಹೀಗಾಗಿ, ಕೆಳಗಿನ ಎಲ್ಲಾ ಮೂರು ಉದಾಹರಣೆಗಳು ಪಠ್ಯಕ್ಕೆ ಒಂದೇ ರೀತಿಯ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡುತ್ತವೆ - ಅದನ್ನು ಹಳದಿ ಬಣ್ಣ ಮಾಡಿ.
1.
ಪಠ್ಯ
2.
ಪಠ್ಯ
3.
ಪಠ್ಯ
CSS ಬಳಸಿ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುವುದು
ಸ್ಟೈಲ್ ಶೀಟ್ ಅನ್ನು ಬಳಸುವುದರಿಂದ HTML ನಲ್ಲಿ ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಸಹ ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. HTML ನ ಎಲ್ಲಾ ಆಧುನಿಕ ಆವೃತ್ತಿಗಳಿಂದ CSS ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿತವಾಗಿದೆ ಮತ್ತು ಹಲವಾರು ಪುಟ ಅಂಶಗಳ ಶೈಲಿಯನ್ನು ಏಕಕಾಲದಲ್ಲಿ ಬದಲಾಯಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
CSS ಬಳಸಿಕೊಂಡು HTML ನಲ್ಲಿ ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ನೀವು ಔಪಚಾರಿಕ ನೋಟವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಅಗತ್ಯವಿಲ್ಲ. ನಿರ್ದಿಷ್ಟ ಅಂಶದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, ನೀವು ಟ್ಯಾಗ್‌ನಲ್ಲಿ ಬರೆಯಲಾದ CSS ವಿವರಣೆಯನ್ನು ರಚಿಸಬೇಕಾಗಿದೆ
, ಮತ್ತು ಟ್ಯಾಗ್ ಮೂಲಕ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ