ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಳಸಿ ಚಿತ್ರವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಲು

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

ಭಾಗ 1 ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದರೇನು?

ಹೈಪರ್ ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಕಪ್ ಲಾಂಗ್ವೇಜ್ ಫಾರ್ ನಿಂತಿರುವ HTML ವೆಬ್ಸೈಟ್ ಅಭಿವೃದ್ಧಿ ಬಳಸಲಾಗುತ್ತದೆ ಒಂದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ. ಯಾವಾಗಲೂ ಜಾವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಸಂಯೋಜನೆಯೊಂದಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಮತ್ತು ಅಗತ್ಯವಿದೆ ಎಂದು GUI ಗೆ ಕಾರ್ಯಕ್ರಮಗಳಿಗೆ ಸಂಪರ್ಕಸಾಧನಗಳನ್ನು ರಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಪ್ರಪಂಚದ ಅತ್ಯುತ್ತಮ ಮತ್ತು ಹೆಚ್ಚು ಬಳಸಿದ ಭಾಷೆಗಳಲ್ಲೊಂದು. ಆರಂಭದಲ್ಲಿ ಭಾಷೆಯನ್ನು ವರ್ಷ 1993 ರಲ್ಲಿ ಬಿಡುಗಡೆಯಾದ ಆ ಆರಂಭದಿಂದಲೂ ಇದು ವೇಗವಾಗಿ ಅತ್ಯುತ್ತಮ ಭಾಷೆಗಳ ಒಂದು ಎಂದು ಅಭಿವೃದ್ಧಿಪಡಿಸಿದೆ. ಭಾಷೆಯ ಮೊದಲ ಆವೃತ್ತಿ SGML ಮತ್ತು ಇತ್ತೀಚಿನ ಆವೃತ್ತಿ ಹೆಸರಿಸಲಾಯಿತು ಇದು ವಿಸ್ತರಿಸಿದೆ ಮಾಡಲಾಗಿದೆ XHTML ಗೆ. ಚಿತ್ರಗಳ ಮರುಗಾತ್ರಗೊಳಿಸುವಿಕೆ ಮೆಮೊರಿ ಉದ್ಯೋಗ ವಿಷಯದಲ್ಲಿ ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ಬದಲಾವಣೆ ಇಲ್ಲ ಎಂದು ಅರ್ಥ. ಬದಲಿಗೆ ಇದು ಬದಲಾಯಿಸಬೇಕಾಯಿತು ಎಂದು ಪಿಕ್ಸೆಲ್ಗಳು ಅಳೆಯಲಾಗುತ್ತದೆ ಚಿತ್ರ ನಿಜವಾದ ಗಾತ್ರ ಆಗಿದೆ. Htm ಎಲ್ ಅತೀ ಜನಪ್ರಿಯ ಭಾಷೆ ಮತ್ತು ಆದ್ದರಿಂದ ಇದು ಯಾವಾಗಲೂ ಬಳಕೆದಾರರಿಗೆ ಮೊದಲ ಆಯ್ಕೆಯಾಗಿದೆ.

ಭಾಗ 2 ಎಚ್ಟಿಎಮ್ಎಲ್ ಲಾಭಗಳು

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

• ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಹಳ ಪರಸ್ಪರ ಭಾಷೆ. ಫೇಸ್ಬುಕ್, ಟ್ವಿಟರ್ ಮತ್ತು ಗೂಗಲ್ ಪ್ರಮುಖ ವೇದಿಕೆಗಳಲ್ಲಿ ತಮ್ಮ ಕೋಡಿಂಗ್ ಸಂಯೋಜಿಸಲು ಭಾಷೆಯನ್ನು ಬಳಸಲು ಎಂದು ಇವನ್ನು. ಈ ಭಾಷೆಯನ್ನು ಹೀಗೆ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಮತ್ತು ಅತಿ ಹೆಚ್ಚು ಬಳಸಿದ ಎಂದು ಭಾಷೆಯಾಗಿದೆ.
• ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಡಿಂಗ್ ತುಂಬಾ ಅಚ್ಚುಕಟ್ಟಾಗಿ ಸ್ವಚ್ಛ ಮತ್ತು ಅರ್ಥವಾಗುವಂತಹದ್ದಾಗಿದೆ. ಆದ್ದರಿಂದ ಬಳಸಲು ಆದ್ಯತೆ ಕೋಡರ್ಗಳ ಮೊದಲ ಆದ್ಯತೆಯಾಗಿದೆ. ಇತ್ತೀಚಿನ HTML 5 ಅಂಶ ಮುಂದಿನ ಹಂತಕ್ಕೆ ಕಲ್ಪನೆಯನ್ನು ತೆಗೆದುಕೊಂಡಿದೆ ಎಂದು ಒಂದಾಗಿದೆ.
  
• ಶಬ್ದಾರ್ಥಗಳು ಯಾವುದೇ ಸಮಸ್ಯೆ ಇಲ್ಲದೆ ಸರಿಯಾಗಿ ಕೆಲಸ ಎಂದು ಇವನ್ನು. ಎಚ್ಟಿಎಮ್ಎಲ್ 5 ಅಂಶಗಳನ್ನು ಪ್ರತಿಯೊಬ್ಬರಿಂದ ಪ್ರತ್ಯೇಕ ಎಂದು ಇವನ್ನು. ಇದು ಅಂಶಗಳ ಉದ್ದೇಶಕ್ಕಾಗಿ ಸ್ಪಷ್ಟವಾಗಿ ಕಾಣಬಹುದು ಎಂದು ಅರ್ಥ. ಒಮ್ಮೆ ಕೋಡ್ ಲೆಕ್ಕಪರಿಶೋಧನೆ ಫಲಿತಾಂಶದ ಉದ್ದೇಶ ಬಳಕೆದಾರರಿಗೆ ಶುದ್ಧ ಮತ್ತು ಸ್ಪಷ್ಟ ಆಗುತ್ತದೆ.
• ಭಾಷೆಯ ಔಟ್ಪುಟ್ ಸ್ಥಿರವಾಗಿರುತ್ತದೆ. ಆದ್ದರಿಂದ ವೆಬ್ಪುಟದ ಅಗತ್ಯಗಳು ಸಾಲಿನಲ್ಲಿ ವೇಳೆ ಕಡಿಮೆ ಕೆಲಸ ಮಾಡಲು ಬಳಕೆದಾರರಿಗೆ ಅಗತ್ಯವಿದೆ. ವಿನ್ಯಾಸಕರು ಹಾಗೆ ಭಾಷೆಯನ್ನು ಅಳವಡಿಸಿಕೊಳ್ಳಲು ತುಂಬಾ ಸುಲಭ ಮತ್ತು ಆದ್ದರಿಂದ ಇದು ವ್ಯಾಪಕವಾಗಿ ಇಂತಹ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.
• ಎಚ್ಟಿಎಮ್ಎಲ್ ಮುಕ್ತ ಮೂಲ ಸ್ವರೂಪ ಬಳಕೆದಾರರು ಆಕರ್ಷಿಸುತ್ತದೆ ವಿಷಯ. ಉಪಕರಣಗಳು ಹಾಗೂ ತಂತ್ರಗಳನ್ನು ಬಳಸಲು ಮತ್ತು ಡೌನ್ಲೋಡ್ ಉಚಿತ. ಏಕೀಕರಣ ಬಳಕೆದಾರರು ಬೇಡಿಕೆಗಳಿಗೆ ಆದ್ದರಿಂದ ಸ್ಥಿರವಾದ ಮತ್ತು ಅನುಸಾರವಾಗಿದೆ.
• ಗ್ರಾಹಕ ಮತ್ತು ಜಿಯೋಲೋಕಲೈಸೇಶನ್ ಬೆಂಬಲ ಎಲ್ಲಾ ಕಾಲದ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಭಾಷೆಗಳ ಒಂದಾಗಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾಡುತ್ತದೆ ಇನ್ನೊಂದು ಅಂಶವಾಗಿದೆ. ಬಳಕೆದಾರ ಯಾವುದೇ ಸಮಸ್ಯೆ ಇಲ್ಲದೆ ಬೆಂಬಲ ಸಿಬ್ಬಂದಿ ಪಡೆಯಲು ಮತ್ತು ಸಮಸ್ಯೆಗಳು ಪರಿಹಾರಗೊಳ್ಳುವವರೆಗೂ ಮಾಡಬಹುದು. ಇದು ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್ ಅಭಿವರ್ಧಕರು ಭಾಷೆ ಮತ್ತು ಸಂಬಂಧಿಸಿದ ಘಟಕಗಳ ಬಗ್ಗೆ ಗಂಭೀರ ಎಂದು ತೋರಿಸುತ್ತದೆ.

