ನೊವೀಸ್ ವೆಬ್ ವಿನ್ಯಾಸಕರು: ಚಿತ್ರಗಳನ್ನು ಸುಮಾರು ಪಠ್ಯ ಹರಿವು ಮಾಡಲು ಹೇಗೆ

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

ಮೊದಲ - ಹೇಗೆ ಚಿತ್ರವನ್ನು ಸೇರಿಸಲು. ಇದಕ್ಕಾಗಿ ಇಲ್ಲ ಟ್ಯಾಗ್ "img", ಹಲವು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ. ಅವುಗಳಲ್ಲಿ ಮುಖ್ಯ - "ಎಸ್ಆರ್ಸಿ". ಇದರಲ್ಲಿ ಬ್ರೌಸರ್ ಚಿತ್ರವನ್ನು ಸೇರಿಸಲು ಮಾಡುವಂತಹ ವಿಳಾಸವನ್ನು ಶೇಖರಿಸುತ್ತದೆ. ನೀವು ಈಗಾಗಲೇ ಕಂಪ್ಯೂಟರ್ ನಲ್ಲಿ ಸಂಗ್ರಹವಾಗಿರುವ ಚಿತ್ರವನ್ನು ಮಾರ್ಗವನ್ನು ಸೂಚಿಸಲು, ಅಥವಾ ಒಂದು ವೆಬ್ ಸೌಲಭ್ಯ ಲಿಂಕ್ ನೀಡಬಹುದು.

ಯಾವುದೂ ಜೋಡಿ ಕಡಿಮೆ ಪ್ರಮುಖ ವೈಶಿಷ್ಟ್ಯವಾಗಿ - "ಅಗಲ" (ಅಗಲ) ಮತ್ತು "ಎತ್ತರ" (ಎತ್ತರ). ಅವರು ಕೈಯಾರೆ ಚಿತ್ರಗಳನ್ನು (ಚಿತ್ರಗಳು ವ್ಯಾಪಿಸುವಿಕೆ ಮತ್ತು ಕುಗ್ಗಿಸಿ ಉಪಯುಕ್ತ ಆಯ್ಕೆಯನ್ನು) ಮರುಗಾತ್ರಗೊಳಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.

ನಂತರ ನಿಯತಾಂಕಗಳು "hspace" ಮತ್ತು "vspace" (ಸುತ್ತಮುತ್ತಲಿನ ಪಠ್ಯ ಇಮೇಜ್ನಿಂದ ಅಂತರ). ಸ್ಪಷ್ಟವಾಗಿ, "hspace" - ಸಮತಲ ಪ್ಯಾಡಿಂಗ್ ಮತ್ತು "vspace" - ಲಂಬ.

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

ಟ್ಯಾಗ್ಗಳಲ್ಲಿ ಬಹಳಷ್ಟು ಇರುತ್ತವೆ ಎಂದು ಕೆಲವು ನಿರ್ದಿಷ್ಟ ಲಕ್ಷಣಗಳಿವೆ. ಈ "Accesskey", "ವರ್ಗ", "id" ಮತ್ತು "ಶೈಲಿ". "Accesskey" ವರ್ಣಿಸಬಹುದು ಕೀಲಿಗಳ ಸಂಯೋಜನೆಯನ್ನು, ವಸ್ತು ಪ್ರವೇಶವನ್ನು ಮೂಲಕ. "ವರ್ಗ" ಮತ್ತು "ಐಡಿ" - ಸಿಎಸ್ಎಸ್ ಸಂಬಂಧಿಸಿದ ನಿಯತಾಂಕಗಳನ್ನು. ಅವರು ಚಿತ್ರವನ್ನು (ಅಥವಾ ಗುರುತಿಸುವಿಕೆಯ) ಸಂಬಂಧಿಸಿದ ತರಗತಿಗೆ ವಿವರಿಸಲು. ನೀವು ಅಂತರ್ನಿರ್ಮಿತ ಚಿತ್ರಿಕೆಯ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ಸೆಟ್ ಅವಕಾಶ ಗುಣಲಕ್ಷಣ ಪಠ್ಯ, - "ಶೈಲಿ".

ಚಿತ್ರದ ನೋಟವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿದ ನಿಯತಾಂಕಗಳನ್ನು ಒಂದು "ಗಡಿ" ಆಗಿದೆ. ಇದು ವಸ್ತುವಿನ ಸುತ್ತ ಗಡಿಯ ದಪ್ಪ ನಿರ್ಧರಿಸುತ್ತದೆ ಮತ್ತು ಯಾವುದೇ ಪೂರ್ಣಸಂಖ್ಯೆ ಗೆ ಹೊಂದಿಸಬಹುದಾಗಿದೆ (ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ).

