ಒಂದು HTML ಗಾತ್ರ ಟ್ಯಾಗ್ ಅಸ್ತಿತ್ವದಲ್ಲಿದೆಯೇ?

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

HTML ಗಾತ್ರದ ಟ್ಯಾಗ್ HTML ನಲ್ಲಿ ಅಸ್ತಿತ್ವದಲ್ಲಿಲ್ಲ. ಬದಲಿಗೆ, ನಿಮ್ಮ ಫಾಂಟ್ಗಳು, ಚಿತ್ರಗಳು ಅಥವಾ ವಿನ್ಯಾಸದ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಲು ನೀವು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಅನ್ನು ಬಳಸಬೇಕು. ವಾಸ್ತವವಾಗಿ, ನೀವು ಸೈಟ್ನ ಪಠ್ಯ ಅಥವಾ ಇನ್ನೊಂದು ಅಂಶಕ್ಕೆ ಮಾಡಬೇಕಾದ ಯಾವುದೇ ದೃಶ್ಯ ಬದಲಾವಣೆಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ನಿರ್ವಹಿಸಬೇಕು! ಎಚ್ಟಿಎಮ್ಎಲ್ ರಚನೆಗೆ ಮಾತ್ರ.

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

ಫಾಂಟ್ ಗಾತ್ರಗಳು

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

12pt ನ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಹೊಂದಲು ನಿಮ್ಮ ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಹೊಂದಿಸಲು, ಫಾಂಟ್ ಗಾತ್ರದ ಶೈಲಿ ಆಸ್ತಿ ಬಳಸಿ:

h3 {font-size = 24px; }

ಈ ಶೈಲಿ ಹೆಡಿಂಗ್ 3 ಅಂಶಗಳನ್ನು 24 ಪಿಕ್ಸೆಲ್ಗಳ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ನೀವು ಇದನ್ನು ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಗೆ ಸೇರಿಸಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಎಲ್ಲ ಸೈಟ್ನ H3 ಗಳು ಈ ಶೈಲಿಯನ್ನು ಬಳಸುತ್ತವೆ.

ನಿಮ್ಮ ಪಠ್ಯಕ್ಕೆ ಹೆಚ್ಚಿನ ಮುದ್ರಣದ ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಲು ನೀವು ಬಯಸಿದರೆ, ನೀವು ಅವುಗಳನ್ನು ಈ ಸಿಎಸ್ಎಸ್ ನಿಯಮದ ಮೇಲೆ ಸೇರಿಸಬಹುದು:

h3 {font-size: 24px; ಬಣ್ಣ: # 000; ಫಾಂಟ್-ತೂಕ: ಸಾಮಾನ್ಯ; }

ಇದು ಕೇವಲ H3 ಗಳ ಆ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಮಾತ್ರ ಹೊಂದಿಸುವುದಿಲ್ಲ, ಅದು ಕಪ್ಪು ಬಣ್ಣವನ್ನು (# 000 ವಿಧಾನಗಳ ಹೆಕ್ಸ್ ಕೋಡ್) ಹೊಂದಿಸುತ್ತದೆ ಮತ್ತು ಅದು ತೂಕವನ್ನು "ಸಾಮಾನ್ಯ" ಗೆ ಹೊಂದಿಸುತ್ತದೆ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಬ್ರೌಸರ್ಗಳು ಶೀರ್ಷಿಕೆಗಳನ್ನು 1-6 ಬೋಲ್ಡ್ ಪಠ್ಯವಾಗಿ ನಿರೂಪಿಸುತ್ತವೆ, ಆದ್ದರಿಂದ ಈ ಶೈಲಿಯು ಡೀಫಾಲ್ಟ್ ಮತ್ತು ಮೂಲಭೂತವಾಗಿ "ಅನ್-ಬೋಲ್ಡ್" ಪಠ್ಯವನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ.

ಚಿತ್ರದ ಗಾತ್ರಗಳು

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

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

ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, img ಟ್ಯಾಗ್ನ ಎತ್ತರ ಮತ್ತು ಅಗಲ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ. ಉದಾಹರಣೆಗೆ, ಈ ಚಿತ್ರವು 400x400 ಪಿಕ್ಸೆಲ್ಗಳ ಚದರ:

ಎತ್ತರ = "400" ಅಗಲ = "400" alt = "image" />

ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ನಿಮ್ಮ ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, ಎತ್ತರ ಮತ್ತು ಅಗಲ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ. ಗಾತ್ರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ, ಅದೇ ಚಿತ್ರ ಇಲ್ಲಿದೆ:

ಶೈಲಿ = "ಎತ್ತರ: 400 ಪಿಎಕ್ಸ್; ಅಗಲ: 400 ಪಿಎಕ್ಸ್;" alt = "image" />

ಲೇಔಟ್ ಗಾತ್ರಗಳು

ಲೇಔಟ್ನಲ್ಲಿ ನೀವು ವ್ಯಾಖ್ಯಾನಿಸುವ ಸಾಮಾನ್ಯ ಗಾತ್ರವು ಅಗಲವಾಗಿದೆ, ಮತ್ತು ನೀವು ನಿರ್ಧರಿಸಬೇಕಾದ ಮೊದಲ ವಿಷಯವೆಂದರೆ ಸ್ಥಿರ ಅಗಲ ಲೇಔಟ್ ಅಥವಾ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ ಅನ್ನು ಬಳಸುವುದು. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನೀವು ಅಗಲವನ್ನು ಪಿಕ್ಸೆಲ್ಗಳು, ಇಂಚುಗಳು, ಅಥವಾ ಬಿಂದುಗಳ ನಿಖರ ಸಂಖ್ಯೆಯಂತೆ ವ್ಯಾಖ್ಯಾನಿಸಲು ಹೋಗುತ್ತೀರಾ? ಅಥವಾ ನೀವು ಎಎಮ್ಗಳು ಅಥವಾ ಶೇಕಡಾವಾರು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಲೇಔಟ್ ಅಗಲವನ್ನು ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಹೊಂದಿಸುತ್ತೀರಾ? ನಿಮ್ಮ ವಿನ್ಯಾಸದ ಗಾತ್ರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, ನೀವು ಚಿತ್ರದಲ್ಲಿ ನೀವು ಬಯಸುವಂತೆ ಅಗಲ ಮತ್ತು ಎತ್ತರ CSS ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ.

ಸ್ಥಿರ ಅಗಲ:

ಶೈಲಿ = "ಅಗಲ: 600px;">

ದ್ರವ ಅಗಲ:

ಶೈಲಿ = "ಅಗಲ: 80%;">

ನಿಮ್ಮ ಲೇಔಟ್ಗಾಗಿ ನೀವು ಅಗಲಗಳನ್ನು ನಿರ್ಧರಿಸಿದಾಗ, ನಿಮ್ಮ ಓದುಗರು ಬಳಸಬಹುದಾದ ವಿವಿಧ ಬ್ರೌಸರ್ ಅಗಲಗಳನ್ನು ಮತ್ತು ಅವರು ಬಳಸುತ್ತಿರುವ ವಿವಿಧ ಸಾಧನಗಳನ್ನು ನೀವು ನೆನಪಿನಲ್ಲಿರಿಸಿಕೊಳ್ಳಬೇಕು. ಇದಕ್ಕಾಗಿಯೇ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ಗಳು , ಅವುಗಳ ವಿನ್ಯಾಸವನ್ನು ಬದಲಿಸಬಹುದು ಮತ್ತು ವಿಭಿನ್ನ ಸಾಧನಗಳು ಮತ್ತು ಪರದೆಯ ಗಾತ್ರಗಳನ್ನು ಆಧರಿಸಿ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಇಂದು ಉತ್ತಮ ಅಭ್ಯಾಸ ಪ್ರಮಾಣಕವಾಗಿದೆ.