ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗೆ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸುವುದು

ಚಿತ್ರಗಳು ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲು

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

ಹೋಸ್ಟಿಂಗ್ ಸೇವೆಗೆ ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡುವುದು ಮೊದಲ ಹೆಜ್ಜೆ ಮಾತ್ರ. ನಂತರ ಅದನ್ನು ಗುರುತಿಸಲು HTML ನಲ್ಲಿ ನೀವು ಟ್ಯಾಗ್ ಸೇರಿಸಬೇಕಾಗಿದೆ.

ಎಚ್ಟಿಎಮ್ಎಲ್ನಂತೆ ಅದೇ ಡೈರೆಕ್ಟರಿಗೆ ಇಮೇಜ್ಗಳನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ

ನಿಮ್ಮ ಫೋಟೋಗಳು ಎಚ್ಟಿಎಮ್ಎಲ್ನಂತಹ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿಯೇ ಇರಬಹುದು. ಅದು ಹೀಗಿದ್ದರೆ:

  1. ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಮೂಲಕ್ಕೆ ಚಿತ್ರವನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಿ.
  2. ಚಿತ್ರವನ್ನು ತೋರಿಸಲು ನಿಮ್ಮ HTML ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಟ್ಯಾಗ್ ಸೇರಿಸಿ.
  3. ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಮೂಲಕ್ಕೆ HTML ಫೈಲ್ ಅನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಿ.
  4. ನಿಮ್ಮ ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಪುಟವನ್ನು ತೆರೆಯುವ ಮೂಲಕ ಫೈಲ್ ಪರೀಕ್ಷಿಸಿ.

ಚಿತ್ರ ಟ್ಯಾಗ್ ಕೆಳಗಿನ ಸ್ವರೂಪವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ:

ನೀವು "lunar.jpg," ಎಂಬ ಹೆಸರಿನೊಂದಿಗೆ ಚಂದ್ರನ ಫೋಟೋವನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡುತ್ತಿದ್ದೀರಿ ಎಂದು ಊಹಿಸಿಕೊಂಡು ಇಮೇಜ್ ಟ್ಯಾಗ್ ಕೆಳಗಿನ ಫಾರ್ಮ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ:

ಎತ್ತರ ಮತ್ತು ಅಗಲ ಐಚ್ಛಿಕ ಆದರೆ ಶಿಫಾರಸು. ಇಮೇಜ್ ಟ್ಯಾಗ್ಗೆ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅಗತ್ಯವಿಲ್ಲ ಎಂದು ಗಮನಿಸಿ.

ನೀವು ಮತ್ತೊಂದು ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಇಮೇಜ್ಗೆ ಲಿಂಕ್ ಮಾಡುತ್ತಿದ್ದರೆ, ಆಂಕರ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಿ ಮತ್ತು ಚಿತ್ರದ ಟ್ಯಾಗ್ ಅನ್ನು ಗೂಡು ಬಳಸಿ.

ಸಬ್ ಡೈರೆಕ್ಟರಿನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ

