HTML ನಲ್ಲಿ IMG ಅನ್ನು ಹೇಗೆ ಹಾಕುವುದು

<

h1> HTML ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಹೇಗೆ ಹಾಕುವುದು

ಚಿತ್ರಗಳು ಸೈಟ್‌ನಲ್ಲಿ ಪ್ರಮುಖ ಅಂಶಗಳಾಗಿವೆ, ಏಕೆಂದರೆ ಅವು ಮಾಹಿತಿಯನ್ನು ದೃಷ್ಟಿಗೋಚರವಾಗಿ ರವಾನಿಸಲು ಮತ್ತು ವಿಷಯವನ್ನು ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗಿ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಈ ಲೇಖನದಲ್ಲಿ, ಸೂಕ್ತವಾದ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು HTML ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಹೇಗೆ ಹಾಕುವುದು ಎಂದು ಕಲಿಯೋಣ.

ಟ್ಯಾಗ್

ಟ್ಯಾಗ್ & lt; img & gt; ಅನ್ನು HTML ಪುಟದಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಖಾಲಿ ಟ್ಯಾಗ್ ಆಗಿರುವುದರಿಂದ ಇದು ಮುಕ್ತಾಯದ ಟ್ಯಾಗ್ ಹೊಂದಿಲ್ಲ. ಉದಾಹರಣೆ ನೋಡಿ:

& lt; img src = “path_da_imagem.jpg” alt = “ಚಿತ್ರ ವಿವರಣೆ” & gt;

ಗುಣಲಕ್ಷಣಗಳು:

<

ul>

</ಉಲ್>

ಟ್ಯಾಗ್‌ನ ಬಳಕೆಯ ಉದಾಹರಣೆ

ನಮ್ಮಲ್ಲಿ HTML ಫೈಲ್‌ನಂತೆಯೇ ಅದೇ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ “image.jpg” ಎಂಬ ಚಿತ್ರವಿದೆ ಎಂದು ಭಾವಿಸೋಣ. ನಾವು ಅದನ್ನು ಈ ಕೆಳಗಿನಂತೆ ಸೇರಿಸಬಹುದು:

& lt; img src = “image.jpg” alt = “ಉದಾಹರಣೆ ಚಿತ್ರ” & gt;

ಎಲ್ಲಾ ಚಿತ್ರಗಳಿಗೆ ವಿವರಣಾತ್ಮಕ ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಸೇರಿಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸ ಎಂದು ನಮೂದಿಸುವುದು ಬಹಳ ಮುಖ್ಯ, ಏಕೆಂದರೆ ಇದು ಸೈಟ್ ಪ್ರವೇಶವನ್ನು ಸುಧಾರಿಸುತ್ತದೆ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳಿಂದ ಸೂಚ್ಯಂಕಕ್ಕೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಇತರ ಮಾರ್ಗಗಳು

ಟ್ಯಾಗ್‌ನ ಜೊತೆಗೆ & lt; img & gt; , HTML ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಇತರ ಮಾರ್ಗಗಳಿವೆ:

ಟ್ಯಾಗ್ <ಚಿತ್ರ>

ಟ್ಯಾಗ್ & lt; ಚಿತ್ರ & gt; ಅನ್ನು ನಿಮ್ಮ ಶೀರ್ಷಿಕೆಯೊಂದಿಗೆ ಚಿತ್ರವನ್ನು ಗುಂಪು ಮಾಡಲು ಬಳಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆ ನೋಡಿ:

& lt; ಚಿತ್ರ & gt;
& nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; figcation & gt;
& Lt;/ಚಿತ್ರ & gt;

ನೀವು ಚಿತ್ರಕ್ಕೆ ಶೀರ್ಷಿಕೆಯನ್ನು ಸೇರಿಸಲು ಬಯಸಿದಾಗ ಈ ಟ್ಯಾಗ್ ಉಪಯುಕ್ತವಾಗಿದೆ.

ಟ್ಯಾಗ್ <ಪಿಕ್ಚರ್>

& lt; ಚಿತ್ರ & gt; ಚಿತ್ರದ ಅನೇಕ ಆವೃತ್ತಿಗಳನ್ನು ಒದಗಿಸಲು ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಇದು ಬಳಕೆದಾರ ಸಾಧನದ ಗುಣಲಕ್ಷಣಗಳ ಆಧಾರದ ಮೇಲೆ ಉತ್ತಮ ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಬ್ರೌಸರ್‌ಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಉದಾಹರಣೆ ನೋಡಿ:

& lt; ಚಿತ್ರ & gt;
& nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp;
& Lt;/ಚಿತ್ರ & gt;

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಚಿತ್ರದ ಎರಡು ಆವೃತ್ತಿಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ: ಒಂದು ವೆಬ್‌ಪಿ ಸ್ವರೂಪದಲ್ಲಿ ಮತ್ತು ಒಂದು ಜೆಪಿಇಜಿ ಸ್ವರೂಪದಲ್ಲಿ. ಸಾಧನ ಬೆಂಬಲದ ಆಧಾರದ ಮೇಲೆ ಬ್ರೌಸರ್ ಉತ್ತಮ ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ.

<

h2> ತೀರ್ಮಾನ

HTML ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸುವುದು & lt; img & gt; ಟ್ಯಾಗ್ ಬಳಸಿ ಸರಳ ಕಾರ್ಯವಾಗಿದೆ. ಎಲ್ಲಾ ಚಿತ್ರಗಳಿಗೆ ವಿವರಣಾತ್ಮಕ ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಒದಗಿಸುವುದು ಮುಖ್ಯ, ಜೊತೆಗೆ & lt; ಚಿತ್ರ & gt; ಮತ್ತು & lt; ಚಿತ್ರ & gt; ಈ ರೀತಿಯಾಗಿ ನೀವು ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಹೆಚ್ಚು ಪ್ರವೇಶಿಸಬಹುದು ಮತ್ತು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸುತ್ತೀರಿ.