HTML ಎಂದರೇನು (What is HTML ?) ? : ಸಂಪೂರ್ಣ ಮಾಹಿತಿ ಕನ್ನಡದಲ್ಲಿ

 

HTML ಎಂದರೇನು (What is HTML ?) ? ಇತಿಹಾಸ, ವೈಶಿಷ್ಟ್ಯತೆ ಮತ್ತು ಉಪಯೋಗಗಳು

ಪೀಠಿಕೆ:

ಇಂದಿನ ಡಿಜಿಟಲ್ ಯುಗದಲ್ಲಿ ನಾವು ಪ್ರತಿದಿನ ನೂರಾರು ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನೋಡುತ್ತೇವೆ. ಅದು ಫೇಸ್‌ಬುಕ್ ಇರಲಿ, ಗೂಗಲ್ ಇರಲಿ , ಇಸ್ಟಾಗ್ರಾಮ್‌ ಇರಲಿ ಅಥವಾ ಯಾವುದೇ ಆನ್‌ಲೈನ್ ಶಾಪಿಂಗ್ ವೆಬ್ಸೈಟ್ ಇರಲಿ, ಪ್ರತಿಯೊಂದರ ಹಿಂದೆ HTML (Hypertext Markup Language) ಕೆಲಸ ಮಾಡುತ್ತಿರುತ್ತದೆ. ಬನ್ನಿ HTML ಎಂದರೇನು (What is HTML ?) ? ಇತಿಹಾಸ, ವೈಶಿಷ್ಟ್ಯತೆ ಮತ್ತು ಉಪಯೋಗಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳೋಣ.

HTML ಎಂದರೇನು (What is HTML ?)

HTML ಅಥವಾ Hypertext Markup Language ಎಂಬುದು ವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಾಣದ ಮೂಲ ಆಧಾರಸ್ತಂಭವಾಗಿದೆ. ಇದು ವರ್ಲ್ಡ್ ವೈಡ್ ವೆಬ್‌ನಲ್ಲಿ (WWW) ವಿಷಯವನ್ನು ರಚಿಸಲು ಮತ್ತು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಬಳಸಲಾಗುವ ಒಂದು ಪ್ರಮಾಣಿತ ಮಾರ್ಕಪ್ ಭಾಷೆಯಾಗಿದೆ.

 ಸರಳವಾಗಿ ಹೇಳುವುದಾದರೆ, ಒಂದು ಕಟ್ಟಡ ಕಟ್ಟಲು ಇಟ್ಟಿಗೆ ಮತ್ತು ಸಿಮೆಂಟ್ ಹೇಗೆ ಮುಖ್ಯವೋ, ಹಾಗೆಯೇ ಒಂದು ವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಿಸಲು HTML ಅತ್ಯಗತ್ಯ. ಇದು ವೆಬ್ ಪುಟದ 'ಅಸ್ಥಿಪಂಜರ'ದಂತೆ (Skeleton) ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಮತ್ತು ಎಲ್ಲಾ ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳು ಅರ್ಥೈಸಿಕೊಂಡು ಪ್ರದರ್ಶಿಸಬಹುದಾದ ಮೂಲಭೂತ ಚೌಕಟ್ಟನ್ನು ಒದಗಿಸುತ್ತದೆ.

HTMLನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಹೀಗೂ ಹೇಳಬಹುದು.

·   Hypertext: ಇದು ವೆಬ್ ಪುಟಗಳಲ್ಲಿರುವ ವಿಶೇಷ ಪಠ್ಯ. ನೀವು ಒಂದು ಪದದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಅದು ಮತ್ತೊಂದು ಪುಟಕ್ಕೆ ಕರೆದೊಯ್ಯುತ್ತದೆ (ಲಿಂಕ್‌ಗಳು).

·   Markup Language: ಇದು ವೆಬ್ ಬ್ರೌಸರ್‌ಗೆ (Chrome, Safari) ವಿಷಯವನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಬೇಕು ಎಂದು ಸೂಚಿಸುವ ಭಾಷೆ. ಇದು ಕೋಡಿಂಗ್ ಭಾಷೆಯಲ್ಲ, ಬದಲಾಗಿ ವಿನ್ಯಾಸದ ಭಾಷೆ.

HTMLನ ಇತಿಹಾಸ:

1. HTML ಉದಯ (1989-1991)