ಭಾಗ 3 HTML ನಲ್ಲಿ ಚಿತ್ರ ಮರುಗಾತ್ರಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಸಂಬಂಧಿತ ಟ್ಯಾಗ್ಗಳು

Img src ಇದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಚಿತ್ರ ಮರುಗಾತ್ರಗೊಳಿಸುವಿಕೆ ಬಂದಾಗ ಕುಶಲತೆಯಿಂದ ಎಂಬುದನ್ನು ಟ್ಯಾಗ್ ಆಗಿದೆ. ಈ ಟ್ಯಾಗ್ ರಲ್ಲಿ img ಚಿತ್ರ ಕಿರು ರೂಪ. SRC ಮೂಲ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಮೂಲ ಚಿತ್ರವನ್ನು ಅಲ್ಲಿ ಪರಿಗಣಿಸಬಹುದಾ ಆ ಸ್ಥಳದಲ್ಲಿ ಚಿತ್ರಿಸುತ್ತದೆ. ಇದು ಚಿತ್ರ ಬಳಕೆದಾರರಿಗೆ ಕೊಯ್ದು ತೋರಿಸಲಾಗಿದೆ ಅಲ್ಲಿ ವೆಬ್ಸೈಟ್ ಫೋಲ್ಡರ್ ಸ್ಥಳ ಸೂಚಿಸುತ್ತದೆ. ಇದು ಬದಲಾವಣೆಗಳನ್ನು ಅನ್ವಯಿಸುವಾಗ ಆದಾಗ್ಯೂ ಬಳಕೆದಾರರ ಎಚ್ಚರಿಕೆಯ ಉಳಿಯಬೇಕು ಒಂದು ಲೈನರ್ ಪ್ರಕ್ರಿಯೆ ಆದರೂ. ರಾಂಗ್ ಬದಲಾವಣೆಗಳನ್ನು ಒಟ್ಟಾರೆ ಇತರ ಘಟಕಗಳ ಅಡಚಣೆ ಕಾರಣವಾಗಬಹುದು. ಟ್ಯುಟೋರಿಯಲ್ ಮುಂದಿನ ಭಾಗವು ಒಳಗಾಗುತ್ತದೆ ಕೆಲಸವನ್ನು ಮಾಡುವ ಸಮಯದಲ್ಲಿ ಅನ್ವಯಿಸಿದರೆ ಪ್ರಕ್ರಿಯೆಯ ವ್ಯವಹರಿಸಲು ಕಾಣಿಸುತ್ತದೆ. ಮುಗಿಸಲಾಗುತ್ತದೆ ಸಹ ವಿವರವಾಗಿ ಚರ್ಚಿಸಲಾಗುವುದು ಎಂದು ಅವಶ್ಯಕತೆಗಳನ್ನು:

ಅವಶ್ಯಕತೆಗಳು

