ಎಚ್ಟಿಎಮ್ಎಲ್ ಕ್ವಿಕ್ ಮತ್ತು ಡರ್ಟಿ ಟ್ಯುಟೋರಿಯಲ್

ವೆಬ್ನಲ್ಲಿ ಕಂಡುಬರುವ ಪುಟಗಳನ್ನು ಬರೆಯಲು ಬಳಸಲಾಗುವ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆ HTML5 ಆಗಿದೆ. ಇದು ಮೊದಲು ನಿಮಗೆ ಸ್ಪಷ್ಟವಾಗಿ ಕಾಣಿಸದ ನಿಯಮಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, HTML5 ನಲ್ಲಿ, ಯಾವುದೇ ವರ್ಡ್ ಪ್ರೊಸೆಸಿಂಗ್ ಪ್ರೋಗ್ರಾಂನಲ್ಲಿ ನೀವು ಮಾಡಬಹುದಾದ HTML ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಬರೆಯಲು ಪ್ರಾರಂಭಿಸಲು ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಕೆಲವು ವಿಷಯಗಳು ಮಾತ್ರ ಇವೆ.

ಟ್ಯಾಗ್ಗಳು ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವ

ಕೆಲವೊಂದು ವಿನಾಯಿತಿಗಳೊಂದಿಗೆ, ಟ್ಯಾಗ್ಗಳೆಂದು ಕರೆಯಲ್ಪಡುವ ಎಲ್ಲಾ ಸೂಚನೆಗಳನ್ನು ಜೋಡಿಯಾಗಿ ಬರುತ್ತವೆ. ಅವುಗಳನ್ನು ತೆರೆಯಲಾಗುತ್ತದೆ ಮತ್ತು ನಂತರ HTML5 ನಲ್ಲಿ ಮುಚ್ಚಲಾಗುತ್ತದೆ. ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ನ ನಡುವೆ ಏನು ಆರಂಭಿಕ ಟ್ಯಾಗ್ನಿಂದ ನೀಡಿದ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ. ಕೋಡಿಂಗ್ನಲ್ಲಿನ ವ್ಯತ್ಯಾಸವೆಂದರೆ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ನಲ್ಲಿ ಒಂದು ಮುಂದಕ್ಕೆ ಸ್ಲ್ಯಾಷ್ ಸೇರಿಸುವುದು. ಉದಾಹರಣೆಗೆ:

ಹೆಡ್ಲೈನ್ ​​ಇಲ್ಲಿಗೆ ಹೋಗುತ್ತದೆ

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

HTML5 ನಲ್ಲಿನ ಮೂಲ ಟ್ಯಾಗ್ಗಳು

HTML5 ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಅವಶ್ಯಕವಾದ ಮೂಲಭೂತ ಅಂಶಗಳು ಹೀಗಿವೆ:

ಡಾಕ್ಟೈಪ್ ಘೋಷಣೆ ಒಂದು ಟ್ಯಾಗ್ ಅಲ್ಲ. ಇದು HTML5 ಅದರಲ್ಲಿ ಬರುವ ಕಂಪ್ಯೂಟರ್ಗೆ ಹೇಳುತ್ತದೆ. ಇದು ಪ್ರತಿ HTML5 ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಹೋಗುತ್ತದೆ ಮತ್ತು ಇದು ಈ ಫಾರ್ಮ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ:

ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ನ ನಡುವೆ ಕಂಡುಬರುವ ಎಲ್ಲವೂ HTML5 ನ ನಿಯಮಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ ಮತ್ತು ಆ ನಿಯಮಗಳ ಪ್ರಕಾರ ವ್ಯಾಖ್ಯಾನಿಸಬೇಕೆಂದು HTML ಟ್ಯಾಗ್ ಕಂಪ್ಯೂಟರ್ಗೆ ಹೇಳುತ್ತದೆ. ಟ್ಯಾಗ್ ಒಳಗೆ, ನೀವು ಸಾಮಾನ್ಯವಾಗಿ ಟ್ಯಾಗ್ ಮತ್ತು ಟ್ಯಾಗ್ ಅನ್ನು ಕಾಣುತ್ತೀರಿ.