HTML ಅನ್ನು ಕಂಡುಹಿಡಿದವರು ಟಿಮ್ ಬರ್ನರ್ಸ್-ಲೀ (Tim Berners-Lee). ಇವರು ಸ್ವಿಜರ್ಲೆಂಡ್‌ನ CERN ಪ್ರಯೋಗಾಲಯದಲ್ಲಿ ಭೌತವಿಜ್ಞಾನಿಯಾಗಿದ್ದರು.

·      ಕಾರಣ: ವಿಜ್ಞಾನಿಗಳು ತಮ್ಮ ಸಂಶೋಧನಾ ದಾಖಲೆಗಳನ್ನು ಸುಲಭವಾಗಿ ಹಂಚಿಕೊಳ್ಳಲು ಒಂದು ವ್ಯವಸ್ಥೆ ಬೇಕಿತ್ತು.

·      1991 ರಲ್ಲಿ ಅವರು "HTML Tags" ಎಂಬ ಮೊದಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಂತರ್ಜಾಲದಲ್ಲಿ ಪ್ರಕಟಿಸಿದರು. ಆಗ ಕೇವಲ 18 ಮೂಲಭೂತ ಟ್ಯಾಗ್‌ಗಳಿದ್ದವು.

2. ಆರಂಭಿಕ ಬೆಳವಣಿಗೆ (1993-1995)

·      HTML 1.0: ಇದು ಮೊದಲ ಅಧಿಕೃತ ಆವೃತ್ತಿ. ಇದರಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸುವ ಅವಕಾಶ ಅಷ್ಟಾಗಿ ಇರಲಿಲ್ಲ.

·      HTML 2.0 (1995): ಇದು ವೆಬ್ ವಿನ್ಯಾಸದ ಮೊದಲ ಪ್ರಮಾಣಿತ ಆವೃತ್ತಿಯಾಯಿತು. ಇದರಲ್ಲಿ ಫಾರ್ಮ್‌ಗಳು (Forms) ಮತ್ತು ಟೇಬಲ್‌ಗಳಂತಹ ಹೊಸ ಫೀಚರ್‌ಗಳು ಬಂದವು.

3. ಬ್ರೌಸರ್ ಸಮರ ಮತ್ತು HTML 3.2 (1997)

ಆ ಸಮಯದಲ್ಲಿ 'Netscape' ಮತ್ತು 'Microsoft' ಕಂಪನಿಗಳ ನಡುವೆ ಪೈಪೋಟಿ ಇತ್ತು. ಪ್ರತಿಯೊಬ್ಬರೂ ತಮ್ಮದೇ ಆದ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುತ್ತಿದ್ದರು. ಇದರಿಂದ ಗೊಂದಲ ಉಂಟಾಯಿತು. ಆಗ ಇದನ್ನು ನಿಯಂತ್ರಿಸಲು W3C (World Wide Web Consortium) ಸಂಸ್ಥೆ ರಚನೆಯಾಯಿತು ಮತ್ತು HTML 3.2 ಅನ್ನು ಬಿಡುಗಡೆ ಮಾಡಿತು.

4. ಸ್ಥಿರತೆ ಮತ್ತು HTML 4.01 (1999)

HTML 4.01 ಅತ್ಯಂತ ಯಶಸ್ವಿ ಆವೃತ್ತಿಯಾಯಿತು. ಇದು ಸುಮಾರು 10 ವರ್ಷಗಳಿಗೂ ಹೆಚ್ಚು ಕಾಲ ಬಳಕೆಯಲ್ಲಿತ್ತು. ಇಲ್ಲಿಂದಲೇ ಸ್ಟೈಲಿಂಗ್‌ಗಾಗಿ CSS ಅನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಬಳಸಲು ಹೆಚ್ಚು ಒತ್ತು ನೀಡಲಾಯಿತು.

5. ಕ್ರಾಂತಿಕಾರಿ HTML5 (2014 - ಪ್ರಸ್ತುತ)

2000ರ ದಶಕದ ಆರಂಭದಲ್ಲಿ XML ನಂತಹ ಕಠಿಣ ಭಾಷೆಗಳಿಗೆ (XHTML) ಆದ್ಯತೆ ನೀಡಲಾಗಿತ್ತು. ಆದರೆ ಡೆವಲಪರ್‌ಗಳಿಗೆ ಅದು ಇಷ್ಟವಾಗಲಿಲ್ಲ.