ಚಿತ್ರಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಉಪ-ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಶೇಖರಿಸಿಡಲು ಹೆಚ್ಚು ಸಾಮಾನ್ಯವಾಗಿದೆ. ಆ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿನ ಚಿತ್ರಗಳನ್ನು ಸೂಚಿಸುವ ಸಲುವಾಗಿ, ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಮೂಲಕ್ಕೆ ಸಂಬಂಧಿಸಿದಂತೆ ನೀವು ಎಲ್ಲಿದ್ದೀರಿ ಎಂದು ತಿಳಿದುಕೊಳ್ಳಬೇಕು.

ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಮೂಲವು ಅಲ್ಲಿ URL, ಕೊನೆಯಲ್ಲಿ ಯಾವುದೇ ಡೈರೆಕ್ಟರಿಗಳಿಲ್ಲದೆ, ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, "MyWebpage.com" ಹೆಸರಿನ ವೆಬ್ಸೈಟ್ಗಾಗಿ ಮೂಲವು ಈ ಫಾರ್ಮ್ ಅನ್ನು ಅನುಸರಿಸುತ್ತದೆ: http://MyWebpage.com/. ಕೊನೆಯಲ್ಲಿ ಕಡಿದು ಗಮನಿಸಿ. ಒಂದು ಕೋಶದ ಮೂಲವು ಸಾಮಾನ್ಯವಾಗಿ ಹೇಗೆ ಸೂಚಿಸಲ್ಪಡುತ್ತದೆ ಎಂಬುದು ಹೀಗಿರುತ್ತದೆ. ಡೈರೆಕ್ಟರಿ ರಚನೆಯಲ್ಲಿ ಎಲ್ಲಿ ಕುಳಿತುಕೊಳ್ಳಬೇಕೆಂದು ತೋರಿಸಲು ಸ್ಲ್ಯಾಷ್ ಎಂದು ಸಬ್ ಡೈರೆಕ್ಟರಿಗಳು ಸೇರಿವೆ. MyWebpage ಉದಾಹರಣೆಯ ಸೈಟ್ ಈ ರಚನೆಯನ್ನು ಹೊಂದಿರಬಹುದು:

http://MyWebpage.com/ - ರೂಟ್ ಡೈರೆಕ್ಟರಿ http://MyWebpage.com/products/ - ಉತ್ಪನ್ನ ಡೈರೆಕ್ಟರಿ http://MyWebpage.com/products/documentation/ - ಉತ್ಪನ್ನ ಡೈರೆಕ್ಟರಿಯಡಿರುವ ದಸ್ತಾವೇಜನ್ನು ಡೈರೆಕ್ಟರಿ http: // MyWebpage.com/images/ - ಚಿತ್ರಗಳನ್ನು ಕೋಶ

ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಚಿತ್ರಗಳನ್ನು ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಜ್ಗೆ ಸೂಚಿಸಿದಾಗ, ನೀವು ಹೀಗೆ ಬರೆಯುತ್ತೀರಿ:

ಇದನ್ನು ನಿಮ್ಮ ಇಮೇಜ್ಗೆ ಸಂಪೂರ್ಣ ಹಾದಿ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.

ಪ್ರದರ್ಶಿಸದ ಇಮೇಜ್ಗಳೊಂದಿಗೆ ಸಾಮಾನ್ಯ ತೊಂದರೆಗಳು

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

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

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

ನಿಮ್ಮ ಇಮೇಜ್ ಟ್ಯಾಗ್ನ SRC ಗುಣಲಕ್ಷಣವು C: \ ಅಥವಾ ಫೈಲ್ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಬಾರದು: ನಿಮ್ಮ ವೆಬ್ ಪುಟವನ್ನು ನಿಮ್ಮ ಸ್ವಂತ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಪರೀಕ್ಷಿಸಿದಾಗ ಇವುಗಳು ಕೆಲಸ ಮಾಡಲು ಕಂಡುಬರುತ್ತವೆ, ಆದರೆ ನಿಮ್ಮ ಸೈಟ್ಗೆ ಭೇಟಿ ನೀಡುವ ಪ್ರತಿಯೊಬ್ಬರೂ ಮುರಿದ ಚಿತ್ರವನ್ನು ನೋಡುತ್ತಾರೆ. ಇದು ಏಕೆಂದರೆ ಸಿ: \ ನಿಮ್ಮ ಹಾರ್ಡ್ ಡ್ರೈವಿನಲ್ಲಿ ಸ್ಥಳವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಚಿತ್ರವು ನಿಮ್ಮ ಹಾರ್ಡ್ ಡ್ರೈವ್ನಲ್ಲಿರುವುದರಿಂದ, ನೀವು ಅದನ್ನು ವೀಕ್ಷಿಸಿದಾಗ ಅದು ತೋರಿಸುತ್ತದೆ.