ಈ ಟ್ಯಾಗ್ಗಳು ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ರಚನೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ, ಬ್ರೌಸರ್ಗಳು ಬಳಸಲು ಪರಿಚಿತವಾಗಿರುವ ಏನನ್ನಾದರೂ ನೀಡುತ್ತವೆ ಮತ್ತು ನೀವು ಎಂದಾದರೂ XHTML ಗೆ ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಬದಲಾಯಿಸಿದರೆ, ಅವರು ಆ ಭಾಷೆಯ ಆವೃತ್ತಿಯಲ್ಲಿ ಅಗತ್ಯವಿದೆ.

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

ನೀವು ವೆಬ್ ಪುಟವನ್ನು ತೆರೆದಾಗ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಪರದೆಯಲ್ಲಿ ಕಾಣುವ ಎಲ್ಲವನ್ನೂ ದೇಹದ ಟ್ಯಾಗ್ ಒಳಗೊಂಡಿದೆ. ಆರಂಭಿಕ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ಗಳ ನಡುವೆ ನೀವು ವೆಬ್ ಪುಟಕ್ಕಾಗಿ ಬರೆಯುವ ಎಲ್ಲವೂ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಈ ಎಲ್ಲ ಮೂಲಗಳನ್ನು ಒಟ್ಟಾಗಿ ಇರಿಸಿ ಮತ್ತು ನಿಮ್ಮಲ್ಲಿ:

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

ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳು

ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳು ವೆಬ್ ಪುಟದ ಪಠ್ಯದ ಗಾತ್ರವನ್ನು ನಿರ್ಧರಿಸುತ್ತವೆ. H1 ಟ್ಯಾಗ್ಗಳು ದೊಡ್ಡದಾಗಿರುತ್ತವೆ, ನಂತರ H2, h3, h4, h5 ಮತ್ತು h6 ಟ್ಯಾಗ್ಗಳ ಗಾತ್ರದಲ್ಲಿರುತ್ತದೆ. ವೆಬ್ ಪುಟದಲ್ಲಿ ಕೆಲವು ಪಠ್ಯವನ್ನು ಶಿರೋನಾಮೆ ಅಥವಾ ಉಪಶೀರ್ಷಿಕೆಯಾಗಿ ಎದ್ದು ಕಾಣುವಂತೆ ನೀವು ಇದನ್ನು ಬಳಸುತ್ತೀರಿ. ಟ್ಯಾಗ್ಗಳಿಲ್ಲದೆ, ಎಲ್ಲಾ ಪಠ್ಯವೂ ಒಂದೇ ಗಾತ್ರದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಶಿರೋನಾಮೆಯ ಟ್ಯಾಗ್ಗಳನ್ನು ಈ ರೀತಿ ಬಳಸಲಾಗುತ್ತದೆ:

ಉಪಹೆಡ್ ಗೋಸ್ ಇಲ್ಲಿ

ಅದು ಇಲ್ಲಿದೆ. ಮುಖ್ಯಾಂಶಗಳು ಮತ್ತು ಉಪಹೆಡ್ಗಳೊಂದಿಗೆ ಪಠ್ಯವನ್ನು ಒಳಗೊಂಡಿರುವ ವೆಬ್ ಪುಟವನ್ನು ನೀವು ಹೊಂದಿಸಬಹುದು ಮತ್ತು ಬರೆಯಬಹುದು.

ನೀವು ಇದನ್ನು ಸ್ವಲ್ಪ ಸಮಯದ ನಂತರ ಅಭ್ಯಾಸ ಮಾಡಿದ ನಂತರ, ನೀವು ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಹೇಗೆ ಮತ್ತು ಇತರ ವೆಬ್ ಪುಟಗಳಿಗೆ ಲಿಂಕ್ಗಳನ್ನು ಹೇಗೆ ಪ್ರವೇಶಿಸುವುದು ಎಂದು ತಿಳಿಯಲು ಬಯಸುವಿರಿ. ಈ ಶೀಘ್ರ ಮೂಲಭೂತ ಪರಿಚಯ ಕವರ್ಗಳಿಗಿಂತ HTML5 ಹೆಚ್ಚು ಸಾಮರ್ಥ್ಯ ಹೊಂದಿದೆ.