• HTML ಸಂಪಾದಕ
• ವೆಬ್ಪುಟ ಲೇಔಟ್
• ಪಿಸಿ

ಪ್ರಕ್ರಿಯೆ

ಪ್ರಕ್ರಿಯೆಯ ಅಪ್ಲಿಕೇಶನ್ ಕೆಳಗಿನಂತೆ ಪ್ರಸ್ತಾಪಿಸಲಾಗಿದೆ ಎಂದು ಹಂತದ ಪ್ರಕಾರ ಮಾಡಬೇಕು:

ಕೆಳಗಿನಂತೆ ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ 1.The ಸಾಮಾನ್ಯ ಟ್ಯಾಗ್ ಕಾಣಬಹುದು. ಇದು ಕೇವಲ ಒಂದು ಉದಾಹರಣೆ ತೆಗೆದುಕೊಳ್ಳಲಾಗುತ್ತದೆ:

ಕಾಣಿಸಿಕೊಳ್ಳುವ ಕೆಳಗಿನಂತೆ ಇಮೇಜ್ ಮೇಲೆ ಪರಿಣಾಮವಾಗಿ:

ಬಳಕೆದಾರರ ಸಂಬಂಧಿತ ಗಾತ್ರಕ್ಕೆ ಚಿತ್ರವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಲು 2.In ಸಲುವಾಗಿ ಎತ್ತರ ಹಾಗೂ ಅಗಲ ಬದಲಾಯಿಸಲು ಅಗತ್ಯವಿದೆ. ಕೆಳಗಿನಂತೆ ಈ ಕೋಡ್ ಕಾಣಬಹುದು:

ಒಮ್ಮೆ ಮರುಗಾತ್ರಗೊಳಿಸುವಿಕೆ ಮಾಡಿಲ್ಲ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ ಕೆಳಗಿನಂತೆ ಎಂದು ಚಿತ್ರ:

ಎಚ್ಟಿಎಮ್ಎಲ್ ತಿಳಿಯಲು ಸುಲಭ ಒಂದು ಭಾಷೆ. ಬಳಕೆದಾರರ ಆದ್ದರಿಂದ ಚಿತ್ರಗಳನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ ಅದನ್ನು ಆದ್ಯತೆ ಬೇಕು. ಎಚ್ಟಿಎಮ್ಎಲ್ ಜೊತೆಗೆ ಬಳಕೆದಾರರು ಜಾವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಹಾಗೂ ಸಿಎಸ್ಎಸ್ ಅನುಕೂಲತೆ ಗರಿಷ್ಠಗೊಳಿಸಲು ಕಲಿಯಬಹುದು. ಭಾಷೆ ಸರಳವಾಗಿ ಬೆರಗುಗೊಳಿಸುತ್ತದೆ ಎಂದು ಫಲಿತಾಂಶಗಳನ್ನು ಪಡೆಯಲು ಕರೆಯಲಾಗುತ್ತದೆ. ಒಟ್ಟಾರೆ ನೋಟ ಹಾಗೂ ವೆಬ್ಪುಟದ ಲೇಔಟ್ ಆಕರ್ಷಕವಾಗಿದೆ. ಆರಂಭದಿಂದಲೂ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಭಿವೃದ್ಧಿ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಮೇಲೆ ಗುರುತು ಬಿಟ್ಟು ಮತ್ತು ಈಗ ತನಕ ಈ ವಿಧಾನವಿದು. ಚಿತ್ರ ಮರುಗಾತ್ರಗೊಳಿಸುವಿಕೆ ಭಾಷೆಯ ಕೇವಲ ಒಂದು ಭಾಗವಾಗಿದೆ. ಸತ್ಯಸಂಗತಿ ಭಾಷೆಯನ್ನು ಸಮಸ್ಯೆ ಇಲ್ಲದೆ ಯಾವುದೇ ಕೆಲಸ ಮಾಡಲು ಬಳಸಬಹುದು ಎಂಬುದು.