·   ಅದರ ಫಲವಾಗಿ HTML5 ಜನ್ಮತಾಳಿತು.

·   ಇದು ಮೊಬೈಲ್ ಫೋನ್‌ಗಳು, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳಿಗೆ ಪೂರಕವಾಗಿ ವಿನ್ಯಾಸಗೊಂಡಿದೆ.

·   ವಿಡಿಯೋ ಮತ್ತು ಆಡಿಯೋಗಾಗಿ ಯಾವುದೇ 'Flash' ಪ್ಲೇಯರ್ ಅಗತ್ಯವಿಲ್ಲದಂತೆ ಮಾಡಿತು.

 

ಪ್ರಮುಖ ಹಂತಗಳ ಪಟ್ಟಿ:

ವರ್ಷ	ಆವೃತ್ತಿ	ವಿಶೇಷತೆ
1991	HTML	ಟಿಮ್ ಬರ್ನರ್ಸ್-ಲೀ ರಿಂದ ಪರಿಚಯ
1995	HTML 2.0	ಮೊದಲ ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಆವೃತ್ತಿ
1997	HTML 3.2	W3C ಇಂದ ಮಾನ್ಯತೆ
1999	HTML 4.01	ದೀರ್ಘಕಾಲದ ಯಶಸ್ವಿ ಆವೃತ್ತಿ
2014	HTML5	ಆಧುನಿಕ ವೆಬ್ ಯುಗದ ಆರಂಭ

 

ಪ್ರಸ್ತುತ ಆವೃತ್ತಿಯ (HTML5/Living Standard) ಪ್ರಮುಖ ವೈಶಿಷ್ಟ್ಯಗಳು ಇಲ್ಲಿವೆ:

·   ಮಲ್ಟಿಮೀಡಿಯಾ ಸಪೋರ್ಟ್: ವಿಡಿಯೋ (<video>) ಮತ್ತು ಆಡಿಯೋ (<audio>) ಫೈಲ್‌ಗಳನ್ನು ಪ್ಲೇ ಮಾಡಲು ಯಾವುದೇ ಹೊರಗಿನ ಸಾಫ್ಟ್‌ವೇರ್ (Flash ನಂತಹ) ಅಗತ್ಯವಿಲ್ಲ.

·   ಸೆಮ್ಯಾಂಟಿಕ್ ಎಲಿಮೆಂಟ್ಸ್ (Semantic Elements): ವೆಬ್ ಪುಟದ ವಿನ್ಯಾಸವನ್ನು ಸ್ಪಷ್ಟಪಡಿಸಲು <header>, <footer>, <article>, ಮತ್ತು <section> ನಂತಹ ಹೊಸ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಪರಿಚಯಿಸಲಾಗಿದೆ.

·   ಮೊಬೈಲ್ ಸ್ನೇಹಿ: ಇದು ಸ್ಮಾರ್ಟ್‌ಫೋನ್ ಮತ್ತು ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳಲ್ಲಿ ಅತ್ಯುತ್ತಮವಾಗಿ ಕೆಲಸ ಮಾಡುವಂತೆ ವಿನ್ಯಾಸಗೊಂಡಿದೆ.

·   ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ (Drag and Drop): ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ವಸ್ತುಗಳನ್ನು ಒಂದು ಕಡೆಯಿಂದ ಇನ್ನೊಂದು ಕಡೆಗೆ ಸುಲಭವಾಗಿ ಎಳೆದು ಹಾಕುವ ಫೀಚರ್ ಅನ್ನು ಇದು ಹೊಂದಿದೆ.

·   ಜಿಯೋ-ಲೊಕೇಶನ್ (Geo-location): ಬಳಕೆದಾರರ ಅನುಮತಿಯೊಂದಿಗೆ ಅವರ ಸ್ಥಳವನ್ನು (Location) ಗುರುತಿಸುವ ತಂತ್ರಜ್ಞಾನವನ್ನು ಇದು ಒಳಗೊಂಡಿದೆ.

·   ಗ್ರಾಫಿಕ್ಸ್ ಮತ್ತು ಆನಿಮೇಷನ್: <canvas> ಮತ್ತು SVG ಬಳಸಿ ಉತ್ತಮ ದರ್ಜೆಯ ಚಿತ್ರಗಳು ಮತ್ತು ಆನಿಮೇಷನ್‌ಗಳನ್ನು ರಚಿಸಬಹುದು. 

HTML ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ?