ಮುಂದಿನ ಗುಣಲಕ್ಷಣ - "align". ಅವರು ಚಿತ್ರ ಸುಮಾರು ಪಠ್ಯ ಹರಿವನ್ನು ವಿವರಿಸುತ್ತದೆ. ಈ ಆಯ್ಕೆಯು "ಕೆಳಗೆ", "ಮಧ್ಯಮ", "ಎಡ", "ಬಲ" ಮತ್ತು "ಟಾಪ್" ಗೆ ಹೊಂದಿಸಬಹುದಾಗಿದೆ. ಅಲ್ಲಿ ಪಠ್ಯ ಚಿತ್ರ ಇರಿಸಲು ಪ್ರತಿಯೊಂದು ಮೌಲ್ಯಗಳು ನಿರ್ಧರಿಸುತ್ತದೆ. ವಸ್ತು ಪಠ್ಯದ ಎಡಕ್ಕೆ ಎಂದು - ಉದಾಹರಣೆಗೆ, "ಮಧ್ಯಮ" ಮಧ್ಯಮ ಚಿತ್ರದ ಈ ಕೆಳಗಿನ "ಎಡ" ಸಂದರ್ಭದಲ್ಲಿ, ಪಠ್ಯ ಕೆಳ ಗಡಿಗೆ ಹೊಂದಿಕೊಂಡಿದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ - ಆದರೆ ಈ ಚಿತ್ರ ಸುಮಾರು ಪಠ್ಯ ಹರಿವು ಹೊಂದಿಸಲು ಮಾತ್ರ ಒಂದು ಮಾರ್ಗವಾಗಿದೆ.

ಸಿಎಸ್ಎಸ್ (ಹೆಚ್ಚು ಬಹುಮುಖ) - ಮತ್ತೊಂದು ಪ್ರಬಲ ಸಾಧನವಾಗಿದೆ. ಬಳಸುವುದಕ್ಕೂ ಹೆಚ್ಚು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ಚಿತ್ರ ಸುಮಾರು ಪಠ್ಯ ಹರಿವು ಸೇರಿದಂತೆ ಟ್ಯಾಗ್ ಲಕ್ಷಣಗಳು ಸೆಟ್. ಸಿಎಸ್ಎಸ್ ನೀವು ನಿಯತಾಂಕಗಳನ್ನು, ನಿರ್ದಿಷ್ಟ ವಸ್ತುವಿನ ಕೇವಲ, ಮತ್ತು ಎಲ್ಲಾ ಅವನಂತೆಯೇ ಆ ವ್ಯಾಖ್ಯಾನಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಹತ್ತು ಪಿಕ್ಸೆಲ್ಗಳು ನೀವು ದಸ್ತಾವೇಜು ಎಲ್ಲಾ ಚಿತ್ರಗಳ ಇಂಡೆಂಟೇಷನ್ ಸೂಚಿಸಲು ಬಯಸಿದಲ್ಲಿ, ಅದನ್ನು ಕೇವಲ ಒಂದು ಹೊಲಿಗೆ ಜೊತೆ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ಇದಕ್ಕೆ ಸಂಪರ್ಕ ಸಾಕಾಗುತ್ತದೆ: "img {ಅಂಚು: 10px 10px 10px 10px;}" (ಕಾರ್ಯತಃ, ಉಲ್ಲೇಖಗಳು ಅಗತ್ಯವಿಲ್ಲ!).

ಚಿತ್ರಗಳನ್ನು ಸುಮಾರು ಪಠ್ಯ ಹರಿವು, ಉದಾಹರಣೆಗೆ, ಎಡ ಅಂಚಿನಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ: "img {align: left;}".

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

ಈಗ ನೀವು ಈ ಕಾರಣವಾಗಿದೆ ಟ್ಯಾಗ್, ಅನುಕೂಲಕರ ಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸೈಟ್ ಚಿತ್ರಗಳನ್ನು "ದುರ್ಬಲಗೊಳಿಸುವ" ಮಾಡಬಹುದು. ಗಣಕತೆರೆ ಬಳಸಲು ಅಥವಾ ಪಠ್ಯ ಚಿತ್ರಗಳನ್ನು ಕಟ್ಟಲು ಮುಕ್ತವಾಗಿರಿ. ಗ್ರಾಫಿಕ್ಸ್ ಘಟಕಗಳನ್ನು ವೆಬ್ ಪುಟಗಳು - ಸ್ವಲ್ಪ ದುಃಖ ದೃಷ್ಟಿ, ಅಲ್ಲವೇ?