HTML ಬೇಸಿಕ್ಸ್. HTML ಟ್ಯಾಗ್ ಅನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಹೇಗೆ ಎಲ್ಲಾ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಕಲಿಯುವುದು
HTML ಟ್ಯಾಗ್ಗಳು HTML ಭಾಷೆಯ ಆಧಾರವಾಗಿದೆ. ಮಾರ್ಕ್‌ಅಪ್‌ನಲ್ಲಿನ ಅಂಶಗಳ ಪ್ರಾರಂಭ ಮತ್ತು ಅಂತ್ಯವನ್ನು ಡಿಲಿಮಿಟ್ ಮಾಡಲು ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಪ್ರತಿಯೊಂದು HTML ಡಾಕ್ಯುಮೆಂಟ್ HTML ಅಂಶಗಳು ಮತ್ತು ಪಠ್ಯದ ಮರವನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಪ್ರತಿಯೊಂದು HTML ಅಂಶವನ್ನು ಪ್ರಾರಂಭ (ಆರಂಭಿಕ) ಮತ್ತು ಅಂತ್ಯ (ಮುಚ್ಚುವ) ಟ್ಯಾಗ್ ಮೂಲಕ ಗುರುತಿಸಲಾಗುತ್ತದೆ. ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳು ಟ್ಯಾಗ್‌ನ ಹೆಸರನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ.
ಎಲ್ಲಾ HTML ಅಂಶಗಳನ್ನು ಐದು ವಿಧಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ:
ಖಾಲಿ ಅಂಶಗಳು -,, , , , , , , , , , , , , ;
ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡದ ಪಠ್ಯದೊಂದಿಗೆ ಅಂಶಗಳು - , ;
ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡದ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಅಂಶಗಳು - , ;
ಮತ್ತೊಂದು ನೇಮ್‌ಸ್ಪೇಸ್‌ನಿಂದ ಅಂಶಗಳು - MathML ಮತ್ತು SVG;
ಸಾಮಾನ್ಯ ಅಂಶಗಳು - ಎಲ್ಲಾ ಇತರ ಅಂಶಗಳು.
ಟೇಬಲ್ ತೋರಿಸುತ್ತದೆ ಪೂರ್ಣ ಪಟ್ಟಿ HTML4 ಮತ್ತು HTML5 ನಿಂದ ಬೆಂಬಲಿತ ಅಂಶಗಳು. ಪ್ರಾಯೋಗಿಕ ಮತ್ತು ಪರಂಪರೆಯ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊರಗಿಡಲಾಗಿದೆ. HTML5 ವಿವರಣೆಗೆ ಸೇರಿಸಲಾದ ಅಂಶಗಳನ್ನು ಟೀಲ್‌ನಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡಲಾಗಿದೆ.
HTML ಅಂಶಗಳ ಸಂಪೂರ್ಣ ಪಟ್ಟಿ
ಕೋಷ್ಟಕ 1. HTML ಅಂಶಗಳು
ಟ್ಯಾಗ್ ವಿವರಣೆ
ಕಾಮೆಂಟ್ಗಳನ್ನು ಸೇರಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
ಡಾಕ್ಯುಮೆಂಟ್ ಪ್ರಕಾರವನ್ನು ಘೋಷಿಸುತ್ತದೆ ಮತ್ತು ಬ್ರೌಸರ್‌ಗೆ ಮೂಲಭೂತ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ - ಅದರ ಭಾಷೆ ಮತ್ತು ಆವೃತ್ತಿ.
ಹೈಪರ್‌ಟೆಕ್ಸ್ಟ್ ಲಿಂಕ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ.
ಪಠ್ಯವನ್ನು ಸಂಕ್ಷೇಪಣ ಅಥವಾ ಸಂಕ್ಷಿಪ್ತ ರೂಪವಾಗಿ ಗುರುತಿಸುತ್ತದೆ. ಶೀರ್ಷಿಕೆ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ವಿವರಣಾತ್ಮಕ ಪಠ್ಯವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ.
ಡಾಕ್ಯುಮೆಂಟ್ ಅಥವಾ ಲೇಖನದ ಲೇಖಕ/ಮಾಲೀಕರ ಸಂಪರ್ಕ ಮಾಹಿತಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.
ಇದು ಚಿತ್ರದ ನಕ್ಷೆಯಲ್ಲಿನ ನಿರ್ದಿಷ್ಟ ಪ್ರದೇಶಕ್ಕೆ ಅಥವಾ ಇಮೇಜ್ ಮ್ಯಾಪ್‌ನಲ್ಲಿ ಸಕ್ರಿಯ ಪ್ರದೇಶಕ್ಕೆ ಅನುಗುಣವಾದ ಪಠ್ಯದೊಂದಿಗೆ ಹೈಪರ್‌ಲಿಂಕ್ ಆಗಿದೆ. ಯಾವಾಗಲೂ ಟ್ಯಾಗ್‌ನೊಳಗೆ ಗೂಡುಕಟ್ಟಿರುತ್ತದೆ.
ಮ್ಯಾಗಜೀನ್ ಲೇಖನ, ಬ್ಲಾಗ್ ಪೋಸ್ಟ್, ಕಾಮೆಂಟ್‌ನಂತಹ ಡಾಕ್ಯುಮೆಂಟ್ ಅಥವಾ ವೆಬ್‌ಸೈಟ್‌ನ ಸ್ವತಂತ್ರ ಭಾಗವನ್ನು ರೂಪಿಸುವ ವಿಷಯದ ವಿಭಾಗ.
ಪುಟ/ಸೈಟ್‌ನ ಮುಖ್ಯ ವಿಷಯಕ್ಕೆ ಪರೋಕ್ಷವಾಗಿ ಸಂಬಂಧಿಸಿದ ಪುಟದ ವಿಷಯವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.
ವೆಬ್ ಪುಟಕ್ಕೆ ಆಡಿಯೊ ವಿಷಯವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತದೆ.
ಹೈಲೈಟ್ ಮಾಡಿದ ಪಠ್ಯಕ್ಕೆ ಒತ್ತು ಅಥವಾ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಸೇರಿಸದೆಯೇ ಪಠ್ಯದ ಭಾಗವನ್ನು ದಪ್ಪವಾಗಿರುವಂತೆ ಹೊಂದಿಸುತ್ತದೆ.
ಎಲ್ಲಾ ಸಂಬಂಧಿತ ವಿಳಾಸಗಳನ್ನು ಲೆಕ್ಕಹಾಕುವ ಮೂಲ ವಿಳಾಸವನ್ನು (URL) ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಎಲ್ಲಾ ಲಿಂಕ್‌ಗಳು ಮೊದಲಿನಂತೆಯೇ ಕಾರ್ಯನಿರ್ವಹಿಸುವುದರಿಂದ ಪುಟವನ್ನು ಮತ್ತೊಂದು ಸ್ಥಳಕ್ಕೆ ಸ್ಥಳಾಂತರಿಸುವಾಗ ಸಮಸ್ಯೆಗಳನ್ನು ತಪ್ಪಿಸಲು ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಪಠ್ಯವನ್ನು ಉಳಿದ ಪಠ್ಯದಿಂದ ಬಲದಿಂದ ಎಡಕ್ಕೆ ಓದುವ ಭಾಷೆಯಲ್ಲಿ ಬರೆಯಲಾದ ಪಠ್ಯದ ಭಾಗವನ್ನು ಪ್ರತ್ಯೇಕಿಸುತ್ತದೆ.
ಪ್ರಸ್ತುತ ಪಠ್ಯದ ದಿಕ್ಕನ್ನು ಅತಿಕ್ರಮಿಸಿ, ಡೈರ್ ಗುಣಲಕ್ಷಣದ ಮೂಲಕ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ದಿಕ್ಕಿನಲ್ಲಿ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ದೊಡ್ಡ ಉಲ್ಲೇಖಗಳನ್ನು ವಿವರಿಸಲು ಬಳಸಲಾಗುವ ಉಲ್ಲೇಖದಂತೆ ಪಠ್ಯವನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಡಾಕ್ಯುಮೆಂಟ್‌ನ ದೇಹವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ (ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಮೆಟಾಡೇಟಾದ ಭಾಗವಾಗಿರದ ವಿಷಯ).
ಪಠ್ಯವನ್ನು ಹೊಸ ಸಾಲಿಗೆ ಸುತ್ತಿ.
ಸಂವಾದಾತ್ಮಕ ಬಟನ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ನೀವು ವಿಷಯವನ್ನು ಟ್ಯಾಗ್‌ನಲ್ಲಿ ಇರಿಸಬಹುದು - ಪಠ್ಯ ಅಥವಾ ಚಿತ್ರ.
ಸರಳ ಚಿತ್ರಗಳು, ಚಾರ್ಟ್‌ಗಳು, ಗ್ರಾಫ್‌ಗಳು ಇತ್ಯಾದಿಗಳಂತಹ ಚಿತ್ರಗಳನ್ನು ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಪ್ರದರ್ಶಿಸಲು ಕ್ಯಾನ್ವಾಸ್ ಕಂಟೇನರ್. ರೇಖಾಚಿತ್ರಕ್ಕಾಗಿ JavaScript ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಭಾಷೆಯನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಟೇಬಲ್‌ಗೆ ಶೀರ್ಷಿಕೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ. ಟ್ಯಾಗ್ ನಂತರ ತಕ್ಷಣವೇ ಸೇರಿಸಲಾಗಿದೆ
.
ಉಲ್ಲೇಖದ ಮೂಲವನ್ನು ಸೂಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗಿದೆ.
ಮೊನೊಸ್ಪೇಸ್ ಫಾಂಟ್ ಕುಟುಂಬದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಪ್ರೋಗ್ರಾಂ ಕೋಡ್‌ನ ತುಣುಕನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.
ಒಂದೇ ರೀತಿಯ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿರದ ಫಾರ್ಮ್ಯಾಟಿಂಗ್‌ಗಾಗಿ ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ಟೇಬಲ್ ಕಾಲಮ್‌ಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ.
ಅನೇಕ ತಾರ್ಕಿಕವಾಗಿ ಏಕರೂಪದ ಕೋಶಗಳನ್ನು ಗುರುತಿಸುವ ಕಾಲಮ್‌ಗಳ ರಚನಾತ್ಮಕ ಗುಂಪನ್ನು ರಚಿಸುತ್ತದೆ.
ಮೌಲ್ಯ ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವನ್ನು ಸಂಯೋಜಿಸಲು ಅಂಶವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಇದು ಯಂತ್ರ-ಓದಬಲ್ಲ ಸ್ವರೂಪದಲ್ಲಿದೆ ಮತ್ತು ಟ್ಯಾಗ್‌ನ ವಿಷಯದೊಂದಿಗೆ ಕಂಪ್ಯೂಟರ್‌ನಿಂದ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಬಹುದು.
ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿ ಅಂಶಕ್ಕಾಗಿ ಕಂಟೈನರ್ ಅಂಶ. ವಿಭಿನ್ನ ಮೌಲ್ಯಗಳನ್ನು ಅಂಶಗಳಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ.
ಟ್ಯಾಗ್‌ನಿಂದ ಪದವನ್ನು ವಿವರಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
ಅದನ್ನು ಹೊಡೆಯುವ ಮೂಲಕ ಪಠ್ಯವನ್ನು ಅಳಿಸಲಾಗಿದೆ ಎಂದು ಗುರುತಿಸುತ್ತದೆ.
ಬಳಕೆದಾರರು ತೆರೆಯಬಹುದಾದ ಅಥವಾ ಮುಚ್ಚಬಹುದಾದ ಸಂವಾದಾತ್ಮಕ ವಿಜೆಟ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ವಿಷಯಕ್ಕಾಗಿ ಧಾರಕವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, ವಿಜೆಟ್‌ನ ಗೋಚರ ಶೀರ್ಷಿಕೆಯನ್ನು ಟ್ಯಾಗ್‌ನಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ.
ಪದವನ್ನು ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಇರಿಸುವ ಮೂಲಕ ಪದವಾಗಿ ಗುರುತಿಸುತ್ತದೆ. ಕೆಳಗಿನ ಪಠ್ಯವು ಈ ಪದದ ವ್ಯಾಖ್ಯಾನವನ್ನು ಹೊಂದಿರಬೇಕು.
ಡೈಲಾಗ್ ಬಾಕ್ಸ್, ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅಥವಾ ವಿಂಡೋದಂತಹ ಕಾರ್ಯವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಬಳಕೆದಾರರು ಸಂವಹನ ನಡೆಸುವ ಸಂವಾದಾತ್ಮಕ ಅಂಶ. ತೆರೆದ ಗುಣಲಕ್ಷಣವಿಲ್ಲದೆ, ಅದು ಬಳಕೆದಾರರಿಗೆ ಗೋಚರಿಸುವುದಿಲ್ಲ.
HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನ ವಿಭಾಗಗಳಿಗಾಗಿ ಕಂಟೇನರ್ ಟ್ಯಾಗ್. ಶೈಲಿಗಳೊಂದಿಗೆ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲು ಗುಂಪು ಬ್ಲಾಕ್ ಅಂಶಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಒಂದು ಪದ ಮತ್ತು ಅದರ ವಿವರಣೆಯನ್ನು ಹೊಂದಿರುವ ಕಂಟೇನರ್ ಟ್ಯಾಗ್.
ಪದವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
ಪಠ್ಯದ ಪ್ರಮುಖ ಭಾಗಗಳನ್ನು ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ಮೂಲಕ ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಬಾಹ್ಯ ಸಂವಾದಾತ್ಮಕ ವಿಷಯ ಅಥವಾ ಪ್ಲಗಿನ್ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಲು ಕಂಟೇನರ್ ಟ್ಯಾಗ್.
ಅವುಗಳ ಸುತ್ತಲೂ ಪೆಟ್ಟಿಗೆಯನ್ನು ಎಳೆಯುವ ಮೂಲಕ ಒಂದು ರೂಪದಲ್ಲಿ ಸಂಬಂಧಿಸಿದ ಅಂಶಗಳನ್ನು ಗುಂಪುಗಳು.
ಅಂಶಕ್ಕಾಗಿ ಶೀರ್ಷಿಕೆ/ಶೀರ್ಷಿಕೆ.
ಸಾಮಾನ್ಯವಾಗಿ ಶೀರ್ಷಿಕೆಯೊಂದಿಗೆ ವಿವರಣೆಗಳು, ರೇಖಾಚಿತ್ರಗಳು, ಛಾಯಾಚಿತ್ರಗಳು, ಕೋಡ್ ಉದಾಹರಣೆಗಳಂತಹ ವಿಷಯಕ್ಕಾಗಿ ಸ್ವಯಂ-ಒಳಗೊಂಡಿರುವ ಕಂಟೇನರ್ ಟ್ಯಾಗ್.
ಡಾಕ್ಯುಮೆಂಟ್ ಅಥವಾ ವಿಭಾಗದ ಅಂತ್ಯದ ಪ್ರದೇಶವನ್ನು (ಅಡಿಟಿಪ್ಪಣಿ) ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಬಳಕೆದಾರರಿಂದ ಸರ್ವರ್‌ಗೆ ಮಾಹಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಮತ್ತು ಕಳುಹಿಸಲು ಒಂದು ಫಾರ್ಮ್. ಕ್ರಿಯೆಯ ಗುಣಲಕ್ಷಣವಿಲ್ಲದೆ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ.
ಸಂಬಂಧಿತ ವಿಭಾಗಗಳಿಗಾಗಿ ಆರು ಹಂತದ ಶೀರ್ಷಿಕೆಗಳನ್ನು ರಚಿಸಿ.
HTML ಡಾಕ್ಯುಮೆಂಟ್ ಮೆಟಾಡೇಟಾದ ಧಾರಕ ಅಂಶ, ಉದಾಹರಣೆಗೆ , , , .
ಸೈಟ್ ಅಥವಾ ನ್ಯಾವಿಗೇಷನ್ ಲಿಂಕ್‌ಗಳ ಗುಂಪಿನ ಪರಿಚಯಾತ್ಮಕ ಮಾಹಿತಿಗಾಗಿ ವಿಭಾಗ. ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ಶೀರ್ಷಿಕೆಗಳು, ಲೋಗೋ, ಲೇಖಕರ ಬಗ್ಗೆ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿರಬಹುದು.
ಪ್ಯಾರಾಗಳ ವಿಷಯಾಧಾರಿತ ವಿಭಾಗಕ್ಕಾಗಿ ಸಮತಲವಾಗಿರುವ ರೇಖೆ.
HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಮೂಲ ಅಂಶ. ಇದು HTML ಡಾಕ್ಯುಮೆಂಟ್ ಎಂದು ಬ್ರೌಸರ್‌ಗೆ ಹೇಳುತ್ತದೆ. ಇದು ಎಲ್ಲಾ ಇತರ html ಅಂಶಗಳಿಗೆ ಧಾರಕವಾಗಿದೆ.
ಇಟಾಲಿಕ್ಸ್ ಹೆಚ್ಚುವರಿ ಒತ್ತು ನೀಡದೆ ಪಠ್ಯದ ಅಂಗೀಕಾರ.
ಪ್ರಸ್ತುತ HTML ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ಮತ್ತೊಂದು ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ಇನ್ಲೈನ್ ಫ್ರೇಮ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ.
src ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಎಂಬೆಡ್ ಮಾಡುತ್ತದೆ, ಅದರ ಮೌಲ್ಯವು ಎಂಬೆಡೆಡ್ ಚಿತ್ರದ URL ಆಗಿದೆ.
ಬಳಕೆದಾರರು ಡೇಟಾವನ್ನು ನಮೂದಿಸಬಹುದಾದ ಶ್ರೀಮಂತ ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ರಚಿಸುತ್ತದೆ.
ಅಂಡರ್ಲೈನ್ನೊಂದಿಗೆ ಪಠ್ಯವನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ. ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ಮಾಡಿದ ಬದಲಾವಣೆಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಬಳಸಲಾಗುತ್ತದೆ.
ಮೋನೋಸ್ಪೇಸ್ ಫಾಂಟ್‌ನಲ್ಲಿ ಕೀಬೋರ್ಡ್ ಬಳಸಿ ಬಳಕೆದಾರರು ನಮೂದಿಸಬೇಕಾದ ಪಠ್ಯವನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ.
ಪುಟದ ಕುರಿತು ಹೆಚ್ಚುವರಿ ಮಾಹಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಮಾಹಿತಿಯನ್ನು ಬ್ರೌಸರ್‌ಗಳು ಪುಟವನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಅದನ್ನು ಸೂಚಿಸಲು ಬಳಸುತ್ತವೆ. ಒಂದು ಬ್ಲಾಕ್‌ನಲ್ಲಿ ಹಲವಾರು ಟ್ಯಾಗ್ಗಳು ಇರಬಹುದು, ಏಕೆಂದರೆ ಬಳಸಿದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅವಲಂಬಿಸಿ ಅವು ವಿಭಿನ್ನ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿರುತ್ತವೆ.
ನಿರ್ದಿಷ್ಟ ವ್ಯಾಪ್ತಿಯಲ್ಲಿ ಮಾಪನದ ಸೂಚಕ.
ಸೈಟ್‌ಗಾಗಿ ನ್ಯಾವಿಗೇಷನ್ ಲಿಂಕ್‌ಗಳನ್ನು ಹೊಂದಿರುವ ಡಾಕ್ಯುಮೆಂಟ್‌ನ ವಿಭಾಗ.
ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಅನ್ನು ಬೆಂಬಲಿಸದ ವಿಭಾಗವನ್ನು ವಿವರಿಸುತ್ತದೆ.
ಮಲ್ಟಿಮೀಡಿಯಾವನ್ನು ಎಂಬೆಡ್ ಮಾಡಲು ಕಂಟೈನರ್ (ಉದಾ. ಆಡಿಯೋ, ವಿಡಿಯೋ, ಜಾವಾ ಆಪ್ಲೆಟ್‌ಗಳು, ಆಕ್ಟಿವ್‌ಎಕ್ಸ್, ಪಿಡಿಎಫ್ ಮತ್ತು ಫ್ಲ್ಯಾಶ್). ಪ್ರಸ್ತುತ HTML ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ನೀವು ಇನ್ನೊಂದು ವೆಬ್ ಪುಟವನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು. ಪ್ಲಗಿನ್‌ನ ನಿಯತಾಂಕಗಳನ್ನು ರವಾನಿಸಲು ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಸಂಖ್ಯೆಯ ಪಟ್ಟಿಯನ್ನು ಆದೇಶಿಸಲಾಗಿದೆ. ಸಂಖ್ಯಾಶಾಸ್ತ್ರವು ಸಂಖ್ಯಾ ಅಥವಾ ವರ್ಣಮಾಲೆಯಾಗಿರಬಹುದು.
ಅಂಶಗಳ ಗುಂಪಿಗೆ ಶೀರ್ಷಿಕೆಯೊಂದಿಗೆ ಕಂಟೇನರ್.
, ಅಥವಾ , ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿಯಿಂದ ಆಯ್ಕೆ ಮಾಡಲು ಆಯ್ಕೆ/ಆಯ್ಕೆಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿದ ಲೆಕ್ಕಾಚಾರದ ಫಲಿತಾಂಶವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಕ್ಷೇತ್ರ.
ಪಠ್ಯದಲ್ಲಿ ಪ್ಯಾರಾಗಳು.
ಅಂಶವನ್ನು ಬಳಸಿಕೊಂಡು ನಿರ್ಮಿಸಲಾದ ಪ್ಲಗಿನ್‌ಗಳಿಗಾಗಿ ನಿಯತಾಂಕಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಒಂದು ಅಂಶವನ್ನು ಹೊಂದಿರುವ ಕಂಟೇನರ್ ಅಂಶ ಮತ್ತು ಶೂನ್ಯ ಅಥವಾ ಹೆಚ್ಚಿನ ಅಂಶಗಳು. ಸ್ವತಃ ಅದು ಏನನ್ನೂ ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲ. ಹೆಚ್ಚು ಸೂಕ್ತವಾದ ಚಿತ್ರವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಬ್ರೌಸರ್ ಅನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡದೆಯೇ ಪಠ್ಯವನ್ನು ಔಟ್‌ಪುಟ್ ಮಾಡುತ್ತದೆ, ಸ್ಪೇಸ್‌ಗಳು ಮತ್ತು ಪಠ್ಯ ವಿರಾಮಗಳನ್ನು ಸಂರಕ್ಷಿಸುತ್ತದೆ. ಕಂಪ್ಯೂಟರ್ ಕೋಡ್, ಇಮೇಲ್ ಸಂದೇಶಗಳು ಇತ್ಯಾದಿಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಬಳಸಬಹುದು.
ಯಾವುದೇ ರೀತಿಯ ಕಾರ್ಯವನ್ನು ಪೂರ್ಣಗೊಳಿಸುವ ಸೂಚಕ.
ಸಣ್ಣ ಉದ್ಧರಣವನ್ನು ವಿವರಿಸುತ್ತದೆ.
ಪೂರ್ವ ಏಷ್ಯಾದ ಚಿಹ್ನೆಗಳು ಮತ್ತು ಅವುಗಳ ಡಿಕೋಡಿಂಗ್ಗಾಗಿ ಕಂಟೈನರ್.
ಅದರ ನೆಸ್ಟೆಡ್ ಪಠ್ಯವನ್ನು ಟಿಪ್ಪಣಿಯ ಮೂಲ ಅಂಶವಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಸಣ್ಣ ಫಾಂಟ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಅಂಶದಲ್ಲಿರುವ ಅಕ್ಷರಗಳ ಮೇಲೆ ಅಥವಾ ಕೆಳಗೆ ಸಂಕ್ಷಿಪ್ತ ವಿವರಣೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.
ಎಂಬೆಡೆಡ್ ಪಠ್ಯವನ್ನು ಹೆಚ್ಚುವರಿ ಟಿಪ್ಪಣಿ ಎಂದು ಗುರುತಿಸುತ್ತದೆ.
ಬ್ರೌಸರ್ ಅಂಶವನ್ನು ಬೆಂಬಲಿಸದಿದ್ದರೆ ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ಸ್ಟ್ರೈಕ್‌ಥ್ರೂನೊಂದಿಗೆ ಪ್ರಸ್ತುತವಲ್ಲದ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ಪ್ರೋಗ್ರಾಂ ಕೋಡ್ ಅಥವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಎಕ್ಸಿಕ್ಯೂಶನ್, ಹಾಗೆಯೇ ಸಿಸ್ಟಮ್ ಸಂದೇಶಗಳ ಫಲಿತಾಂಶವನ್ನು ಪ್ರತಿನಿಧಿಸುವ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಮೊನೊಸ್ಪೇಸ್ ಫಾಂಟ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.
ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ (ಸಾಮಾನ್ಯವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್). src ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ಬಾಹ್ಯ ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗೆ ಸ್ಕ್ರಿಪ್ಟ್ ಪಠ್ಯ ಅಥವಾ ಪಾಯಿಂಟ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.
ಸಾಮಾನ್ಯವಾಗಿ ಹೆಡರ್‌ನೊಂದಿಗೆ ಪುಟದ ತಾರ್ಕಿಕ ಪ್ರದೇಶವನ್ನು (ವಿಭಾಗ) ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಪ್ರಸ್ತಾವಿತ ಸೆಟ್‌ನಿಂದ ಮೌಲ್ಯಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ನಿಯಂತ್ರಣ ಅಂಶ. ವೈವಿಧ್ಯ ಮೌಲ್ಯಗಳನ್ನು ನಲ್ಲಿ ಇರಿಸಲಾಗಿದೆ.
ಸಣ್ಣ ಫಾಂಟ್ ಗಾತ್ರದಲ್ಲಿ ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
, , ಗಾಗಿ ಪರ್ಯಾಯ ಮಾಧ್ಯಮ ಸಂಪನ್ಮೂಲಗಳ ಸ್ಥಳ ಮತ್ತು ಪ್ರಕಾರವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
ಇನ್ಲೈನ್ ಅಂಶಗಳಿಗಾಗಿ ಧಾರಕ. ಬಣ್ಣದೊಂದಿಗೆ ಪ್ರತ್ಯೇಕ ಪದಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡುವಂತಹ ಪಠ್ಯದ ಹಾದಿಗಳನ್ನು ಫಾರ್ಮಾಟ್ ಮಾಡಲು ಬಳಸಬಹುದು.
ಪಠ್ಯದಲ್ಲಿ ಒತ್ತು ನೀಡುತ್ತದೆ, ಅದನ್ನು ದಪ್ಪದಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಎಂಬೆಡ್ ಮಾಡಬಹುದಾದ ಸ್ಟೈಲ್ ಶೀಟ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
ಚಿಹ್ನೆಗಳ ಸಬ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಬರವಣಿಗೆಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ, ರಾಸಾಯನಿಕ ಸೂತ್ರಗಳಲ್ಲಿನ ಅಂಶ ಸೂಚ್ಯಂಕ.
ಟ್ಯಾಗ್‌ಗಾಗಿ ಗೋಚರ ಶೀರ್ಷಿಕೆಯನ್ನು ರಚಿಸುತ್ತದೆ. ತುಂಬಿದ ತ್ರಿಕೋನದೊಂದಿಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ, ಅದರ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವುದರಿಂದ ಶೀರ್ಷಿಕೆ ವಿವರಗಳನ್ನು ವೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಅಕ್ಷರಗಳ ಸೂಪರ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಕಾಗುಣಿತವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
ಟೇಬಲ್ ರಚಿಸಲು ಟ್ಯಾಗ್ ಮಾಡಿ.
ಮೇಜಿನ ದೇಹವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಟೇಬಲ್ ಸೆಲ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ.
ಕ್ಲೋನ್ ಮಾಡಬಹುದಾದ ಮತ್ತು ಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ಸೇರಿಸಬಹುದಾದ HTML ಕೋಡ್ ತುಣುಕುಗಳನ್ನು ಘೋಷಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಟ್ಯಾಗ್‌ನ ವಿಷಯವು ಅದರ ಮಗುವಲ್ಲ.
ದೊಡ್ಡ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ಕ್ಷೇತ್ರಗಳನ್ನು ರಚಿಸುತ್ತದೆ.
ಟೇಬಲ್ ಅಡಿಟಿಪ್ಪಣಿಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಟೇಬಲ್ ಸೆಲ್ ಶೀರ್ಷಿಕೆಯನ್ನು ರಚಿಸುತ್ತದೆ.
ಟೇಬಲ್ ಶೀರ್ಷಿಕೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ದಿನಾಂಕ/ಸಮಯವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ಬ್ರೌಸರ್‌ನ ಶೀರ್ಷಿಕೆ ಪಟ್ಟಿಯ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಗೋಚರಿಸುವ HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಶೀರ್ಷಿಕೆ. ಹುಡುಕಾಟ ಫಲಿತಾಂಶಗಳಲ್ಲಿ ಸಹ ಕಾಣಿಸಿಕೊಳ್ಳಬಹುದು, ಆದ್ದರಿಂದ ಶೀರ್ಷಿಕೆಯನ್ನು ಒದಗಿಸುವಾಗ ಇದನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಬೇಕು.
ಟೇಬಲ್ ಸಾಲನ್ನು ರಚಿಸುತ್ತದೆ.
ಅಂಶಗಳಿಗೆ ಉಪಶೀರ್ಷಿಕೆಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ ಮತ್ತು .
ಹೆಚ್ಚುವರಿ ಒತ್ತು ನೀಡದೆ, ಅಂಡರ್ಲೈನ್ ಮಾಡುವ ಮೂಲಕ ಪಠ್ಯದ ಅಂಗೀಕಾರವನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಬುಲೆಟ್ ಪಟ್ಟಿಯನ್ನು ರಚಿಸುತ್ತದೆ.
ಕಾರ್ಯಕ್ರಮಗಳಿಂದ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಇಟಾಲಿಕ್ಸ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ಮೂಲಕ ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಪುಟಕ್ಕೆ ವೀಡಿಯೊ ಫೈಲ್‌ಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ. 3 ವೀಡಿಯೊ ಸ್ವರೂಪಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ: MP4, WebM, Ogg.
ದೀರ್ಘ ರೇಖೆಯು ಮುರಿಯಬಹುದಾದ ಬ್ರೌಸರ್‌ಗೆ ಸೂಚಿಸುತ್ತದೆ.
ಟ್ಯಾಗ್‌ಗಳೊಂದಿಗೆ ಚೀಟ್ ಶೀಟ್
ಬಳಕೆಯ ಸುಲಭತೆಗಾಗಿ, ನಾನು ಟ್ಯಾಗ್ಗಳನ್ನು ವಿಷಯಾಧಾರಿತ ವಿಭಾಗಗಳಾಗಿ ಗುಂಪು ಮಾಡಿದ್ದೇನೆ, ಪ್ರತಿ ಟ್ಯಾಗ್‌ಗೆ ಪ್ರದರ್ಶನ ಆಸ್ತಿ ಮೌಲ್ಯಗಳನ್ನು ಸೇರಿಸಿದೆ. ಟೇಬಲ್‌ಗೆ ಹೋಗಲು, ಚಿತ್ರದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ.
HTML ಎನ್ನುವುದು .htm (html) ವಿಸ್ತರಣೆಯೊಂದಿಗೆ ಸಾಮಾನ್ಯ ಪಠ್ಯ ಫೈಲ್ ಆಗಿದೆ. ಮೊದಲಿಗೆ ಸರಳವಾದ ಪುಟವನ್ನು ರಚಿಸಲು, ನೀವು ಕೇವಲ ತರಬೇತಿ ನೀಡುತ್ತಿರುವಾಗ, ನಿಮಗೆ ನೋಟ್ಪಾಡ್ ಮಾತ್ರ ಬೇಕಾಗುತ್ತದೆ. ನೋಟ್‌ಪ್ಯಾಡ್ ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಲವು ಪಠ್ಯವನ್ನು ಬರೆಯಿರಿ.
ಪ್ರತಿಯೊಂದು HTML ಅಂಶವು ಆವರಣದಿಂದ ಸುತ್ತುವರಿದ ಟ್ಯಾಗ್ ಆಗಿದೆ. ಯಾವುದೇ ಫೈಲ್, html ಪುಟವು ಟ್ಯಾಗ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ಮತ್ತು ಟ್ಯಾಗ್‌ನೊಂದಿಗೆ ಕೊನೆಗೊಳ್ಳುತ್ತದೆ.
ಈ ಟ್ಯಾಗ್ ಬ್ರೌಸರ್‌ಗೆ ಸರಳವಾಗಿ ಸೂಚಿಸುತ್ತದೆ (ಇದು ನೀವು ಇಂಟರ್ನೆಟ್ ಪುಟಗಳನ್ನು ವೀಕ್ಷಿಸುವ ಪ್ರೋಗ್ರಾಂ ಆಗಿದೆ) ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಒಂದು html ಮಾರ್ಕ್ಅಪ್ ಡಾಕ್ಯುಮೆಂಟ್ ಆಗಿದೆ.
ಟ್ಯಾಗ್ ಎಂದರೆ html ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಪ್ರಾರಂಭ, ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಎಂದರೆ html ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಅಂತ್ಯ.
ಈ ಟ್ಯಾಗ್‌ಗಳಲ್ಲಿ ಹಲವಾರು ಇತರ ಪ್ರಮುಖ ಟ್ಯಾಗ್‌ಗಳಿವೆ. ಟ್ಯಾಗ್ ಅನ್ನು ತಕ್ಷಣವೇ ಅನುಸರಿಸುವ ಟ್ಯಾಗ್ಗಳು ಪುಟದ ಶೀರ್ಷಿಕೆ ಮತ್ತು ಪುಟದ ದೇಹವನ್ನು ಸೂಚಿಸುತ್ತವೆ.
ನನ್ನ ಮೊದಲ HTML ಪುಟ
ಈ ಪುಟವನ್ನು ಪ್ರದರ್ಶಿಸಿದಾಗ ಟ್ಯಾಗ್ ಎಂದರೆ ವಿಂಡೋ ಶೀರ್ಷಿಕೆಯ ಶೀರ್ಷಿಕೆ. ಈಗ ನೀವು ನೋಟ್‌ಪ್ಯಾಡ್‌ನಲ್ಲಿ ಹೊಸ ಪಠ್ಯ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ರಚಿಸಬಹುದು, ಮೇಲೆ ಪ್ರಸ್ತುತಪಡಿಸಿದ ಪಠ್ಯವನ್ನು ನಕಲಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು Page1.html ಎಂದು ಉಳಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಮಾಡಬಹುದು, ಬ್ರೌಸರ್ ವಿಂಡೋದ ಶೀರ್ಷಿಕೆ ಪಟ್ಟಿಯಲ್ಲಿ ನೀವು ಪುಟದ ಹೆಸರನ್ನು ನೋಡುತ್ತೀರಿ, ಮತ್ತು a ಖಾಲಿ ಪುಟ, ಏಕೆಂದರೆ ನಾವು ಟ್ಯಾಗ್‌ಗಳಲ್ಲಿ ಪುಟದ ದೇಹದಲ್ಲಿ ಏನನ್ನೂ ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲ.
ಆದ್ದರಿಂದ, ಮೇಲಿನ ಪಠ್ಯವು ನಮಗೆ ಯಾವುದೇ ವೆಬ್ ಪುಟದ ಮೂಲ ಅಸ್ಥಿಪಂಜರವಾಗಿರುತ್ತದೆ.
ಜೋಡಿಯಾಗಿರುವ ಮತ್ತು ಜೋಡಿಸದ ಟ್ಯಾಗ್ಗಳು!
, , ಇವು ಕೇವಲ ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ಗಳು - ಜೋಡಿಯಾಗಿ ಬರುವ ಟ್ಯಾಗ್ಗಳು: ಟ್ಯಾಗ್ ಮತ್ತು ಅದರ ಮುಚ್ಚುವಿಕೆ, / ಚಿಹ್ನೆಯೊಂದಿಗೆ ಮುಚ್ಚುವ ಟ್ಯಾಗ್. ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್‌ಗಳಿಗೆ, ಟ್ಯಾಗ್‌ನ ಪ್ರಾರಂಭ ಮತ್ತು ಅದರ ಅಂತ್ಯದ ನಡುವಿನ ಮೌಲ್ಯವು ಟ್ಯಾಗ್‌ನ ಕ್ರಿಯೆಯಾಗಿದೆ. / ಚಿಹ್ನೆಯೊಂದಿಗೆ ಟ್ಯಾಗ್ ಕಂಡುಬರುವವರೆಗೆ ಕ್ರಿಯೆಯು ಮುಂದುವರಿಯುತ್ತದೆ.
ಜೋಡಿಯಾಗದ ಟ್ಯಾಗ್ಗಳು - ಅವುಗಳು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿಲ್ಲ. ಅಂತಹ ಟ್ಯಾಗ್‌ಗಳ ಉದಾಹರಣೆಗಳನ್ನು ನಾವು ಕೆಳಗೆ ನೀಡುತ್ತೇವೆ.
— html ಪುಟದ ಶೀರ್ಷಿಕೆ, ಇದು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು, ವಿವಿಧ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಇತ್ಯಾದಿಗಳಿಗೆ ಕೀವರ್ಡ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.
— html ಡಾಕ್ಯುಮೆಂಟ್‌ನ ದೇಹವೇ.
ಜೋಡಿಯಾಗದ ಟ್ಯಾಗ್.
ಗಮನಿಸಿ: ಹೆಚ್ಚಿನ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಈಗ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವಾಗ, ಸಿದ್ದವಾಗಿರುವ ದಿನಚರಿಗಳು, ಪ್ಲಗಿನ್‌ಗಳು ಇತ್ಯಾದಿಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. - ವೇಗವಾದ ಸೈಟ್ ರಚನೆಗಾಗಿ, ಆದರೆ ಅಂತಹ ವಾಡಿಕೆಯ ಮತ್ತು ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಅನ್ವಯಿಸಲು ಮತ್ತು ಬಳಸಲು, ಸೆಷನ್ ಡೇಟಾದ ಕನಿಷ್ಠ ಜ್ಞಾನವು ಇನ್ನೂ ಅಗತ್ಯವಿದೆ.
ಎಲ್ಲಾ ಭಾಷೆಗಳು ಟ್ಯಾಗ್‌ಗಳಿಂದ ಮಾಡಲ್ಪಟ್ಟಿದೆ ಎಂದು ನೀವು ಈಗಾಗಲೇ ಓದಿದ್ದೀರಿ. ಈ ಪಾಠದಲ್ಲಿ ನಾವು HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಹತ್ತಿರದಿಂದ ನೋಡೋಣ. HTML ಭಾಷೆಯಲ್ಲಿ, ಟ್ಯಾಗ್ಗಳನ್ನು ಏಕ (ಜೋಡಿಯಾಗಿಲ್ಲ) ಮತ್ತು ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್‌ಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ. ಆದ್ದರಿಂದ, ಒಂದೇ HTML ಟ್ಯಾಗ್ಗಳು ಒಂದು ಟ್ಯಾಗ್ ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ, ಅಂದರೆ, ಅವುಗಳು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿಲ್ಲ. ಮತ್ತು ಜೋಡಿಯಾಗಿರುವ ಡಿಸ್ಕ್ರಿಪ್ಟರ್‌ಗಳು ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿವೆ.
ಏಕ HTML ಟ್ಯಾಗ್ಗಳು
ಏಕ ಟ್ಯಾಗ್ಗಳು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿಲ್ಲ. ಉದಾಹರಣೆಗೆ: , . ಹಿಂದೆ ಅವರು ಹೀಗೆ ಬರೆದಿದ್ದಾರೆ: , , ಈಗ ಏಕ ಟ್ಯಾಗ್ಗಳನ್ನು ಬರೆಯುವ ಈ ಶೈಲಿಯು ಪ್ರಸ್ತುತವಾಗಿಲ್ಲ, ಆದ್ದರಿಂದ ಹಾಗೆ ಬರೆಯಬೇಡಿ. ಹೆಚ್ಚು ಬಳಸಿದ ಏಕ ಟ್ಯಾಗ್ಗಳು: - ಹೊಸ ಸಾಲಿಗೆ ಸರಿಸಿ, - ವಿಭಜಿಸುವ ರೇಖೆ, - ಚಿತ್ರವನ್ನು ಸೇರಿಸಿ.
ಜೋಡಿಸಲಾದ HTML ಟ್ಯಾಗ್ಗಳು
ಇನ್ನೂ ಅನೇಕ ಜೋಡಿ ಟ್ಯಾಗ್‌ಗಳಿವೆ. ಜೋಡಿಯಾಗಿರುವ ಡಿಸ್ಕ್ರಿಪ್ಟರ್ ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿದೆ. ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ ಕಂಟೇನರ್ ಅನ್ನು ರೂಪಿಸುತ್ತದೆ. ಕಂಟೇನರ್‌ನ ವಿಷಯವು ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ಗಳ ನಡುವೆ ಇರುತ್ತದೆ. ಈ ಲೇಖನದ ಉದಾಹರಣೆಯಲ್ಲಿ, ನೀವು ಟ್ಯಾಗ್ ಅನ್ನು ನೋಡಿದ್ದೀರಿ HTML ನಲ್ಲಿ ವಿವರಣೆಗಳು ಯಾವುವು? , ಆದ್ದರಿಂದ, ಇದು ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ ಆಗಿದೆ, ಈ ಟ್ಯಾಗ್‌ನ ವಿಷಯವು "HTML ನಲ್ಲಿ ಟ್ಯಾಗ್ಗಳು ಯಾವುವು?" ಇದರ ಪ್ರಾರಂಭವು ಟ್ಯಾಗ್ ಮತ್ತು ಅದರ ಅಂತ್ಯ.
ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ಗಳನ್ನು ಬರೆಯುವಲ್ಲಿ ಆರಂಭಿಕರ ಮುಖ್ಯ ತಪ್ಪು ಗೂಡುಕಟ್ಟುವ ಗೊಂದಲವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ಇದು ಸರಿಯಾದ ನಮೂದು:
ದಪ್ಪ ಪ್ಯಾರಾಗ್ರಾಫ್
. ಮತ್ತು ದೋಷ ಇಲ್ಲಿದೆ:
ದಪ್ಪ ಪ್ಯಾರಾಗ್ರಾಫ್
, ಅಂತಹ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿರುವ HTML ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಮಾನ್ಯವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಗೂಡುಕಟ್ಟುವಿಕೆಯನ್ನು ಗೊಂದಲಗೊಳಿಸದಿರಲು, ಇದನ್ನು ಮಾಡಿ: ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ಗಳನ್ನು ರಚಿಸಿ, ನಂತರ ಇತರರನ್ನು ಗೂಡು ಮಾಡಿ ಮತ್ತು ಕೊನೆಯಲ್ಲಿ ಎರಡೂ ಟ್ಯಾಗ್‌ಗಳ ಒಳಗೆ ಪಠ್ಯವನ್ನು ಬರೆಯಿರಿ
ಜೋಡಿಸಲಾದ ಟ್ಯಾಗ್ಗಳನ್ನು ಸರಿಯಾಗಿ ಬರೆಯುವುದು ಹೇಗೆ
.ಟ್ಯಾಗ್‌ಗಳ ವಿಷಯದಲ್ಲಿ HTML5 ನಲ್ಲಿ ಹೊಸದೇನಿದೆ?
HTML5 HTML4 ನ ವಿಸ್ತರಣೆಯಾಗಿದೆ, ಆದ್ದರಿಂದ ಇದು HTML4 ನಿಂದ ಹೆಚ್ಚಿನ ಅಥವಾ ಎಲ್ಲಾ ವಿವರಣೆಗಳನ್ನು ಉಳಿಸಿಕೊಂಡಿದೆ ಮತ್ತು ತನ್ನದೇ ಆದದನ್ನು ಸೇರಿಸುತ್ತದೆ. HTML5 ಸೈಟ್ ಅನ್ನು ಮುಖ್ಯ ಬ್ಲಾಕ್‌ಗಳಾಗಿ ವಿಭಜಿಸಲು ವಿಶೇಷ ಟ್ಯಾಗ್ಗಳನ್ನು ಪರಿಚಯಿಸಿದೆ: ಹೆಡರ್, ಮೆನು, ಅಡಿಟಿಪ್ಪಣಿ, ಸೈಡ್‌ಬಾರ್ ಮತ್ತು ವಿಷಯ.
ಟ್ಯಾಗ್ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ಕಲಿಯುವುದು ಏಕೆ ಮುಖ್ಯ?
ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಯಾಂಡೆಕ್ಸ್ ಮತ್ತು ಗೂಗಲ್ ಸೂಕ್ಷ್ಮವಾಗಿರುತ್ತವೆ HTML ಲೇಔಟ್ದಾಖಲೆಗಳು, ಅವುಗಳ ಸಿಂಧುತ್ವವನ್ನು ಪರಿಶೀಲಿಸಲಾಗುತ್ತಿದೆ. ಅವರು ವಿಶೇಷ ಡಿಸ್ಕ್ರಿಪ್ಟರ್‌ಗಳಲ್ಲಿ ಸುತ್ತುವರಿದ ಕೀವರ್ಡ್‌ಗಳನ್ನು ಹುಡುಕುತ್ತಾರೆ. ಆದರೆ ಈ ವಿಭಾಗವು ಅದರ ಬಗ್ಗೆ ಅಲ್ಲ. ಇದು ಪ್ರಚಾರಕ್ಕೆ (SEO) ಅನ್ವಯಿಸುತ್ತದೆ.
ಎಲ್ಲಾ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಕಲಿಯುವುದು ಹೇಗೆ?
ಹೌದು, ಕೆಲವು ಟ್ಯಾಗ್‌ಗಳಿವೆ. ಆದರೆ ಅವರಿಗೆ ವಿಶೇಷವಾಗಿ ಕಲಿಸುವ ಅಗತ್ಯವಿಲ್ಲ. ನೀವು ಏನನ್ನಾದರೂ ಬರೆಯುವುದನ್ನು ಅಭ್ಯಾಸ ಮಾಡುವವರೆಗೆ, ಎಲ್ಲಾ ವಿವರಣೆಗಳು, ಜೋಡಿಯಾಗಿರುವ ಮತ್ತು ಸಿಂಗಲ್, ಸುಲಭವಾಗಿ ನೆನಪಿನಲ್ಲಿ ಉಳಿಯುತ್ತದೆ. ಕಾಲಾನಂತರದಲ್ಲಿ, ಸಹಜವಾಗಿ.
ಟ್ಯಾಗ್ ( pl. ಟ್ಯಾಗ್ಗಳು, ಕೆಲವೊಮ್ಮೆ ಟ್ಯಾಗ್) ಮಾರ್ಕ್ಅಪ್ ಮಾಡಲು ಬಳಸಲಾಗುವ HTML ಭಾಷೆಯ ಒಂದು ಅಂಶವಾಗಿದೆ ಮೂಲ ಪಠ್ಯವೆಬ್ ಪುಟಗಳು. ಟ್ಯಾಗ್ಗಳು ಕೋನ ಬ್ರಾಕೆಟ್‌ಗಳಲ್ಲಿ ಸುತ್ತುವರಿದ ಇಂಗ್ಲಿಷ್ ಪದಗಳ ಸಂಕ್ಷೇಪಣಗಳು ಅಥವಾ ಸಂಕ್ಷೇಪಣಗಳಾಗಿವೆ, ಉದಾಹರಣೆಗೆ, ಟ್ಯಾಗ್
…
ಗೆ ಸಂಕ್ಷೇಪಣ ಇಂಗ್ಲಿಷ್ ಪದಪ್ಯಾರಾಗ್ರಾಫ್, ಅಂದರೆ, ಈ ಟ್ಯಾಗ್‌ನಲ್ಲಿ ಸುತ್ತುವರಿದ ಪಠ್ಯವನ್ನು ಬ್ರೌಸರ್‌ಗಳು ಪ್ಯಾರಾಗ್ರಾಫ್‌ನಂತೆ ಗುರುತಿಸುತ್ತವೆ.
HTML ನಲ್ಲಿನ ಪ್ರತಿಯೊಂದು ಟ್ಯಾಗ್ ವಿಶೇಷ ಅರ್ಥವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಡೇಟಾವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಕಾರಣವಾಗಿದೆ. ಟ್ಯಾಗ್ ಹೆಸರುಗಳಲ್ಲಿನ ಅಕ್ಷರಗಳ ಪ್ರಕರಣವು ಅಪ್ರಸ್ತುತವಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ, ಟ್ಯಾಗ್
…
ಮತ್ತು ಟ್ಯಾಗ್
…
- ಇದು ಒಂದೇ. ಅಂದರೆ, ಟ್ಯಾಗ್ಗಳನ್ನು ಸಣ್ಣಕ್ಷರ ಮತ್ತು ಎರಡರಲ್ಲೂ ಬರೆಯಬಹುದು ದೊಡ್ಡ ಅಕ್ಷರಗಳಲ್ಲಿ. ಹಿಂದೆ, ಎಲ್ಲಾ ಟ್ಯಾಗ್ಗಳನ್ನು ದೊಡ್ಡ ಅಕ್ಷರಗಳಲ್ಲಿ ಬರೆಯುವುದು ಸಾಮಾನ್ಯ ಅಭ್ಯಾಸವಾಗಿತ್ತು ಇದರಿಂದ ಟ್ಯಾಗ್ಗಳು ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕಿಂತ ಭಿನ್ನವಾಗಿರುತ್ತವೆ. ಈಗ ಅಂತಹ ಅಗತ್ಯವಿಲ್ಲ, ಏಕೆಂದರೆ ಅನೇಕ ಸಂಪಾದಕರು ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್ ಅನ್ನು ಹೊಂದಿದ್ದಾರೆ.ಟ್ಯಾಗ್ ವರ್ಗೀಕರಣ
HTML ನಲ್ಲಿ 90 ಕ್ಕೂ ಹೆಚ್ಚು ಟ್ಯಾಗ್‌ಗಳಿವೆ, ಒಂದು ಟ್ಯಾಗ್ ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಭಾಗವನ್ನು ಮಾತ್ರ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ, ಉದಾಹರಣೆಗೆ, ಮೊದಲ ಹಂತದ ಶಿರೋನಾಮೆ... ಅಂತಹ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ: ತೆರೆಯಲಾಗುತ್ತಿದೆಮತ್ತು ಮುಚ್ಚುವುದು. ಆರಂಭಿಕ ಟ್ಯಾಗ್ (ಉದಾಹರಣೆಗೆ, ) ಪರಿಣಾಮವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ( ) ಪರಿಣಾಮವನ್ನು ನಿಲ್ಲಿಸುತ್ತದೆ. ಉದಾಹರಣೆಯಿಂದ ನೀವು ನೋಡುವಂತೆ, ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಯಾವಾಗಲೂ ಈ ಚಿಹ್ನೆಯನ್ನು ಹೊಂದಿರುತ್ತದೆ (/) - ಫಾರ್ವರ್ಡ್ ಸ್ಲ್ಯಾಷ್. ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಕರೆಯಲಾಗುತ್ತದೆ ಡಬಲ್ಸ್.
ಕೆಲವು ಟ್ಯಾಗ್ಗಳು ಕಾಣಿಸಿಕೊಳ್ಳುವ ಸ್ಥಳದಲ್ಲಿ ಒಂದು-ಬಾರಿ ಪರಿಣಾಮವನ್ನು ಒದಗಿಸುತ್ತವೆ. ಉದಾಹರಣೆಗೆ, ಸಮತಲ ಬಾರ್ ಟ್ಯಾಗ್ ಅಥವಾ ಇಮೇಜ್ ಡಿಸ್ಪ್ಲೇ ಟ್ಯಾಗ್ . ಅಂತಹ ಟ್ಯಾಗ್ಗಳು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿಲ್ಲ. ಅಂತಹ ಟ್ಯಾಗ್ಗಳನ್ನು ನಾನ್ ಪೇರ್ಡ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.
ಟ್ಯಾಗ್ ಪ್ರಕಾರಗಳು
ಹೆಚ್ಚುವರಿಯಾಗಿ, ಟ್ಯಾಗ್ಗಳನ್ನು ಹಲವಾರು ವಿಧಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ, ಅದು ಅವುಗಳ ಕಾರ್ಯಗಳಲ್ಲಿ ಭಿನ್ನವಾಗಿರುತ್ತದೆ:
ಡಾಕ್ಯುಮೆಂಟ್ ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ಗಳು;
ಬ್ಲಾಕ್ ಅಂಶಗಳು;
ಇನ್ಲೈನ್ ಅಂಶಗಳು;
ಸಾರ್ವತ್ರಿಕ ಅಂಶಗಳು;
ಪಟ್ಟಿಗಳು;
ಕೋಷ್ಟಕಗಳು;
ಚೌಕಟ್ಟುಗಳು.
ಈ ವಿಭಾಗವು ಕಟ್ಟುನಿಟ್ಟಾಗಿಲ್ಲ, ಆದ್ದರಿಂದ ಕೆಲವು ಟ್ಯಾಗ್ಗಳು ವಿವಿಧ ಗುಂಪುಗಳಲ್ಲಿವೆ. ಉದಾಹರಣೆಗೆ, ಪಟ್ಟಿಗಳನ್ನು ರಚಿಸಲು ಟ್ಯಾಗ್ಗಳು ಮತ್ತು
ಎರಡೂ ಪಟ್ಟಿಗಳು ಮತ್ತು ಬ್ಲಾಕ್ ಅಂಶಗಳಿಗೆ ಅನ್ವಯಿಸಿ.ಟ್ಯಾಗ್ ರಚನೆ
ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಲೋಡ್ ಮಾಡಿದಾಗ, ಟ್ಯಾಗ್ಗಳು ಸ್ವತಃ ಪ್ರದರ್ಶಿಸಲ್ಪಡುವುದಿಲ್ಲ, ಆದರೆ ಅವುಗಳು ತಮ್ಮ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸುವ ರೀತಿಯಲ್ಲಿ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ. ಟ್ಯಾಗ್ ಅನ್ನು ತಪ್ಪಾಗಿ ಬರೆದರೆ, ಅದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ನಿರ್ಲಕ್ಷಿಸಲಾಗುತ್ತದೆ.
ಎಲ್ಲಾ ಟ್ಯಾಗ್ಗಳು ನಿರ್ದಿಷ್ಟ ರಚನೆಯನ್ನು ಹೊಂದಿವೆ, ಅದನ್ನು ಬರೆಯುವಾಗ ಅನುಸರಿಸಬೇಕು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಬಹುತೇಕ ಎಲ್ಲಾ ಟ್ಯಾಗ್ಗಳು ವಿವಿಧ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿದ್ದು ಅದು ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸುವ ವಿಧಾನವನ್ನು ಬದಲಾಯಿಸಬಹುದು.
ನೋಡೋಣ ಸರಿಯಾದ ರಚನೆಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರುವ ಟ್ಯಾಗ್ಗಳು:
ಉದಾಹರಣೆಯಾಗಿ, ನಾನು ಎರಡು ವಿಭಿನ್ನ ಟ್ಯಾಗ್ಗಳನ್ನು ನೀಡಿದ್ದೇನೆ. ಪ್ರಥಮ ಏಕ - ಚಿತ್ರಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಜವಾಬ್ದಾರಿ, ಗುಣಲಕ್ಷಣ - src="logo.jpg" . ಎರಡನೇ …ಜೋಡಿಸಲಾದವನು ಲಿಂಕ್‌ಗಳನ್ನು ರಚಿಸಲು ಜವಾಬ್ದಾರನಾಗಿರುತ್ತಾನೆ, ಗುಣಲಕ್ಷಣವು href = "ಸೈಟ್" .
ತೀರ್ಮಾನ 1: ಗುಣಲಕ್ಷಣಗಳು ಜೋಡಿಯಾಗಿರುವ ಮತ್ತು ಜೋಡಿಯಾಗದ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿರಬಹುದು.
ತೀರ್ಮಾನ 2: ತೆರೆಯುವ ಟ್ಯಾಗ್ಗಳು ಮಾತ್ರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರಬಹುದು, ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ.
ಸ್ಪಷ್ಟೀಕರಣಕ್ಕಾಗಿ ಚಿತ್ರ:
ಚಿತ್ರ 1. HTML ಟ್ಯಾಗ್ ರಚನೆ
HTML ಸಿಂಟ್ಯಾಕ್ಸ್‌ನ ಗಮನ ಮತ್ತು ಜ್ಞಾನದ ಪರೀಕ್ಷೆ
ನಾವು ಪಾಠದಲ್ಲಿ ನೋಡಿದ ಸರಳ ವೆಬ್ ಪುಟದ ಉದಾಹರಣೆಯನ್ನು ನೋಡೋಣ.
HTML ಅಂಶವು HTML ನಲ್ಲಿ ಬರೆಯಲಾದ ವೆಬ್ ಪುಟದ ಮೂಲ ರಚನಾತ್ಮಕ ಘಟಕವಾಗಿದೆ.
ಒಂದು ಅಂಶದ ವಿಷಯವು ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ಗಳ ನಡುವಿನ ಎಲ್ಲವೂ. ವಿಷಯವು ಪಠ್ಯ ಮತ್ತು/ಅಥವಾ ಇತರ HTML ಅಂಶಗಳಾಗಿರಬಹುದು.
ಗಮನಿಸಿ: ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ನಲ್ಲಿ "/" ಅನ್ನು ಹಾಕಲು ಮರೆಯಬೇಡಿ, ಅದು ನಿಮ್ಮ ಅಂಶವು ಕೊನೆಗೊಂಡಿದೆ ಮತ್ತು ಅದರ ನಂತರ ಬರುವುದು ಇನ್ನೊಂದು ಅಂಶ ಎಂದು ಬ್ರೌಸರ್‌ಗೆ ಹೇಳುತ್ತದೆ. ನೀವು ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ನಲ್ಲಿ "/" ಅಕ್ಷರವನ್ನು ಹಾಕದಿದ್ದರೆ, ಬ್ರೌಸರ್ ಅದನ್ನು ಹಿಂದಿನದರಲ್ಲಿ ನೆಸ್ಟೆಡ್ ಮಾಡಿದ ಹೊಸ ಅಂಶ ಎಂದು ತಪ್ಪಾಗಿ ಭಾವಿಸುತ್ತದೆ, ಅದು ಇನ್ನೂ ಮುಚ್ಚಿಲ್ಲ ಎಂದು ಬ್ರೌಸರ್ ಭಾವಿಸುತ್ತದೆ.
ಏಕ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುವ HTML ಅಂಶಗಳ ಸಿಂಟ್ಯಾಕ್ಸ್:
ಅಂಶವು ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾತ್ರ ಒಳಗೊಂಡಿದೆ.
ಏಕ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಅಂಶಗಳನ್ನು ಖಾಲಿ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. HTML ನಲ್ಲಿ ಒಟ್ಟು 16 ಏಕ ಟ್ಯಾಗ್‌ಗಳಿವೆ:
ನೆಸ್ಟೆಡ್ ಎಲಿಮೆಂಟ್ಸ್
ಜೋಡಿಯಾಗಿರುವ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುವ HTML ಅಂಶಗಳು ಯಾವುದೇ ಇತರ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು, ಅಥವಾ ಅವುಗಳು ಇತರ ಅಂಶಗಳಲ್ಲಿ ಗೂಡುಕಟ್ಟಬಹುದು ಮತ್ತು ಅಂಶಗಳ ಗೂಡುಕಟ್ಟುವ ಆಳವು ಸೀಮಿತವಾಗಿಲ್ಲ.
ಕೆಳಗಿನ ಉದಾಹರಣೆಯು ಮೂರು ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಅವುಗಳಲ್ಲಿ ಎರಡು ಗೂಡುಕಟ್ಟಲಾಗಿದೆ:
ನನ್ನ ಮೊದಲ ಪ್ಯಾರಾಗ್ರಾಫ್
ಒಂದು ಅಂಶವು ಇನ್ನೊಂದರೊಳಗೆ ಗೂಡುಕಟ್ಟಿದಾಗ, ನೆಸ್ಟೆಡ್ ಅಂಶವು ಅದೇ ಅಂಶದೊಳಗೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ಮತ್ತು ಕೊನೆಗೊಳ್ಳುತ್ತದೆ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬೇಕು. ಆದ್ದರಿಂದ, ಉದಾಹರಣೆಗೆ, ಈ ಕೆಳಗಿನ ಕೋಡ್ ತಪ್ಪಾಗಿದೆ:
ಇದು ತುಂಬಾ
ಆಸಕ್ತಿದಾಯಕ
ಇಲ್ಲಿ ಅಂಶವು ಅಂಶದ ಮಿತಿಗಳನ್ನು ಮೀರಿ ಹೋಗುತ್ತದೆ
ಸರಿಯಾದ ಗೂಡುಕಟ್ಟುವ ಉದಾಹರಣೆ:
ಇದು ತುಂಬಾ ಆಸಕ್ತಿದಾಯಕವಾಗಿದೆ
ಇಲ್ಲಿ ಅಂಶವು ಸರಿಯಾಗಿ ಗೂಡುಕಟ್ಟಲ್ಪಟ್ಟಿದೆ - ಇದು ಸಂಪೂರ್ಣವಾಗಿ ಅಂಶದೊಳಗೆ ಇರುತ್ತದೆ
ವೈಟ್‌ಸ್ಪೇಸ್ ಅಕ್ಷರಗಳು
ಬ್ರೌಸರ್ HTML ಕೋಡ್‌ನಲ್ಲಿ ವೈಟ್‌ಸ್ಪೇಸ್ ಅಕ್ಷರಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತದೆ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಓದಲು ಸಾಧ್ಯವಾಗುವಂತೆ ಮಾಡುವ ಮೂಲಕ ನೀವು ಅವುಗಳನ್ನು ನಿಮ್ಮ ಅನುಕೂಲಕ್ಕಾಗಿ ಬಳಸಬಹುದು. ವೈಟ್‌ಸ್ಪೇಸ್ ಅಕ್ಷರಗಳು ಟ್ಯಾಬ್‌ಗಳು, ಲೈನ್ ಬ್ರೇಕ್‌ಗಳು ಮತ್ತು ನಿಯಮಿತ ಸ್ಥಳಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ, ಅವುಗಳನ್ನು ಯಾವುದೇ ಪ್ರಮಾಣದಲ್ಲಿ ಬಳಸಬಹುದು. ವೈಟ್‌ಸ್ಪೇಸ್ ಬಳಸುವ ಉದಾಹರಣೆ ಕೋಡ್:
ಶೀರ್ಷಿಕೆ ನನ್ನ ಮೊದಲ ಶೀರ್ಷಿಕೆ
ನನ್ನ ಮೊದಲ ಪ್ಯಾರಾಗ್ರಾಫ್
ವೈಟ್‌ಸ್ಪೇಸ್ ಅನ್ನು ಬಳಸದೆಯೇ ಉದಾಹರಣೆ ಕೋಡ್ ಅನ್ನು ಬರೆಯಬಹುದು, ಆದರೆ ಅಂತಹ ಕೋಡ್ ಕಡಿಮೆ ಓದಬಲ್ಲದು:
ಶೀರ್ಷಿಕೆ ನನ್ನ ಮೊದಲ ಶೀರ್ಷಿಕೆ
ನನ್ನ ಮೊದಲ ಪ್ಯಾರಾಗ್ರಾಫ್
HTML ಡಾಕ್ಯುಮೆಂಟ್ ಕೋಡ್ ಕಾಲಾನಂತರದಲ್ಲಿ ದೊಡ್ಡದಾಗಿದೆ ಮತ್ತು ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುವುದರಿಂದ, ವೈಟ್‌ಸ್ಪೇಸ್ ಅನ್ನು ಬಳಸುವುದರಿಂದ ಕೋಡ್‌ನ ಓದುವಿಕೆಯನ್ನು ಸುಧಾರಿಸುತ್ತದೆ ಎಂದು ನೀವು ನೋಡುತ್ತೀರಿ.