HTMLನ ಕೆಲಸವನ್ನು ಈ ಕೆಳಗಿನ 4 ಹಂತಗಳಲ್ಲಿ ವಿವರಿಸಬಹುದು

1. ವಿನಂತಿ ಮತ್ತು ಪ್ರತಿಕ್ರಿಯೆ (Request & Response)

ನೀವು ಬ್ರೌಸರ್‌ನಲ್ಲಿ (Chrome ಅಥವಾ Safari) ಒಂದು ವೆಬ್‌ಸೈಟ್ ಹೆಸರನ್ನು ಟೈಪ್ ಮಾಡಿದಾಗ, ನಿಮ್ಮ ಬ್ರೌಸರ್ ಆ ವೆಬ್‌ಸೈಟ್ ಇರುವ ಸರ್ವರ್‌ಗೆ "ನನಗೆ ಈ ಪೇಜ್ ಬೇಕು" ಎಂದು ಒಂದು ವಿನಂತಿ ಕಳುಹಿಸುತ್ತದೆ. ಪ್ರತಿಯಾಗಿ ಸರ್ವರ್ ಆ ವೆಬ್‌ಸೈಟ್‌ನ HTML ಫೈಲ್ ಅನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ಗೆ ಕಳುಹಿಸುತ್ತದೆ. 

2. ಟ್ಯಾಗ್‌ಗಳ ವಿಶ್ಲೇಷಣೆ (Parsing)

ಬ್ರೌಸರ್ ಆ HTML ಫೈಲ್ ಅನ್ನು ಸ್ವೀಕರಿಸಿದಾಗ, ಅದು ಕೇವಲ ಅಕ್ಷರಗಳ ಗುಂಪಾಗಿರುತ್ತದೆ. ಬ್ರೌಸರ್ ಆ ಕೋಡ್ ಅನ್ನು ಮೇಲಿನಿಂದ ಕೆಳಕ್ಕೆ ಓದುತ್ತಾ ಹೋಗುತ್ತದೆ. 

·   ಉದಾಹರಣೆಗೆ: ಬ್ರೌಸರ್ <h1> ಎಂಬ ಟ್ಯಾಗ್ ಕಂಡಾಗ, ಅದರ ಒಳಗಿರುವ ವಿಷಯವನ್ನು "ದೊಡ್ಡ ಶೀರ್ಷಿಕೆ" ಎಂದು ಗುರುತಿಸುತ್ತದೆ.

·   <img> ಟ್ಯಾಗ್ ಕಂಡಾಗ ಅಲ್ಲಿ ಒಂದು ಚಿತ್ರವನ್ನು ತೋರಿಸಬೇಕು ಎಂದು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತದೆ. 

3. DOM ರಚನೆ (Document Object Model)

ಬ್ರೌಸರ್ HTML ಕೋಡ್ ಅನ್ನು ಓದಿದ ನಂತರ, ಆ ಎಲ್ಲ ಅಂಶಗಳನ್ನು (Elements) ಒಂದು ಕ್ರಮಬದ್ಧವಾದ ಮರದಂತಹ ರಚನೆಯಲ್ಲಿ (Tree Structure) ಜೋಡಿಸುತ್ತದೆ. ಇದನ್ನು DOM ಎಂದು ಕರೆಯುತ್ತಾರೆ. ಇದು ವೆಬ್ ಪುಟದ ಒಂದು ನೀಲಿನಕ್ಷೆಯಂತೆ (Blueprint) ಕೆಲಸ ಮಾಡುತ್ತದೆ. 

4. ರೆಂಡರಿಂಗ್ (Rendering - ದೃಶ್ಯೀಕರಣ)

ಕೊನೆಯದಾಗಿ, ಬ್ರೌಸರ್ ಆ DOM ರಚನೆಯನ್ನು ನಮ್ಮ ಕಣ್ಣಿಗೆ ಕಾಣುವಂತೆ ಸುಂದರವಾದ ವೆಬ್ ಪುಟವಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.

·   HTML: ಪುಟದ ರಚನೆಯನ್ನು ನೀಡುತ್ತದೆ.

·   CSS: ಆ ರಚನೆಗೆ ಬಣ್ಣ ಮತ್ತು ವಿನ್ಯಾಸವನ್ನು ನೀಡುತ್ತದೆ.

