ನಾವು HTML ಕೋಡ್ ಕುರಿತು ಮಾತನಾಡುವಾಗ, ನಾವು ಬ್ರೌಸರ್ ಅಥವಾ ವೆಬ್ ಪುಟವನ್ನು ನಮೂದಿಸಿದಾಗ ನಮಗೆ ಒದಗಿಸಲಾದ ಮಾಹಿತಿಯನ್ನು ರಚನೆ ಮಾಡಲು ಬಳಸಲಾಗುವ ಭಾಷೆಯ ಬಗ್ಗೆ ನಿಮ್ಮಲ್ಲಿ ಹಲವರು ಯೋಚಿಸುತ್ತಾರೆ. ಆದರೆ ಇದು ಇಲ್ಲಿಗೆ ಕೊನೆಗೊಳ್ಳುವುದಿಲ್ಲ, HTML ಎಂದರೇನು ಮತ್ತು ಅದು ಯಾವುದಕ್ಕಾಗಿ ಎಂಬುದನ್ನು ಚೆನ್ನಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ನಾವು ಈ ವಿಷಯದ ಬಗ್ಗೆ ಹೆಚ್ಚು ಅಧ್ಯಯನ ಮಾಡಬೇಕು.
ನಾವು ಮಾತನಾಡಲು ಹೊರಟಿರುವ ಈ ಕೋಡ್ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತ ಆಧಾರವಾಗಿದೆ. ಪ್ರತಿ ಬಾರಿ ನಾವು ವಿವಿಧ ಪುಟಗಳನ್ನು ಬ್ರೌಸ್ ಮಾಡಿದಾಗ, HTML ಎಲ್ಲದರಲ್ಲೂ ಇರುತ್ತದೆ, ಅದು ಫ್ಯಾಷನ್ ಪುಟ ಅಥವಾ ವೈಯಕ್ತಿಕ ಬ್ಲಾಗ್ ಆಗಿರಲಿ. ಈ ವಿಷಯದ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿದುಕೊಳ್ಳಲು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದರೆ, ಪೆನ್ನು ಮತ್ತು ಕಾಗದವನ್ನು ಪಡೆದುಕೊಳ್ಳಿ ಮತ್ತು ನಾವು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ.
HTML ಕೋಡ್ ಎಂದರೇನು ಮತ್ತು ಅದನ್ನು ಯಾವುದಕ್ಕಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ?
ಈ ಪ್ರಕಟಣೆಯ ಆರಂಭದಲ್ಲಿ ನಾವು ಸೂಚಿಸಿದಂತೆ, HTML ಎನ್ನುವುದು ನಮ್ಮ ವೆಬ್ ಪುಟದ ವಿಷಯಗಳನ್ನು ನಾವು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದಾದ ಭಾಷೆಯಾಗಿದೆ. ಸ್ಪ್ಯಾನಿಷ್‌ನಲ್ಲಿ, ಸಂಕ್ಷಿಪ್ತ ರೂಪವು ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಕಪ್ ಲಾಂಗ್ವೇಜ್‌ನ ವ್ಯಾಖ್ಯಾನಕ್ಕೆ ಅನುರೂಪವಾಗಿದೆ. ಅಂದರೆ, ನಮ್ಮ ಬ್ರೌಸರ್ ವ್ಯಾಖ್ಯಾನಿಸಲು ಸಮರ್ಥವಾಗಿರುವ ಲೇಬಲ್‌ಗಳ ಸರಣಿ ಮತ್ತು ಅದರೊಂದಿಗೆ ನಾವು ನಮ್ಮ ಪಠ್ಯಗಳು ಮತ್ತು ವೆಬ್ ಪುಟ, ಚಿತ್ರಗಳು, ಗ್ರಾಫಿಕ್ಸ್, ಇತ್ಯಾದಿಗಳ ಭಾಗವಾಗಿರುವ ಇತರ ರೀತಿಯ ಅಂಶಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು.
ನಾವು ಮಾತನಾಡುವ ಈ ಭಾಷೆ ಇದು ಪುಟವನ್ನು ಅನುಸರಿಸುವ ರಚನೆಯನ್ನು ವಿವರಿಸುವ ಕಾರ್ಯವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಅವುಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ವಿಧಾನವನ್ನು ಸಂಘಟಿಸಲು ನಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.. ಈ ಎಲ್ಲದರ ಜೊತೆಗೆ, ಇತರ ರೀತಿಯ ಪುಟಗಳಿಗೆ ಅಥವಾ ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳಿಗೆ ವಿವಿಧ ಮರುನಿರ್ದೇಶಿತ ಲಿಂಕ್‌ಗಳನ್ನು ಸೇರಿಸಲು HTML ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಇದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯಲ್ಲ, ಏಕೆಂದರೆ ಇದು ಕೆಲವು ಅಂಕಗಣಿತದ ಕಾರ್ಯಗಳನ್ನು ಪೂರೈಸುವುದಿಲ್ಲ. ಆದ್ದರಿಂದ ನಾವು ಅದರ ಮುಖ್ಯ ಕಾರ್ಯವು ಸ್ಥಿರ ವೆಬ್ ಪುಟಗಳನ್ನು ರಚಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಎಂದು ಸೂಚಿಸಬಹುದು. ಇದು ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ, ಏಕೆಂದರೆ ಅದನ್ನು ಇನ್ನೊಂದು ರೀತಿಯ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯೊಂದಿಗೆ ಸಂಯೋಜಿಸುವ ಮೂಲಕ, ನಾವು ಪ್ರತಿದಿನ ಭೇಟಿ ನೀಡುವ ಹಲವು ಪುಟಗಳಂತೆ ನೀವು ಹೆಚ್ಚು ಕ್ರಿಯಾತ್ಮಕ ಪುಟಗಳನ್ನು ಪಡೆಯಬಹುದು.
ಸ್ವಲ್ಪ HTML ಇತಿಹಾಸ
graffica.info
1980 ರಲ್ಲಿ ಟಿಮ್ ಬರ್ನರ್ಸ್-ಲೀ ಎಂಬ ವಿಜ್ಞಾನಿ ಹೊಸ ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ಸಿಸ್ಟಮ್ನ ಕಲ್ಪನೆಯನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಿದಾಗ ಈ ಭಾಷೆ ಹುಟ್ಟಿತು.. ಇದು ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳು ಮತ್ತು ಫೈಲ್‌ಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಸಾಧ್ಯವಾಗುವ ಅಗತ್ಯವನ್ನು ಆಧರಿಸಿದೆ. HTML ಕುರಿತು ಮಾತನಾಡುವ ಈ ಪ್ರಕಟಣೆಯಲ್ಲಿ, ಈ ಭಾಷೆಯ ಆರಂಭಿಕ ಮತ್ತು ಸರಳ ವಿನ್ಯಾಸವನ್ನು ಕಲಿಸಿದ ಒಟ್ಟು 22 ಟ್ಯಾಗ್‌ಗಳನ್ನು ವಿವರಿಸಲಾಗಿದೆ.
ಪ್ರಸ್ತುತ, ವರ್ಷಗಳ ಹಿಂದೆ ಉಲ್ಲೇಖಿಸಲಾದ ಹಲವಾರು ಲೇಬಲ್‌ಗಳನ್ನು ಇನ್ನೂ ನಿರ್ವಹಿಸಲಾಗಿದೆ, ಪಕ್ಕಕ್ಕೆ ಬಿಟ್ಟಿರುವ ಮತ್ತು ಕಾಲಾನಂತರದಲ್ಲಿ ಸೇರಿಸಲಾದ ಇತರರಿಗೆ ಹೋಲಿಸಿದರೆ. ಅದರ ಇತಿಹಾಸದುದ್ದಕ್ಕೂ HTML ನ ವಿಭಿನ್ನ ಆವೃತ್ತಿಗಳಿವೆ ಎಂದು ನಾವು ಗಮನಸೆಳೆಯಬಹುದು.
ಈ ರೀತಿಯ ಭಾಷೆಯನ್ನು ಬ್ರೌಸರ್ ಮೂಲಕ ಮಾತ್ರ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಬಹುದು ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡೋಣ ಹೇಳಿದ ಪ್ರಕಟಣೆಯನ್ನು ಓದಲು ನಾವು ಪ್ರಸ್ತುತ ಈ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಬಳಸುತ್ತಿರುವಂತೆಯೇ.
ಲೇಬಲ್‌ಗಳ ವಿಧಗಳು
ಹಿಂದಿನ ವಿಭಾಗದಲ್ಲಿ ನಾವು ಸೂಚಿಸಿದ ವಿಷಯವೆಂದರೆ HTML ಭಾಷೆಯು ವಿಭಿನ್ನ ಟ್ಯಾಗ್‌ಗಳಿಂದ ಮಾಡಲ್ಪಟ್ಟಿದೆ. ಗೊತ್ತಿಲ್ಲದವರಿಗೆ ಈ ಲೇಬಲ್ಗಳು, ಅವು ಬ್ರಾಕೆಟ್‌ಗಳು ಅಥವಾ ಕಟ್ಟುಪಟ್ಟಿಗಳಿಂದ ರಕ್ಷಿಸಲ್ಪಟ್ಟ ಒಂದು ರೀತಿಯ ಪಠ್ಯ ತುಣುಕುಗಳಾಗಿವೆ, ಅದರ ಉದ್ದೇಶವು ಹೇಳಿದ ಕೋಡ್ ಅನ್ನು ಬರೆಯುವುದು.
ಈ ಲೇಬಲ್ಗಳು, ಅವುಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ತುದಿಯಲ್ಲಿ ಆವರಣದಲ್ಲಿ ನಾವು ತಿಳಿದಿರುವ ಮೂಲಕ ವಿಂಗಡಿಸಲಾಗುತ್ತದೆ <>, ಅಂದರೆ;. ನೀವು ವೆಬ್‌ನಲ್ಲಿ ಏನನ್ನು ಕಾಣಿಸಿಕೊಳ್ಳಲು ಬಯಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ವಿವರಿಸಲು ಇವುಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
HTML ನಲ್ಲಿ, ಮತ್ತುವಿವಿಧ ಲೇಬಲ್‌ಗಳ ದೊಡ್ಡ ವೈವಿಧ್ಯವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಎಂದು ನಾವು ಕಂಡುಕೊಳ್ಳುತ್ತೇವೆ. ಅದರ ಬಳಕೆಯನ್ನು ಅವಲಂಬಿಸಿ, ಅವುಗಳಲ್ಲಿ ಕೆಲವನ್ನು ನಾವು ಕೆಳಗೆ ನೋಡುತ್ತೇವೆ.
- ತೆರೆಯುವ ಟ್ಯಾಗ್: ಇವುಗಳನ್ನು ಪುಟಗಳ ಆರಂಭದಲ್ಲಿ ಬಳಸಲಾಗಿದೆ. ಒಂದು ನಿರ್ದಿಷ್ಟ ಅಂಶವು ಎಲ್ಲಿ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ಅಥವಾ ಕೊನೆಗೊಳ್ಳುತ್ತದೆ ಎಂದು ಅದು ನಮಗೆ ಹೇಳುತ್ತದೆ. ಅಂಶದ ಹೆಸರು ಮೊನಚಾದ ಆವರಣಗಳ ನಡುವೆ ಹೋಗಬೇಕು.
- ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳು: ಹಿಂದಿನ ಪ್ರಕರಣದಂತೆಯೇ, ಆದರೆ ಇವುಗಳು ಅಂಶದ ಅಂತ್ಯವನ್ನು ಸೂಚಿಸುತ್ತವೆ. ಕರ್ಣೀಯ ರೇಖೆಯು ಕಾಣಿಸಿಕೊಳ್ಳುವುದರಿಂದ ಅವು ಮುಖ್ಯವಾಗಿ ಬರೆಯಲ್ಪಟ್ಟ ರೀತಿಯಲ್ಲಿ ಭಿನ್ನವಾಗಿರುತ್ತವೆ.
- ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ಗಳು: ಮುಂದಿನದನ್ನು ನಮ್ಮ ಪುಟದ ಶೀರ್ಷಿಕೆ ಎಂದು ಅವರು ಸೂಚಿಸುತ್ತಾರೆ.
- ದೇಹದ ಲೇಬಲ್ಗಳು: ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಾವು ಪಠ್ಯದ ದೇಹದ ಭಾಗವನ್ನು ಸೂಚಿಸುವ ಟ್ಯಾಗ್‌ಗಳ ಬಗ್ಗೆ ಮಾತನಾಡುತ್ತಿದ್ದೇವೆ, ಅಂದರೆ ಪಠ್ಯದ ಬ್ಲಾಕ್‌ಗಳನ್ನು ಅನುಸರಿಸಲಾಗಿದೆ.
- ಹೆಡರ್ ಟ್ಯಾಗ್: ಅದರ ಹೆಸರು ಬಹಿರಂಗಪಡಿಸಿದಂತೆ, ಇದು ನಮ್ಮ ಪುಟದ ಶೀರ್ಷಿಕೆ ಅಥವಾ ಹೆಡರ್ ಅನ್ನು ಸೂಚಿಸುವ ಲೇಬಲ್ ಆಗಿದೆ.
- ಉಪಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್: ಈ ಸಂದರ್ಭದಲ್ಲಿ ನಾವು ಹಂತ 2 ಉಪಶೀರ್ಷಿಕೆಗಳ ಬಗ್ಗೆ ಮಾತನಾಡುತ್ತಿದ್ದೇವೆ.
- ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್: ನಮ್ಮ ಪಠ್ಯವನ್ನು ಗುಂಪಿನ ರೀತಿಯಲ್ಲಿ ಒಂದು ಸಾಲಿನಲ್ಲಿ ಗೋಚರಿಸುವಂತೆ ಮಾಡಲು ಅವುಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
- ಕೆಳಗಿನ ವಿಭಾಗದ ಲೇಬಲ್: ಪಠ್ಯದ ಕೆಳಭಾಗಕ್ಕೆ ಪಾಯಿಂಟ್‌ಗಳು. ಇದನ್ನು ತೀರ್ಮಾನದೊಂದಿಗೆ ಅಥವಾ ಸಂಪರ್ಕ ಮಾಹಿತಿ ಅಥವಾ ಸಾಮಾಜಿಕ ನೆಟ್‌ವರ್ಕ್‌ಗಳು ಗೋಚರಿಸುವ ಪುಟದ ಅಂತಿಮ ಭಾಗದೊಂದಿಗೆ ಗುರುತಿಸಬಹುದು.
- ಮೇಲಿನ ವಿಭಾಗದ ಲೇಬಲ್: ನಾವು ಪಠ್ಯದ ಮೇಲ್ಭಾಗವನ್ನು ಅಥವಾ ಪುಟದಲ್ಲಿನ ಹೆಡರ್ ಅನ್ನು ಉಲ್ಲೇಖಿಸುತ್ತೇವೆ.
- ದಪ್ಪ ಲೇಬಲ್: ನಮಗೆಲ್ಲರಿಗೂ ತಿಳಿದಿರುವಂತೆ, ನಮ್ಮ ಪಠ್ಯವನ್ನು ಸುತ್ತುವರಿದ ಕೆಲವು ಅಂಶವನ್ನು ಹೈಲೈಟ್ ಮಾಡುವ ಜವಾಬ್ದಾರಿಯನ್ನು ಅವರು ಹೊಂದಿರುತ್ತಾರೆ.
- ಇಟಾಲಿಕ್ ಲೇಬಲ್ಗಳು: ಹಿಂದಿನ ಪ್ರಕರಣದಂತೆಯೇ, ಆದರೆ ಇಲ್ಲಿ ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಸೂಚಿಸಿರುವುದು ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.
- ಚಿತ್ರ ಟ್ಯಾಗ್: ನಮ್ಮ ಪುಟದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಸೇರಿಸಲು ನಾವು ಬಯಸಿದಾಗ ನಾವು ಬಳಸುತ್ತೇವೆ.
- ಲಿಂಕ್ ಟ್ಯಾಗ್ಗಳು: ನಾವು ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಎಲ್ಲಿಯಾದರೂ ಲಿಂಕ್‌ಗಳನ್ನು ಸೇರಿಸಲು ಬಯಸಿದರೆ, ನಾವು ಈ ಟ್ಯಾಗ್ ಅನ್ನು ಸೇರಿಸಬೇಕು.
ಇವು HTML ಭಾಷೆಯಲ್ಲಿ ಬಳಸಲಾಗುವ ಕೆಲವು ಮುಖ್ಯ ಟ್ಯಾಗ್‌ಗಳಾಗಿವೆ. ನಾವು ತೆರೆಯುವ ಪ್ರತಿಯೊಂದು ಟ್ಯಾಗ್‌ಗೆ, ನಾವು ಅದನ್ನು ಮುಚ್ಚಬೇಕು ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡಬೇಕು, ಇಲ್ಲದಿದ್ದರೆ ನಾವು ಹೇಳಿದ ಟ್ಯಾಗ್ ಅನ್ನು ಸರಿಯಾಗಿ ಸೇರಿಸುವುದಿಲ್ಲ. ಸರಿಯಾದ ರೀತಿಯಲ್ಲಿ ಮಾಡುವುದರಿಂದ ಉತ್ತಮ-ರಚನಾತ್ಮಕ HTML ಭಾಷೆಯನ್ನು ಸಾಧಿಸಬಹುದು. ಕೆಟ್ಟದಾಗಿ ಬರೆದ ಕೋಡ್ ಪುಟದ ರಚನೆಯಲ್ಲಿ ದೋಷಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಬ್ರೌಸರ್ ಅದನ್ನು ಗುರುತಿಸುವುದಿಲ್ಲ ಮತ್ತು ನಮಗೆ ಖಾಲಿ ಪರದೆಯನ್ನು ತೋರಿಸಲಾಗುತ್ತದೆ ಅಥವಾ ಪುಟವನ್ನು ನೇರವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.
HTML ಎಂದರೇನು, ಅದು ಯಾವುದಕ್ಕಾಗಿ ಮತ್ತು ಅದರ ಕೆಲವು ಮೂಲಭೂತ ಟ್ಯಾಗ್ಗಳು ಈಗ ನಿಮಗೆ ತಿಳಿದಿದೆ, ನಾವು ಮಾತನಾಡುತ್ತಿರುವ ಈ ಭಾಷೆಯ ಮೂಲ ರಚನೆಯ ಬಗ್ಗೆ ನಿಮಗೆ ತಿಳುವಳಿಕೆ ಇದೆ. ಒಮ್ಮೆ ನೀವು ಇದನ್ನು ತಿಳಿದಿದ್ದರೆ, ನಾವು ಹೆಸರಿಸಿದ ವಿವಿಧ ಲೇಬಲ್‌ಗಳನ್ನು ಬಳಸಲು ಮತ್ತು ಹೊಸದನ್ನು ಸೇರಿಸಲು, ನೀವು ಕಲಿತದ್ದನ್ನು ನಿರ್ಮಿಸಲು ಮತ್ತು ಅಭ್ಯಾಸ ಮಾಡಲು ನಾವು ನಿಮ್ಮನ್ನು ಪ್ರೋತ್ಸಾಹಿಸುತ್ತೇವೆ.