·   JavaScript: ಪುಟಕ್ಕೆ ಚಲನೆ ಅಥವಾ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ನೀಡುತ್ತದೆ (ಉದಾ: ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಏನಾಗಬೇಕು ಎಂಬುದು). 

 

HTMLನ ಪ್ರಮುಖ ವೈಶಿಷ್ಟ್ಯಗಳು (Key Features of HTML)

1.  ಕಲಿಯಲು ಮತ್ತು ಬಳಸಲು ಸುಲಭ (Easy to Learn and Use):
HTML ಕಲಿಯಲು ಅತ್ಯಂತ ಸರಳವಾದ ಭಾಷೆ. ಇದರ ಸಿಂಟ್ಯಾಕ್ಸ್ (Syntax) ಸುಲಭವಾಗಿರುವುದರಿಂದ ಯಾರು ಬೇಕಾದರೂ ಕೆಲವೇ ದಿನಗಳಲ್ಲಿ ವೆಬ್ ಪುಟಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಬಹುದು.

2.  ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಸ್ವತಂತ್ರ (Platform Independent):
HTML ಕೋಡ್ ಅನ್ನು Windows, Linux, ಅಥವಾ Mac - ಹೀಗೆ ಯಾವುದೇ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗಳಲ್ಲಿ ರನ್ ಮಾಡಬಹುದು. ಇದು ಎಲ್ಲಾ ರೀತಿಯ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ (Chrome, Firefox, Safari) ಕೆಲಸ ಮಾಡುತ್ತದೆ.

3.  ಮಲ್ಟಿಮೀಡಿಯಾ ಸಪೋರ್ಟ್ (Multimedia Support):
HTML ಬಳಸಿ ಕೇವಲ ಪಠ್ಯ (Text) ಮಾತ್ರವಲ್ಲದೆ, ಸುಲಭವಾಗಿ ಚಿತ್ರಗಳು (Images), ಆಡಿಯೋ (Audio), ಮತ್ತು ವಿಡಿಯೋಗಳನ್ನು (Video) ವೆಬ್ ಪುಟಕ್ಕೆ ಸೇರಿಸಬಹುದು.

4.  ಹೈಪರ್‌ಲಿಂಕ್‌ಗಳ ಸೌಲಭ್ಯ (Hypertext/Linking):
ಒಂದು ಪುಟದಿಂದ ಇನ್ನೊಂದು ಪುಟಕ್ಕೆ ಅಥವಾ ಒಂದು ವೆಬ್‌ಸೈಟ್‌ನಿಂದ ಇನ್ನೊಂದು ವೆಬ್‌ಸೈಟ್‌ಗೆ ಲಿಂಕ್ ನೀಡಲು HTML ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಇದು ಇಂಟರ್ನೆಟ್‌ನ ಶಕ್ತಿಯಾಗಿದೆ.

5.  ಸೆಮ್ಯಾಂಟಿಕ್ ಸ್ಟ್ರಕ್ಚರ್ (Semantic Structure):
ಆಧುನಿಕ HTML (HTML5) ನಲ್ಲಿ <header>, <footer>, <article> ನಂತಹ ಟ್ಯಾಗ್‌ಗಳಿವೆ. ಇವು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳಿಗೆ (Google) ವೆಬ್‌ಸೈಟ್‌ನ ಯಾವ ಭಾಗದಲ್ಲಿ ಯಾವ ವಿಷಯವಿದೆ ಎಂದು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ (ಇದನ್ನು SEO Friendly ಎನ್ನಲಾಗುತ್ತದೆ).

6.  ಕಡಿಮೆ ಮೆಮೊರಿ ಬಳಕೆ (Lightweight):
HTML ಫೈಲ್‌ಗಳು ಗಾತ್ರದಲ್ಲಿ ತುಂಬಾ ಚಿಕ್ಕದಾಗಿರುತ್ತವೆ, ಆದ್ದರಿಂದ ಇವು ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ತುಂಬಾ ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತವೆ.

7.  ಕೇಸ್ ಸೆನ್ಸಿಟಿವ್ ಅಲ್ಲ (Not Case Sensitive):
ನೀವು ಟ್ಯಾಗ್‌ಗಳನ್ನು ದೊಡ್ಡ ಅಕ್ಷರದಲ್ಲಿ ಬರೆದರೂ (<BODY>) ಅಥವಾ ಸಣ್ಣ ಅಕ್ಷರದಲ್ಲಿ ಬರೆದರೂ (<body>) ಅದು ಒಂದೇ ರೀತಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. (ಆದರೆ ಸಣ್ಣ ಅಕ್ಷರ ಬಳಸುವುದು ಉತ್ತಮ ಅಭ್ಯಾಸ).

8.  ಇತರ ಭಾಷೆಗಳೊಂದಿಗೆ ಸಂಯೋಜನೆ (Integration):
HTML ಅನ್ನು ಸುಲಭವಾಗಿ CSS (ಡಿಸೈನ್‌ಗಾಗಿ), JavaScript (ಕಾರ್ಯಕ್ಷಮತೆಗಾಗಿ) ಮತ್ತು ಇತರ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳೊಂದಿಗೆ ಸೇರಿಸಿ ಬಳಸಬಹುದು.

HTML ಕಲಿಯುವುದರಿಂದ ಆಗುವೆ ಪ್ರಯೋಜನಗಳು:

1.  ವೆಬ್ ಕೆರಿಯರ್‌ಗೆ ಮೊದಲ ಮೆಟ್ಟಿಲು (Foundation of Web Career):
ನೀವು ವೆಬ್ ಡೆವಲಪರ್, ವೆಬ್ ಡಿಸೈನರ್ ಅಥವಾ ಸಾಫ್ಟ್‌ವೇರ್ ಇಂಜಿನಿಯರ್ ಆಗಬೇಕೆಂಬ ಆಸೆ ಹೊಂದಿದ್ದರೆ, HTML ಕಲಿಯುವುದು ಕಡ್ಡಾಯ. ಜಗತ್ತಿನ ಪ್ರತಿಯೊಂದು ವೆಬ್‌ಸೈಟ್ ಇದರ ಮೇಲೆಯೇ ನಿಂತಿದೆ.

2.  ನಿಮ್ಮ ಸ್ವಂತ ಬ್ಲಾಗ್ ಅಥವಾ ವೆಬ್‌ಸೈಟ್ ವಿನ್ಯಾಸ (Design Your Own Site):
ನೀವು WordPress ಅಥವಾ Blogger ಬಳಸುತ್ತಿದ್ದರೂ ಸಹ, ಕೆಲವೊಮ್ಮೆ ಸಣ್ಣಪುಟ್ಟ ಬದಲಾವಣೆಗಳನ್ನು (ಉದಾಹರಣೆಗೆ ಬಣ್ಣ ಬದಲಿಸುವುದು ಅಥವಾ ಲಿಂಕ್ ಸೇರಿಸುವುದು) ಮಾಡಲು HTML ಜ್ಞಾನವಿದ್ದರೆ ನೀವು ಯಾರ ಸಹಾಯವೂ ಇಲ್ಲದೆ ಸ್ವತಃ ಮಾಡಿಕೊಳ್ಳಬಹುದು.

3.  ಉದ್ಯೋಗಾವಕಾಶಗಳು (Job Opportunities):
ಕೇವಲ ಪ್ರೋಗ್ರಾಮರ್ ಆಗುವುದಕ್ಕೆ ಮಾತ್ರವಲ್ಲ, ಡಿಜಿಟಲ್ ಮಾರ್ಕೆಟಿಂಗ್, ಎಸ್‌ಇಒ (SEO) ಎಕ್ಸ್‌ಪರ್ಟ್ ಅಥವಾ ಕಂಟೆಂಟ್ ರೈಟರ್ ಆಗಲು ಕೂಡ HTML ನ ಕನಿಷ್ಠ ಜ್ಞಾನವಿರುವುದು ನಿಮಗೆ ಇತರರಿಗಿಂತ ಹೆಚ್ಚಿನ ಆದ್ಯತೆ ತಂದುಕೊಡುತ್ತದೆ.

4.  ಸೃಜನಶೀಲತೆಯ ಪ್ರದರ್ಶನ (Boost Your Creativity):
ನಮಗೆ ಬೇಕಾದಂತೆ ವೆಬ್ ಪುಟವನ್ನು ರೂಪಿಸುವುದು ಒಂದು ಕಲೆ. HTML ತಿಳಿದಿದ್ದರೆ ನಿಮ್ಮ ಆಲೋಚನೆಗಳನ್ನು ಒಂದು ಸುಂದರ ವೆಬ್ ಪೇಜ್ ರೂಪದಲ್ಲಿ ಜಗತ್ತಿಗೆ ತೋರಿಸಬಹುದು.

5.  SEO (Search Engine Optimization) ಗೆ ಸಹಕಾರಿ:
ನಿಮ್ಮ ಬ್ಲಾಗ್ ಗೂಗಲ್‌ನಲ್ಲಿ ಮೊದಲ ಪುಟದಲ್ಲಿ ಬರಬೇಕೆಂದರೆ ಸರಿಯಾದ ಟ್ಯಾಗ್‌ಗಳನ್ನು (Heading, Alt text) ಬಳಸುವುದು ಮುಖ್ಯ. HTML ಕಲಿತರೆ ನೀವು ವೆಬ್‌ಸೈಟ್ ಅನ್ನು 'ಸರ್ಚ್ ಇಂಜಿನ್ ಸ್ನೇಹಿ'ಯಾಗಿ ಮಾಡಬಹುದು.

6.  ಸಮಯ ಮತ್ತು ಹಣದ ಉಳಿತಾಯ:
ಸಣ್ಣಪುಟ್ಟ ವೆಬ್‌ಸೈಟ್ ಸಮಸ್ಯೆಗಳಿಗೆ ಅಥವಾ ಬದಲಾವಣೆಗಳಿಗೆ ಡೆವಲಪರ್‌ಗಳಿಗೆ ಹಣ ಕೊಡುವ ಅಗತ್ಯವಿರುವುದಿಲ್ಲ. ನೀವೇ ಸ್ವತಃ ಎಲ್ಲವನ್ನೂ ಸರಿಪಡಿಸಿಕೊಳ್ಳಬಹುದು.

7.  ಇತರೆ ಭಾಷೆಗಳನ್ನು ಕಲಿಯಲು ಸುಲಭ:
ಒಮ್ಮೆ ನೀವು HTML ಅರ್ಥಮಾಡಿಕೊಂಡರೆ, ಮುಂದೆ CSS (ಡಿಸೈನ್), JavaScript (ಆಕ್ಷನ್), ಮತ್ತು PHP ಯಂತಹ ಕಠಿಣ ಭಾಷೆಗಳನ್ನು ಕಲಿಯುವುದು ತುಂಬಾ ಸುಲಭವಾಗುತ್ತದೆ.

8.  ವೃತ್ತಿಜೀವನದಲ್ಲಿ ಹೆಚ್ಚಿನ ಅವಕಾಶಗಳು:
ಇಂದಿನ ದಿನಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಕಂಪನಿಗೂ ವೆಬ್‌ಸೈಟ್ ಇದೆ. HTML ಜ್ಞಾನವಿದ್ದರೆ ನೀವು Web Designer, UI/UX Designer, ಅಥವಾ Front-end Developer ಆಗಿ ಕೆಲಸ ಪಡೆಯಬಹುದು.

ಒಂದು ಅತ್ಯಂತ Simple HTML Example

<!DOCTYPE html>

<html>

<head>

    <title>This is my First Page</title>

</head>

<body>

    <h1>Welcome to my Website</h1>

    <p>Hyper Text Markup Language.</p>

    <a href="https://www.google.com">Click Here </a>

</body>

</html>

  ಈ ಕೋಡ್‌ನ ವಿವರಣೆ (Line by Line Explanation):

ಮೇಲಿನ ಕೋಡ್‌ನಲ್ಲಿರುವ ಪ್ರತಿಯೊಂದು ಭಾಗವೂ ಏನು ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂದು ಇಲ್ಲಿ ವಿವರಿಸಲಾಗಿದೆ:

1.  <!DOCTYPE html>: ಇದು ಬ್ರೌಸರ್‌ಗೆ "ಇದು HTML5 ಆವೃತ್ತಿಯ ಫೈಲ್" ಎಂದು ತಿಳಿಸುತ್ತದೆ.

2.  <html>: ಇದು ಇಡೀ HTML ಪುಟದ ಆರಂಭ ಮತ್ತು ಅಂತ್ಯವನ್ನು ಸೂಚಿಸುವ ಮುಖ್ಯ ಟ್ಯಾಗ್. ಎಲ್ಲ ಕೋಡ್ ಇದರ ಒಳಗೇ ಇರಬೇಕು.

3.  <head>: ಈ ಭಾಗದಲ್ಲಿ ವೆಬ್ ಪುಟದ ಬಗ್ಗೆ ಮಾಹಿತಿ ಇರುತ್ತದೆ (ಉದಾಹರಣೆಗೆ ಶೀರ್ಷಿಕೆ). ಇದು ವೆಬ್ ಪುಟದ ಒಳಗೆ ಕಾಣಿಸುವುದಿಲ್ಲ.

4.  <title>: ಇದು ಬ್ರೌಸರ್‌ನ ಮೇಲ್ಭಾಗದ 'ಟ್ಯಾಬ್'ನಲ್ಲಿ (Tab) ಕಾಣಿಸುವ ಹೆಸರನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ. ಇಲ್ಲಿ ನಾವು "ನನ್ನ ಮೊದಲ ಪುಟ" ಎಂದು ನೀಡಿದ್ದೇವೆ.

5.  <body>: ನಮಗೆ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಕಣ್ಣಿಗೆ ಕಾಣುವ ಎಲ್ಲ ವಿಷಯಗಳು (ಪಠ್ಯ, ಚಿತ್ರ, ವಿಡಿಯೋ) ಈ ಟ್ಯಾಗ್‌ನ ಒಳಗೇ ಇರಬೇಕು.

6.  <h1>: ಇದು Heading ಟ್ಯಾಗ್. ಅಕ್ಷರಗಳನ್ನು ದೊಡ್ಡದಾಗಿ ಮತ್ತು ದಪ್ಪವಾಗಿ (Bold) ತೋರಿಸಲು ಇದನ್ನು ಬಳಸುತ್ತೇವೆ. <h1> ನಿಂದ <h6> ವರೆಗೆ ಆರು ಹಂತದ ಹೆಡಿಂಗ್‌ಗಳಿರುತ್ತವೆ.

7.  <p>: ಇದು Paragraph ಟ್ಯಾಗ್. ಸಾಮಾನ್ಯ ಪಠ್ಯ ಅಥವಾ ವಿಷಯವನ್ನು ಬರೆಯಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

8.  <a href="...">: ಇದು Anchor ಟ್ಯಾಗ್. ಒಂದು ಪುಟದಿಂದ ಇನ್ನೊಂದು ಪುಟಕ್ಕೆ ಹೋಗಲು ಲಿಂಕ್ ನೀಡಲು ಇದನ್ನು ಬಳಸುತ್ತೇವೆ.

ಈ ಮೇಲಿನ ಕೋಡನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನ Notepad ನಲ್ಲಿ ಟೈಪ್ ಮಾಡಿ, ಫೈಲ್ ಅನ್ನು index.html ಎಂದು ಸೇವ್ ಮಾಡಿ. ನಂತರ ಆ ಫೈಲ್ ಮೇಲೆ ಡಬಲ್ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ನಿಮ್ಮ ಮೊದಲ ವೆಬ್ ಪೇಜ್ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಓಪನ್ ಆಗುತ್ತದೆ.

 

ಉಪಸಂಹಾರ (Conclusion):

ಒಟ್ಟಾರೆಯಾಗಿ ಹೇಳುವುದಾದರೆ, HTML ಎಂಬುದು ಕೇವಲ ಒಂದು ಕೋಡಿಂಗ್ ಭಾಷೆಯಲ್ಲ, ಇದು ಇಡೀ ಅಂತರಜಾಲದ (Internet) ಅಡಿಪಾಯ. ಇಂದಿನ ಡಿಜಿಟಲ್ ಯುಗದಲ್ಲಿ ನೀವು ಯಾವುದೇ ವೃತ್ತಿಯಲ್ಲಿದ್ದರೂ, ವೆಬ್‌ಸೈಟ್ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬ ಕನಿಷ್ಠ ಜ್ಞಾನವಿರುವುದು ನಿಮಗೆ ಹೆಚ್ಚಿನ ಶಕ್ತಿಯನ್ನು ನೀಡುತ್ತದೆ.

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

ಮುಂದಿನ ಪೋಸ್ಟ್‌ನಲ್ಲಿ ನಾವು ಈ HTML ಪುಟಗಳಿಗೆ ಬಣ್ಣ ಮತ್ತು ಅಂದವನ್ನು ನೀಡುವ CSS (Cascading Style Sheets) ಬಗ್ಗೆ ವಿವರವಾಗಿ ತಿಳಿಯೋಣ.

HTML ಇಂಗ್ಲೀಷ್‌ ನೋಟ್ಸ್‌ ಬೇಕಿದಗದಲ್ಲಿ ಈ ಲಿಂಕ್‌ ಕ್ಲಿಕ್‌ ಮಾಡಿ: Click Here