ಬಿಗಿನರ್ಸ್ಗಾಗಿ ಡೆಫಿನಿಟಿವ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಗೈಡ್

15 ಮೇ 2018 ನಲ್ಲಿ ಕೊನೆಯದಾಗಿ ನವೀಕರಿಸಲಾಗಿದೆ

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

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

ಮತ್ತು ನೀವು ವಿಷಯ ವಿನ್ಯಾಸವನ್ನು ಎದುರಿಸುತ್ತಿದ್ದರೆ ಸರಿಯಾಗಿ ಕಾಣುವುದಿಲ್ಲ, HTML ಜ್ಞಾನವು ನಿಮ್ಮನ್ನು ಟ್ರ್ಯಾಕ್ನಲ್ಲಿ ಹಿಂತಿರುಗಿಸುತ್ತದೆ.

ಬ್ಲಾಗಿಗರು ಮತ್ತು ಟೆಕ್-ಅಲ್ಲದ ಆನ್ಲೈನ್ ​​ವ್ಯಾಪಾರ ಮಾಲೀಕರಿಗಾಗಿ ಕೆಲವು ನಮ್ಮ HTML ಮಾರ್ಗದರ್ಶಿ ಇಲ್ಲಿವೆ.

ಎಚ್ಟಿಎಮ್ಎಲ್ ಇಂದಿನ ಅಂತರ್ಜಾಲದ ಬೆನ್ನೆಲುಬಾಗಿದೆ. ಮಿಲಿಯನ್ಗಟ್ಟಲೆ ವೆಬ್ಸೈಟ್ಗಳು ಅಂತರ್ಜಾಲವನ್ನು ರೂಪಿಸಿವೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲ್ಲಿದೆ ಈ ಎಲ್ಲಾ ವೆಬ್ಸೈಟ್ಗಳ ಬಿಲ್ಡಿಂಗ್ ಬ್ಲಾಕ್ಸ್.

ಬಿಗಿನರ್ಸ್ Q & A

1- HTML ಎಂದರೇನು?

ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಸಂಕ್ಷೇಪಣವಾಗಿದೆ Hಕೂಗು Text Mಮಾರ್ಕಪ್ Lಸಂಕಟ. ಇದು ವೆಬ್ ಬ್ರೌಸರ್ಗಳಿಗಾಗಿ ಟ್ಯಾಗಿಂಗ್ ವಿಷಯಗಳಿಗೆ ಪ್ರಮಾಣಿತ ಭಾಷೆಯಾಗಿದೆ.

HTML ಅನ್ನು "ಎಲಿಮೆಂಟ್ಸ್" ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಅಂಶಗಳನ್ನು "ಟ್ಯಾಗ್ಗಳು" ಎಂದು ಸಹ ಕರೆಯಲಾಗುತ್ತದೆ.

2- ಏಕೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಗತ್ಯವಿದೆ?

ತಮ್ಮ ಬೆಂಬಲಿತ ಭಾಷೆಯಲ್ಲಿ ಬರೆಯಲ್ಪಟ್ಟಾಗ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಮಾತ್ರ ವೆಬ್ಸೈಟ್ ಅನ್ನು ರೆಂಡರ್ ಮಾಡಬಹುದು. ಎಚ್ಟಿಎಮ್ಎಲ್ ಅತ್ಯಂತ ಸಾಮಾನ್ಯವಾದ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆಯಾಗಿದೆ ಮತ್ತು ವೆಬ್ ಬ್ರೌಸರ್ಗಳಿಗೆ ಹೆಚ್ಚಿನ ಸ್ವೀಕಾರವನ್ನು ಹೊಂದಿದೆ.

ಅದಕ್ಕಾಗಿಯೇ ನಿಮಗೆ HTML ಬೇಕು.

3- ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೇಸ್ ಸೆನ್ಸಿಟಿವ್?

ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೇಸ್ ಸೆನ್ಸಿಟಿವ್ ಅಲ್ಲ. ಆದರೆ ಸೂಕ್ತವಾದ ಪ್ರಕರಣಗಳೊಂದಿಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಬರೆಯುವುದು ಅತ್ಯುತ್ತಮ ಅಭ್ಯಾಸ.

ನಿಮ್ಮ ಮೊದಲ HTML ಫೈಲ್ ರಚಿಸುವುದಕ್ಕಾಗಿ ಕ್ರಮಗಳು

ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ನೋಟ್ಪಾಡ್ ಬಳಸಿ ನೀವು ಮೂಲ HTML ಫೈಲ್ ಅನ್ನು ರಚಿಸಬಹುದು. ಆದರೆ ಹಲವಾರು ಸಂಕೇತಗಳ ಸಾಲುಗಳನ್ನು ಬರೆಯುವುದಕ್ಕೆ ಇದು ನೋವುಂಟು ಮಾಡುತ್ತದೆ.

ನಿಮಗೆ ಕೋಡ್ ಸಂಪಾದಕ ಅಗತ್ಯವಿದೆ. ಉತ್ತಮ ಕೋಡ್ ಸಂಪಾದಕ ದೊಡ್ಡ ಸಂಕೇತಗಳನ್ನು ಬರೆಯಲು ಮತ್ತು ಸಂಘಟಿಸಲು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.

ನಾನು ಬಳಸುತ್ತೇನೆ ಮತ್ತು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ ನೋಟ್ಪಾಡ್ ++ (ಮುಕ್ತ ಮತ್ತು ತೆರೆದ ಮೂಲ) ವೆಬ್ ಭಾಷೆಗಳನ್ನು ಬರೆಯಲು. ನೀವು ಇತರ ಸಂಪಾದಕರಂತೆ ಬಳಸಬಹುದು ಸಬ್ಲೈಮ್ ಪಠ್ಯ, ಆಯ್ಟಮ್ ಇತ್ಯಾದಿ

ನೀವು ಮಾಡಬೇಕಾದದ್ದು ಇಲ್ಲಿದೆ:

  1. ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ಸ್ಥಾಪಿಸಿ
  2. ಅದನ್ನು ತೆರೆಯಿರಿ
  3. ಹೊಸ ಫೈಲ್ ರಚಿಸಿ
  4. ಇದನ್ನು .html ಫೈಲ್ ಆಗಿ ಉಳಿಸಿ

ನೀವು ಹೋಗಲು ಸಿದ್ಧರಿದ್ದೀರಿ!


ಮೇಲಕ್ಕೆ ಹೋಗು

1- ಹಲೋ ವರ್ಲ್ಡ್!

ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ನಿಮ್ಮ ಹೊಸ HTML ಫೈಲ್ಗೆ ನಕಲಿಸಿ ಮತ್ತು ಅಂಟಿಸಿ ಮತ್ತು ಉಳಿಸಿ. ಈಗ ಅದನ್ನು ನಿಮ್ಮ ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಚಾಲನೆ ಮಾಡಿ.

ಕೋಡ್:

<! DOCTYPE html> <html> <head> <title> ನನ್ನ ಮೊದಲ ವೆಬ್ ಪುಟ </ ಶೀರ್ಷಿಕೆ> </ ತಲೆ> <body> <p> ಹಲೋ ವರ್ಲ್ಡ್! </ P> </ body> </ html>

ಔಟ್ಪುಟ್:

ಅಭಿನಂದನೆಗಳು! ನಿಮ್ಮ ಮೊದಲ HTML ಫೈಲ್ ಅನ್ನು ನೀವು ರಚಿಸಿದ್ದೀರಿ. ಈ ಹಂತದಲ್ಲಿ ನೀವು ಇದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕಾಗಿಲ್ಲ. ನಾವು ಅದನ್ನು ಶೀಘ್ರದಲ್ಲೇ ಸಂಗ್ರಹಿಸುತ್ತೇವೆ.

HTML ರಚನೆಯನ್ನು ಅಂಡರ್ಸ್ಟ್ಯಾಂಡಿಂಗ್

ಪ್ರತಿ HTML ಫೈಲ್ ಸಾಮಾನ್ಯ ನಗ್ನ ರಚನೆಯನ್ನು ಹೊಂದಿದೆ. ಎಲ್ಲವೂ ಪ್ರಾರಂಭವಾದಲ್ಲಿ ಇದು. ಮತ್ತು ಕೋಡ್ಗಳ ಪ್ರತಿ ದೊಡ್ಡ ಪುಟ ಕೆಳಗೆ ಚೂರನ್ನು ನಂತರ ಈ ರಚನೆ ಬರುತ್ತವೆ.

ಆದ್ದರಿಂದ ಇದನ್ನು "ಹಲೋ ವರ್ಲ್ಡ್!" ಕೋಡ್ನಿಂದ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸೋಣ. ಈ ಕೆಳಗಿನ ಅಂಶಗಳು ಪ್ರತಿ HTML ಫೈಲ್ಗೆ ಕಡ್ಡಾಯವಾದ ಭಾಗಗಳು.

  • <! DOCTYPE html> = ಇದು HTML ಫೈಲ್ ಎಂದು ಬ್ರೌಸರ್ಗೆ ಘೋಷಣೆಯಾಗಿದೆ. ನೀವು ಇದನ್ನು <html> ಟ್ಯಾಗ್ನ ಮೊದಲು ಸೂಚಿಸಬೇಕು.
  • <Html> </ html> = ಇದು HTML ಫೈಲ್ನ ಮೂಲ ಅಂಶವಾಗಿದೆ. ನೀವು ಬರೆಯುವ ಎಲ್ಲವೂ <html> ಮತ್ತು </ html> ನಡುವೆ ಹೋಗುತ್ತದೆ.
  • <Head> </ ತಲೆ> = ಇದು ಬ್ರೌಸರ್ಗಾಗಿ ಮೆಟಾ ಮಾಹಿತಿ ಭಾಗವಾಗಿದೆ. ಈ ಟ್ಯಾಗ್ನೊಳಗೆ ಕೋಡ್ಗಳು ಯಾವುದೇ ದೃಶ್ಯ ಉತ್ಪನ್ನವನ್ನು ಹೊಂದಿಲ್ಲ.
  • <Body> </ body> = ಇದು ವೆಬ್ ಬ್ರೌಸರ್ ಸಲ್ಲಿಸುವ ಭಾಗವಾಗಿದೆ. <Body> ಮತ್ತು </ body> ನಡುವಿನ ಕೋಡ್ಗಳ ರೆಂಡರಿಂಗ್ ಅನ್ನು ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ನೀವು ನಿಖರವಾಗಿ ನೋಡುತ್ತೀರಿ.


ಮೇಲಕ್ಕೆ ಹೋಗು

2- HTML ಟ್ಯಾಗ್ಗಳು

HTML ನೂರಾರು ವಿವಿಧ ಟ್ಯಾಗ್ಗಳ ಸಹಯೋಗವಾಗಿದೆ. ಅವರು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಾರೆ ಎಂಬುದನ್ನು ನೀವು ಕಲಿತುಕೊಳ್ಳಬೇಕು. ನೀವು ಅವುಗಳನ್ನು ಸರಿಯಾದ ರೀತಿಯಲ್ಲಿ ಬಳಸಿದ್ದೀರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬೇಕು.

HTML ಟ್ಯಾಗ್ಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಒಂದು ಆರಂಭಿಕ ಮತ್ತು ಮುಕ್ತಾಯದ ಟ್ಯಾಗ್ ಹೊಂದಿರುತ್ತವೆ. ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಅನ್ನು (<) ಮತ್ತು (>) ಚಿಹ್ನೆಗಿಂತ ಕಡಿಮೆ ಇರುವ ಕೀವರ್ಡ್ ಹೊಂದಿದೆ. ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಎಲ್ಲವನ್ನೂ ಹೊಂದಿದೆ ಆದರೆ (<) ಚಿಹ್ನೆಗಿಂತ ಕಡಿಮೆ ನಂತರ ಹೆಚ್ಚುವರಿ ಮುಂದಕ್ಕೆ ಕಡಿದುಹೋಗುತ್ತದೆ.

(2a) ಹೆಡ್ ಟ್ಯಾಗ್ಗಳು

ಎಲ್ಲಾ ತಲೆ ಟ್ಯಾಗ್ಗಳು <head> ಮತ್ತು </ head> ನಡುವೆ ಹೋಗುತ್ತವೆ. ಅವರು ವೆಬ್ ಬ್ರೌಸರ್ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳಿಗಾಗಿ ಮೆಟಾ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿರುತ್ತವೆ. ಅವರು ಮೂಲಭೂತವಾಗಿ ಯಾವುದೇ ದೃಶ್ಯ ಉತ್ಪನ್ನವನ್ನು ಹೊಂದಿಲ್ಲ.

<Title> </ title>

ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ನಲ್ಲಿ ಗೋಚರಿಸುವ ವೆಬ್ ಪುಟದ ಶೀರ್ಷಿಕೆಯನ್ನು ವಿವರಿಸುತ್ತದೆ. ಈ ಮಾಹಿತಿಯನ್ನು ವೆಬ್ ಪ್ರೋಗ್ರಾಂಗಳು ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಬಳಸುತ್ತವೆ. ನೀವು ಪ್ರತಿ HTML ಫೈಲ್ಗೆ ಅತ್ಯಧಿಕ ಶೀರ್ಷಿಕೆಯನ್ನು ಹೊಂದಬಹುದು.

ಕೋಡ್:

<title> ನನ್ನ ಮೊದಲ ವೆಬ್ ಪುಟ </ ಶೀರ್ಷಿಕೆ>
ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಮೇಲೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

<link>

ಲಿಂಕ್ ಟ್ಯಾಗ್ ಬಾಹ್ಯ ಸಂಪನ್ಮೂಲಗಳೊಂದಿಗೆ ನಿಮ್ಮ HTML ಪುಟವನ್ನು ಸಂಪರ್ಕಿಸುತ್ತದೆ. ಇದರ ಪ್ರಮುಖ ಬಳಕೆ ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲ್ಶೀಟ್ಸಂರಚನೆಯೊಂದಿಗೆ HTML ಪುಟವನ್ನು ಸಂಪರ್ಕಿಸುತ್ತಿದೆ. ಇದು ಸ್ವಯಂ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಆಗಿದೆ ಮತ್ತು ಅಂತ್ಯಗೊಳ್ಳುವ </ link> ಅಗತ್ಯವಿಲ್ಲ. ಇಲ್ಲಿ rel, file ನೊಂದಿಗೆ ಸಂಬಂಧವಿದೆ ಮತ್ತು src ಎನ್ನುವುದು ಮೂಲ ಎಂದರ್ಥ.

ಕೋಡ್:

<link rel = "stylesheet" type = "text / css" src = "style.css">

<Meta>

ಮೆಟಾವು ಮತ್ತೊಂದು ಸ್ವಯಂ-ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಆಗಿದ್ದು, ಇದು ಒಂದು HTML ಫೈಲ್ನ ಮೆಟಾ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಹುಡುಕಾಟ ಎಂಜಿನ್ಗಳು ಮತ್ತು ಇತರ ವೆಬ್ ಸೇವೆಗಳು ಈ ಮಾಹಿತಿಯನ್ನು ಬಳಸುತ್ತವೆ. ಹುಡುಕಾಟ ಎಂಜಿನ್ಗಳಿಗಾಗಿ ನಿಮ್ಮ ಪುಟವನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿಸಲು ನೀವು ಬಯಸಿದರೆ ಮೆಟಾ ಟ್ಯಾಗ್ಗಳು ಅತ್ಯಗತ್ಯವಾಗಿರುತ್ತದೆ.

ಕೋಡ್:

<meta name = "description" content = "ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು"

<script> </ script>

ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ ಸರ್ವರ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟನ್ನು ಒಳಗೊಂಡಂತೆ ಅಥವಾ ಬಾಹ್ಯ ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್ಗೆ ಲಿಂಕ್ ಮಾಡಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಆರಂಭಿಕ ಟ್ಯಾಗ್ನಲ್ಲಿ ಎರಡು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಒಂದು ವಿಧ ಮತ್ತು ಇನ್ನೊಂದು ಮೂಲವಾಗಿದೆ (src).

ಕೋಡ್:

<script type = "text / javascript" src = "scripts.js"> </ script>

<noscript> </ noscript>

ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿದಾಗ ನಾಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಇದು ಅವರ ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಅನುಮತಿಸದೆ ಇರುವವರಿಗೆ ಪುಟವನ್ನು ಹೊಂದಿಸುತ್ತದೆ.

ಕೋಡ್:

<noscript> <p> ಅಯ್ಯೋ! ಸ್ಕ್ರಿಪ್ಟ್ಗಳು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ. </ P> </ noscript>

(2b) ದೇಹ ಟ್ಯಾಗ್ಗಳು

ಎಲ್ಲಾ ದೇಹದ ಟ್ಯಾಗ್ಗಳು <body> ಮತ್ತು </ body> ನಡುವೆ ಹೋಗುತ್ತವೆ. ಅವರು ದೃಶ್ಯ ಉತ್ಪನ್ನಗಳನ್ನು ಹೊಂದಿದ್ದಾರೆ. ಇಲ್ಲಿ ಹೆಚ್ಚಿನ ಕೆಲಸವನ್ನು ಮಾಡಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ಮುಖ್ಯ ಪುಟ ವಿಷಯವನ್ನು ರಚಿಸಲು ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ನೀವು ಬಳಸಬೇಕಾಗುತ್ತದೆ.

<hxNUMX> </ h1> <h1> </ h6> ಗೆ

ಇವು ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳು. ಪ್ರಮುಖ ಶಿರೋನಾಮೆಯನ್ನು <h1> ಮತ್ತು ಕನಿಷ್ಠ <h6> ನೊಂದಿಗೆ ಟ್ಯಾಗ್ ಮಾಡಲಾಗಿದೆ. ನೀವು ಅವುಗಳನ್ನು ಸರಿಯಾದ ಕ್ರಮಾನುಗತದಲ್ಲಿ ಬಳಸಬೇಕು.

ಕೋಡ್:

<h1> ಇದು ಒಂದು H1 ಶಿರೋನಾಮೆ </ h1> <h2> ಇದು ಒಂದು H2 ಶಿರೋನಾಮೆ </ h2> <h3> ಇದು ಒಂದು H3 ಶಿರೋನಾಮೆ </ h3> <h4> ಇದು ಒಂದು H4 ಶಿರೋನಾಮೆ </ h4> <h5 > ಇದು ಒಂದು H5 ಶಿರೋನಾಮೆ </ h5> <h6> ಇದು ಒಂದು H6 ಶಿರೋನಾಮೆ </ h6>

ಔಟ್ಪುಟ್:

ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಟ್ಯಾಗ್ಗಳು

HTML ಫೈಲ್ನಲ್ಲಿರುವ ಪಠ್ಯವನ್ನು ಹಲವು ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ವರೂಪಿಸಬಹುದು. ನಿಮ್ಮ ವಿಷಯದಿಂದ ಒಂದು ಪದ ಅಥವಾ ರೇಖೆಯನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ನೀವು ಬಯಸಿದಾಗ ಇದು ಅಗತ್ಯವಾಗಿರುತ್ತದೆ.

ಕೋಡ್:

<p> ನೀವು <strong> ದಪ್ಪ </ strong>, <u> ಅಂಡರ್ಲೈನ್ ​​</ u>, <em> ಇಟಾಲಿಕ್ </ em>, <ಗುರುತು ಮಾಡಬಹುದು </ p> <p> > ಗುರುತು </ ಗುರುತು>, <sub> ಸಬ್ಸ್ಕ್ರಿಪ್ಟ್ </ ಉಪ>, <sup> ಸೂಪರ್ಸ್ಕ್ರಿಪ್ಟ್ </ sup> ಮತ್ತು ಇನ್ನಷ್ಟು! </ p>

ಔಟ್ಪುಟ್:

<! - ->

ಕಾಮೆಂಟ್ ಟ್ಯಾಗ್ ಬಳಸಿ ರೆಂಡರಿಂಗ್ನಿಂದ ಕೆಲವು ಕೋಡ್ಗಳನ್ನು ನೀವು ವಿಚಲಿತಗೊಳಿಸಬಹುದು. ಕೋಡ್ ಮೂಲ ಕೋಡ್ನಲ್ಲಿ ತೋರಿಸುತ್ತದೆ ಆದರೆ ಪ್ರದರ್ಶಿಸಲಾಗುವುದಿಲ್ಲ. ಮುಂದಿನ ಟ್ಯಾಗ್ಗಾಗಿ HTML ಫೈಲ್ಗಳ ದಾಖಲೆಯನ್ನು ರಚಿಸುವುದಕ್ಕಾಗಿ ಈ ಟ್ಯಾಗ್ನ ಮುಖ್ಯ ಬಳಕೆಯಾಗಿದೆ.

ಉದಾಹರಣೆ:

<! - <p> ನೀವು ಯಾವುದೇ ಕೋಡ್ ಅನ್ನು ಈ ರೀತಿ ಸುತ್ತುವ ಮೂಲಕ ಕಾಮೆಂಟ್ ಮಾಡಬಹುದು </ p> ->

(2c) ಇತರ ಪ್ರಮುಖ HTML ಟ್ಯಾಗ್ಗಳು

<a> </a>

ಆಂಕರ್ ಅಮೂಲ್ಯವಾದ ಟ್ಯಾಗ್ ಆಗಿದ್ದು, ಇದು ಎಲ್ಲೆಡೆ ಬಳಸಲ್ಪಡುತ್ತದೆ. ನೀವು ಕನಿಷ್ಟ ಒಂದು ಆಂಕರ್ ಲಿಂಕ್ ಇಲ್ಲದೆ ಆನ್ಲೈನ್ನಲ್ಲಿ ಯಾವುದೇ ವೆಬ್ ಪುಟವನ್ನು ನೋಡುವುದಿಲ್ಲ.

ರಚನೆಯು ಒಂದೇ. ಇದು ಒಂದು ಆರಂಭಿಕ <a> ಮತ್ತು ಮುಚ್ಚುವ ಭಾಗವನ್ನು </a> ಹೊಂದಿದೆ. ನೀವು ಲಂಗರು ಹಾಕಲು ಬಯಸುವ ಪಠ್ಯ <a> ಮತ್ತು </a> ನಡುವೆ ಹೋಗುತ್ತದೆ.

ಅಲ್ಲಿ ಮತ್ತು ಹೇಗೆ ಬಳಕೆದಾರರು ಅದರ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಅದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ಕೆಲವು ಲಕ್ಷಣಗಳು ಇವೆ.

  • ahref = "" = ಇದು ಗಮ್ಯಸ್ಥಾನದ ಲಿಂಕ್ ಅನ್ನು ವರ್ಣಿಸುತ್ತದೆ. ಲಿಂಕ್ ದ್ವಿ ಉಲ್ಲೇಖಗಳ ನಡುವೆ ಹೋಗುತ್ತದೆ.
  • target = "" = ಒಂದು ಹೊಸ ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ನಲ್ಲಿ ಅಥವಾ ಅದೇ ಟ್ಯಾಬ್ನಲ್ಲಿ URL ಅನ್ನು ತೆರೆಯಲಾಗುತ್ತದೆಯೇ ಎಂದು ಇದು ವಿವರಿಸುತ್ತದೆ. target = "_ blank" ಎಂಬುದು ಹೊಸ ಟ್ಯಾಬ್ಗೆ ಮತ್ತು ಗುರಿ = "_ ಸ್ವಯಂ" ಒಂದೇ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೆರೆಯುವುದಾಗಿದೆ.
  • rel = "" = ಇದು ಪ್ರಸ್ತುತ ಪುಟದ ಸಂಬಂಧವನ್ನು ಲಿಂಕ್ ಪುಟದೊಂದಿಗೆ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ನೀವು ಲಿಂಕ್ ಪುಟವನ್ನು ನಂಬದಿದ್ದರೆ, ನೀವು rel = "nofollow" ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು.

ಕೋಡ್:

Google ಗೆ ಹೋಗಲು <p> <a target="_blank" href="https://www.google.com/"> ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ </a>. ಇದು ಹೊಸ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ. </ P> <p> <a target="_self" href="https://www.google.com/"> ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ </a>. ಇದು ನಿಮ್ಮನ್ನು Google ಗೆ ಕರೆದೊಯ್ಯುತ್ತದೆ ಆದರೆ ಪ್ರಸ್ತುತ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ. </ P>

ಔಟ್ಪುಟ್:

<img />

ಇಮೇಜ್ ಟ್ಯಾಗ್ ಇನ್ನಿತರ ಪ್ರಮುಖ ಟ್ಯಾಗ್ ಆಗಿದೆ, ಅದು ಇಲ್ಲದೆ ನೀವು ಅನೇಕ ಇಮೇಜ್-ಆಧಾರಿತ ವೆಬ್ಸೈಟ್ಗಳನ್ನು ಊಹಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.

<img /> ಒಂದು ಸ್ವಯಂ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಆಗಿದೆ. ಇದಕ್ಕೆ ಸಾಂಪ್ರದಾಯಿಕ ಮುಚ್ಚುವಿಕೆ ಅಗತ್ಯವಿಲ್ಲ </ img>. ನೀವು ಅದನ್ನು ಸರಿಯಾಗಿ ಬಳಸುವ ಮೊದಲು ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಕೆಲವು ಗುಣಲಕ್ಷಣಗಳಿವೆ.

  • src = "" = ಇದು ಚಿತ್ರದ ಮೂಲ ಲಿಂಕ್ ಅನ್ನು ವಿವರಿಸುವ ಉದ್ದೇಶವಾಗಿದೆ. ದ್ವಿ ಉಲ್ಲೇಖಗಳ ನಡುವೆ ಲಿಂಕ್ ಅನ್ನು ಇರಿಸಿ.
  • alt = "" = ಇದು ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ನಿಮ್ಮ ಇಮೇಜ್ ಲೋಡ್ ಆಗುತ್ತಿರುವಾಗ, ಈ ಪಠ್ಯ ಬಳಕೆದಾರರು ಕಳೆದುಹೋದ ಚಿತ್ರದ ಬಗ್ಗೆ ಒಂದು ಕಲ್ಪನೆಯನ್ನು ನೀಡುತ್ತದೆ.
  • ಅಗಲ = "" = ಚಿತ್ರದ ಅಗಲವನ್ನು ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
  • ಎತ್ತರ = "" = ಚಿತ್ರದ ಎತ್ತರವನ್ನು ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಇದು ವರ್ಣಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

<p> ಇದು ಆಗಸ್ಟ್ 2014 ನಲ್ಲಿ ಗೂಗಲ್ ಪ್ಲೆಕ್ಸ್ ಆಗಿದೆ. </ p> <p> ಈ ಚಿತ್ರವು 500 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲ ಮತ್ತು 375 ಪಿಕ್ಸೆಲ್ಗಳ ಎತ್ತರವನ್ನು ಹೊಂದಿದೆ. </ p> <img src = "https: //upload.wikimedia. org / ವಿಕಿಪೀಡಿಯ / ಕಾಮನ್ಸ್ / 0 / 0e / Googleplex-Patio-Aug-2014.JPG "alt =" ಆಗಸ್ಟ್ 2014 "ಅಗಲ =" 500 "ಎತ್ತರ =" 375 "/> ನಲ್ಲಿ ಗೂಗಲ್ನ ಮುಖ್ಯಕಾರ್ಯ

ಔಟ್ಪುಟ್:

ಸಲಹೆಗಳು: ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಚಿತ್ರವನ್ನು ಸೇರಿಸಲು ಬಯಸುವಿರಾ? ಇಮೇಜ್ ಕೋಡ್ ಅನ್ನು ಒಂದು <a> ಟ್ಯಾಗ್ನೊಂದಿಗೆ ಅಂಟಿಸಿ. ಇದು ಹೇಗೆ ಹೋಗುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಿ.

<ol> </ ol> ಅಥವಾ <ul> </ ul>

ಐಟಂಗಳ ಪಟ್ಟಿಯನ್ನು ರಚಿಸುವುದಕ್ಕಾಗಿ ಪಟ್ಟಿ ಟ್ಯಾಗ್ ಆಗಿದೆ. <ol> ಆದೇಶ ಪಟ್ಟಿಗಳನ್ನು (ಸಂಖ್ಯೆಯ ಪಟ್ಟಿ) ಮತ್ತು <ul> ಪಟ್ಟಿ ಮಾಡದ ಪಟ್ಟಿಗಳನ್ನು (ಬುಲೆಟ್ ಪಾಯಿಂಟ್ಗಳು) ಹೊಂದಲಾಗಿದೆ.

<Ol> ಅಥವಾ <ul> ಒಳಗೆ ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು <li> </ li> ನೊಂದಿಗೆ ಟ್ಯಾಗ್ ಮಾಡಲಾಗಿದೆ. ಲಿ ಪಟ್ಟಿಗಾಗಿ ನಿಂತಿದೆ. ಮೂಲ <ol> ಅಥವಾ <ul> ಟ್ಯಾಗ್ನಲ್ಲಿ ನೀವು ಬಯಸುವಂತೆ ನೀವು ಅನೇಕ <li> ಅನ್ನು ಹೊಂದಬಹುದು.

ಕೋಡ್:

<p> ಇದು ಆದೇಶಿತ ಪಟ್ಟಿಯಾಗಿದೆ: </ p> <ol> <li> ಐಟಂ 1 </ li> <li> ಐಟಂ 2 </ li> <li> ಐಟಂ 3 </ li> </ ol> <p> ಇದು ಅನಿಯಮಿತ ಪಟ್ಟಿಯಾಗಿದೆ: </ p> <ul> <li> ಐಟಂ 1 </ li> <li> ಐಟಂ 2 </ li> <li> ಐಟಂ 3 </ li> </ ul>

ಔಟ್ಪುಟ್:

<Table> </ table>

ಟೇಬಲ್ ಟ್ಯಾಗ್ ಡೇಟಾ ಟೇಬಲ್ ರಚಿಸುವುದಾಗಿದೆ. ಟೇಬಲ್ ಹೆಡರ್, ಸಾಲುಗಳು ಮತ್ತು ಕಾಲಮ್ಗಳನ್ನು ವರ್ಣಿಸುವ ಕೆಲವು ಒಳ ಮಟ್ಟದ ಟ್ಯಾಗ್ಗಳಿವೆ.

<table> </ table> ಹೊರ ಪೋಷಕ ಸಂಕೇತವಾಗಿದೆ. ಈ ಟ್ಯಾಗ್ನಲ್ಲಿ, <tr> ಟೇಬಲ್ ಸಾಲುಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, <td> ಟೇಬಲ್ ಕಾಲಮ್ ಮತ್ತು <th> ಟೇಬಲ್ ಶಿರೋಲೇಖವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.

ಕೋಡ್:

<table> <tr> <th> ಹೆಸರು </ th> <th> ವಯಸ್ಸು </ th> <th> ವೃತ್ತಿ </ th> </ tr> <tr> <td> ಜೋ <td> 27 </ td> < td> ಉದ್ಯಮಿ </ td> </ tr> <tr> <td> ಕರೋಲ್ </ td> <td> 26 </ td> <td> ನರ್ಸ್ </ td> </ tr> <tr> <td> ಸಿಮೋನ್ < / td> <td> 39 </ td> <td> ಪ್ರೊಫೆಸರ್ </ td> </ tr> </ table>

ಔಟ್ಪುಟ್:

ಗಮನಿಸಿ: ಮೊದಲ <tr> ಒಳಗೆ ಮೌಲ್ಯಗಳು ಶಿರೋನಾಮೆಗಳು. ಆದ್ದರಿಂದ, ನಾವು ಪಠ್ಯಕ್ಕೆ ದಪ್ಪ ಪಠ್ಯ ಪರಿಣಾಮವನ್ನು ಅನ್ವಯಿಸುವ <th> ಬಳಸುತ್ತೇವೆ.

ಟೇಬಲ್ ಗ್ರೂಪಿಂಗ್

ಟೇಬಲ್ ಗ್ರೂಪಿಂಗ್ ಅಂಶಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಟೇಬಲ್ನ ಕಾರ್ಯವನ್ನು ನೀವು ವಿಸ್ತರಿಸಬಹುದು. ನೀವು ಅನೇಕ ಕೋಷ್ಟಕಗಳಾಗಿ ವಿಭಜನೆಯಾಗಿರುವ ದೊಡ್ಡ ಕೋಷ್ಟಕಗಳನ್ನು ರಚಿಸಬೇಕಾದ ಸಮಯವಿರುತ್ತದೆ.

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

ಟೇಬಲ್ ಗ್ರೂಪಿಂಗ್ ಟ್ಯಾಗ್ ಗಳು ಹೀಗಿವೆ:

  • <thead> </ thead> = ಟೇಬಲ್ನ ಶಿರೋನಾಮೆಗಳನ್ನು ಸುತ್ತುವಕ್ಕಾಗಿ. ಇದು ಮೇಜಿನ ಪ್ರತಿಯೊಂದು ಸ್ಪ್ಲಿಟ್ ಪುಟಕ್ಕೆ ಮುದ್ರಿಸುತ್ತದೆ.
  • <tbody> </ tbody> = ಟೇಬಲ್ನ ಮುಖ್ಯ ಡೇಟಾವನ್ನು ಸುತ್ತುವಕ್ಕಾಗಿ. ನಿಮಗೆ ಅಗತ್ಯವಿರುವಂತೆ ನೀವು ಅನೇಕ <tbody> ಅನ್ನು ಹೊಂದಬಹುದು. ಒಂದು <tbody> ಟ್ಯಾಗ್ ಅಂದರೆ ಡೇಟಾದ ಒಂದು ಪ್ರತ್ಯೇಕ ಗುಂಪು.
  • <tfoot> </ tfoot> = ಮೇಜಿನ ಅಡಿಟಿಪ್ಪಣಿ ಮಾಹಿತಿಯನ್ನು ಸುತ್ತುವಕ್ಕಾಗಿ. ಇದು ಮೇಜಿನ ಪ್ರತಿಯೊಂದು ಸ್ಪ್ಲಿಟ್ ಪುಟಕ್ಕೆ ಮುದ್ರಿಸುತ್ತದೆ.

ಗುಂಪನ್ನು ಬಳಸುವುದು ಕಡ್ಡಾಯವಲ್ಲ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ದೊಡ್ಡ ಕೋಷ್ಟಕಗಳನ್ನು ಹೆಚ್ಚು ಓದಬಲ್ಲವನ್ನಾಗಿ ಮಾಡಲು ನೀವು ಅದನ್ನು ಬಳಸಬಹುದು. ಕೆಲವು ವಿಶೇಷ ಅಭಿವರ್ಧಕರು ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆಗಳಂತೆ ಗಮನಾರ್ಹವಾಗಿ ಬಳಸುತ್ತಾರೆ.

ಇಲ್ಲಿ ನಮ್ಮ exemplified ಟೇಬಲ್ ಅನ್ನು ನಾವು <thead>, <tbody> ಮತ್ತು <tfoot> ಗೆ ಗುಂಪು ಮಾಡಬಹುದು ಹೇಗೆ:

ಕೋಡ್:

<table> <thead> <tr> <th> ಹೆಸರು </ th> <th> ವಯಸ್ಸು </ th> <th> ವೃತ್ತಿ </ th> </ tr> </ thead> <tbody> <tr> <td> ಜಾನ್ </ td> <td> 27 </ td> <td> ಉದ್ಯಮಿ </ td> </ tr> <tr> <td> ಕರೋಲ್ </ td> <td> 26 </ td> <td> ನರ್ಸ್ </ td> </ tr> <tr> <td> ಸಿಮೋನ್ </ td> <td> 39 </ td> <td> ಪ್ರೊಫೆಸರ್ </ td> </ tr> </ tbody> <tfoot> <tr> <td> ಒಟ್ಟು ವ್ಯಕ್ತಿಗಳು: </ td> <td> 3 </ td> </ tr> </ tfoot> </ table>

ಔಟ್ಪುಟ್:

<Form> </ form>

ಫಾರ್ಮ್ ಪುಟವನ್ನು ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಸಂವಾದಾತ್ಮಕ ರೂಪಗಳನ್ನು ರಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಒಂದು ಎಚ್ಟಿಎಮ್ಎಲ್ ರೂಪವು ಹಲವು ಸತತ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಉದಾಹರಣೆಗೆ: <label>, <input>, <textarea> ಇತ್ಯಾದಿ.

ರೂಪದಲ್ಲಿ ಕ್ರಿಯೆಯ ಗುಣಲಕ್ಷಣ ಬಹಳ ಮುಖ್ಯವಾಗಿದೆ. ಮಾಹಿತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವುದಕ್ಕಾಗಿ ಅದು ಸರ್ವರ್-ಸೈಡ್ ಅಥವಾ ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಪುಟವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಪ್ರಕ್ರಿಯೆಗಾಗಿ, ನೀವು ಮೊದಲು ವಿಧಾನವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬೇಕಾಗಿದೆ.

ನೀವು ಎರಡು ವಿಧಾನಗಳಲ್ಲಿ ಒಂದನ್ನು ಬಳಸಬಹುದು, ಪಡೆಯಬಹುದು ಅಥವಾ ಪೋಸ್ಟ್ ಮಾಡಬಹುದು. ಸಂದೇಶವನ್ನು ದೇಹದಲ್ಲಿ ಪೋಸ್ಟ್ ಕಳುಹಿಸುವಂತಹ URL ಸ್ವರೂಪದಲ್ಲಿ ಎಲ್ಲ ಮಾಹಿತಿಯನ್ನು ಕಳುಹಿಸು.

ರೂಪಗಳಿಗೆ ಅನೇಕ ವಿಧದ ಇನ್ಪುಟ್ಗಳಿವೆ. ಮೂಲಭೂತ ಇನ್ಪುಟ್ ಪ್ರಕಾರ ಪಠ್ಯವಾಗಿದೆ. ಇದನ್ನು <input type = "text"> ಎಂದು ಬರೆಯಲಾಗಿದೆ. ವಿಧಗಳು ರೇಡಿಯೋ, ಚೆಕ್ಬಾಕ್ಸ್, ಇಮೇಲ್ ಮತ್ತು ಇನ್ನೂ ಇರಬಹುದು. ಸಲ್ಲಿಸು ಗುಂಡಿಯನ್ನು ರಚಿಸುವುದಕ್ಕಾಗಿ ಕೆಳಗಿರುವ ಸಲ್ಲಿಕೆ ಪ್ರಕಾರ ಇನ್ಪುಟ್ ಇರಬೇಕು.

ಲೇಬಲ್ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಇನ್ಪುಟ್ಗಳೊಂದಿಗೆ ಸಂಯೋಜಿಸುವುದಕ್ಕಾಗಿ <label> ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇನ್ಪುಟ್ಗಳೊಂದಿಗೆ ಲೇಬಲ್ಗಳನ್ನು ಸಂಯೋಜಿಸುವ ನಿಯಮವೆಂದರೆ ಲೇಬಲ್ನ ಗುರುತಿನ = "" ಮತ್ತು ಇನ್ಪುಟ್ನ ಐಡಿ = "ಗುಣಲಕ್ಷಣಗಳಲ್ಲಿ ಅದೇ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿದೆ.

ಕೋಡ್:

<form action = "#"> <ಮೊದಲನೆಯ ಹೆಸರು "ಗೆ <ಲೇಬಲ್> ಮೊದಲ ಹೆಸರು: </ label> <input type =" text "id =" firstname "> <br> <label name" lastname "> ಕೊನೆಯ ಹೆಸರು: </ ಲೇಬಲ್> <input type = "text" id = "lastname"> <<ಲೇಬಲ್ = "ಬಯೋ"> ಚಿಕ್ಕ ಬಯೋ: </ ಲೇಬಲ್> <textarea id = "bio" ಸಾಲುಗಳು = "10" ಕಾಲಗಳು = " 30 "ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ =" ಇಲ್ಲಿ ನಿಮ್ಮ ಜೈವನ್ನು ನಮೂದಿಸಿ ... "> </ textarea> <br> <ಲೇಬಲ್> ಲಿಂಗ: </ ಲೇಬಲ್> <br> <ಲೇಬಲ್ =" ಪುರುಷ "> ಪುರುಷ </ ಲೇಬಲ್> <input type = "ರೇಡಿಯೊ" ಹೆಸರು = "ಲಿಂಗ" ಐಡಿ = "ಪುರುಷ"> <br> ಲೇಬಲ್ = "ಮಹಿಳೆ"> ಮಹಿಳೆ </ ಲೇಬಲ್> <input type = "radio" name = "gender" id = "female"> <br > <input type = "submit" ಮೌಲ್ಯ = "ಸಲ್ಲಿಸು"> <form>

ಔಟ್ಪುಟ್:

ಗಮನಿಸಿ: ನಾನು ಶೂನ್ಯ ಮೌಲ್ಯಕ್ಕೆ ಕ್ರಮವನ್ನು ಸೂಚಿಸಿದೆ ಏಕೆಂದರೆ ಅದು ಮಾಹಿತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಯಾವುದೇ ಸರ್ವರ್ಗೆ ಸಂಪರ್ಕಗೊಂಡಿಲ್ಲ.


ಮೇಲಕ್ಕೆ ಹೋಗು

3- HTML ಗುಣಲಕ್ಷಣಗಳು

ಗುಣಲಕ್ಷಣಗಳು HTML ಟ್ಯಾಗ್ಗಳಿಗಾಗಿ ಮಾರ್ಪಾಡುಗಳ ಒಂದು ಪ್ರಕಾರವಾಗಿದೆ. ಹೊಸ ಸಂರಚನೆಗಳನ್ನು ಅವರು HTML ಟ್ಯಾಗ್ಗಳಿಗೆ ಸೇರಿಸುತ್ತಾರೆ.

ಗುಣಲಕ್ಷಣ = "" ಎಂದು ಕಾಣುತ್ತದೆ ಮತ್ತು ಆರಂಭಿಕ HTML ಟ್ಯಾಗ್ನಲ್ಲಿ ಇರುತ್ತದೆ. ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವು ಎರಡು ಉದ್ಧರಣಗಳ ನಡುವೆ ಹೋಗುತ್ತದೆ.

ಐಡಿ = "" ಮತ್ತು ವರ್ಗ = ""

ಐಡಿ ಮತ್ತು ವರ್ಗವು HTML ಟ್ಯಾಗ್ಗಳ ಗುರುತಿಸುವಿಕೆಗಳಾಗಿವೆ. ವಿವಿಧ ಹೆಸರುಗಳನ್ನು ಗುರುತಿಸುವಿಕೆಯನ್ನು ಬಳಸಿಕೊಂಡು ವಿವಿಧ HTML ಅಂಶಗಳಿಗೆ ಗೊತ್ತುಪಡಿಸಲಾಗುತ್ತದೆ. ನೀವು ಬಹು ಅಂಶಗಳಿಗಾಗಿ ಒಂದು ವರ್ಗ ಗುರುತಿಸುವಿಕೆಯನ್ನು ಬಳಸಬಹುದು. ಆದರೆ ನೀವು ಅನೇಕ ಅಂಶಗಳಿಗಾಗಿ ಒಂದು ಐಡಿ ಐಡೆಂಟಿಫಯರ್ ಅನ್ನು ಬಳಸಲಾಗುವುದಿಲ್ಲ.

ಕೋಡ್:

<h1 class = "heading"> ಇದು ಮುಖ್ಯ ಶೀರ್ಷಿಕೆಯಾಗಿದೆ </ h1>

href = ""

href ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ರೆಫರೆನ್ಸ್ಗಾಗಿ ನಿಂತಿದೆ. ಬಳಕೆದಾರರು ಲಿಂಕ್ಗಳನ್ನು ಉಲ್ಲೇಖಿಸಲು ಸೂಚಿಸುತ್ತಾರೆ. ಆಂಕರ್ ಟ್ಯಾಗ್ <a> ಬಳಕೆದಾರರು ಗಮ್ಯಸ್ಥಾನದ URL ಗೆ ಕಳುಹಿಸಲು href ಅನ್ನು ಬಳಸುತ್ತದೆ.

ಕೋಡ್:

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

src = ""

src ಮೂಲವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ನೀವು HTML ಫೈಲ್ನಲ್ಲಿ ಬಳಸುತ್ತಿರುವ ಮಾಧ್ಯಮ ಅಥವಾ ಸಂಪನ್ಮೂಲದ ಮೂಲವನ್ನು ಇದು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಮೂಲವು ಸ್ಥಳೀಯ ಅಥವಾ ಮೂರನೇ ವ್ಯಕ್ತಿಯ URL ಆಗಿರಬಹುದು.

ಕೋಡ್:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

alt = ""

ಆಲ್ಟ್ ಪರ್ಯಾಯವಾಗಿದೆ. ಇದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ ಲೋಡ್ ಮಾಡದಿದ್ದಾಗ ಬಳಕೆಯಲ್ಲಿ ಬರುವ ಬ್ಯಾಕ್ಅಪ್ ಪಠ್ಯವಾಗಿದೆ.

ಕೋಡ್:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "ಗೂಗಲ್ ಹೆಡ್ಕ್ವಾರ್ಟರ್" />

ಶೈಲಿ = ""

ಶೈಲಿಯ ಲಕ್ಷಣವನ್ನು ಸಾಮಾನ್ಯವಾಗಿ HTML ಟ್ಯಾಗ್ಗಳಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ನ ಕೆಲಸವನ್ನು ಮಾಡುತ್ತದೆ. ನಿಮ್ಮ ಸ್ಟೈಲಿಂಗ್ ಗುಣಲಕ್ಷಣಗಳು ಡಬಲ್ ಉಲ್ಲೇಖಗಳ ನಡುವೆ ಹೋಗುತ್ತವೆ.

ಕೋಡ್:

<h2 style = "color: red"> ಇದು ಇನ್ನೊಂದು ಶೀರ್ಷಿಕೆಯಾಗಿದೆ </ h2>


ಮೇಲಕ್ಕೆ ಹೋಗು

4- ಕೋಡ್ ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್ vs ಲೈನ್

ಕೆಲವು ಅಂಶಗಳು ಯಾವಾಗಲೂ ಹೊಸ ಸಾಲಿನಲ್ಲಿ ಪ್ರಾರಂಭಿಸಿ ಪೂರ್ಣ ಅಗಲವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತವೆ. ಇವುಗಳು "ಬ್ಲಾಕ್" ಅಂಶಗಳಾಗಿವೆ.

ಉದಾ: <div>, <p>, <h1> - <h6>, ರೂಪ ಇತ್ಯಾದಿ.

ಕೆಲವು ಅಂಶಗಳು ಅಗತ್ಯ ಸ್ಥಳವನ್ನು ಮಾತ್ರ ತೆಗೆದುಕೊಳ್ಳುತ್ತವೆ ಮತ್ತು ಹೊಸ ಸಾಲಿನಲ್ಲಿ ಪ್ರಾರಂಭಿಸಬೇಡಿ. ಇವುಗಳು "ಇನ್ಲೈನ್" ಅಂಶಗಳಾಗಿವೆ.

ಉದಾ: <a>, <span>, <br>, <strong>, <img> ಇತ್ಯಾದಿ.

ನೀವು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳನ್ನು ಬಳಸುತ್ತಿರುವಾಗ ಇನ್ಲೈನ್ನಿಂದ ಬ್ಲಾಕ್ ಅಂಶಗಳನ್ನು ವಿಭಜಿಸಬೇಕಾಗಿದೆ. ಈ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಗದರ್ಶಿಯಲ್ಲಿ, ಇದು ಬಹಳ ಅವಶ್ಯಕವಲ್ಲ.

ಕೋಡ್:

<! DOCTYPE html> <html> <head> <title> ನನ್ನ ಮೊದಲ ವೆಬ್ ಪುಟ </ ಶೀರ್ಷಿಕೆ> </ head> <body> <h2> ಇದು ಒಂದು H2 ಶಿರೋನಾಮೆ. ಇದು ಬ್ಲಾಕ್ ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿದೆ. </ H2> <h2> ಇದು <u> ಮತ್ತೊಂದು </ u> H2 ಶಿರೋನಾಮೆ. ಇಲ್ಲಿ ಅಂಡರ್ಲೈನ್ ​​ಟ್ಯಾಗ್ ಇನ್ಲೈನ್ ​​ಪ್ರದರ್ಶನವನ್ನು ಹೊಂದಿದೆ. </ H2> </ body> </ html>

ಔಟ್ಪುಟ್:


ಮೇಲಕ್ಕೆ ಹೋಗು

5- ಡಬಲ್ ಉಲ್ಲೇಖ ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿ ಏಕ ಉಲ್ಲೇಖ

ಈ ಪ್ರಶ್ನೆ ಬಹಳ ಸ್ಪಷ್ಟವಾಗಿದೆ. HTML ನಲ್ಲಿ ನೀವು ಏನನ್ನು ಬಳಸಬೇಕು? ಏಕ ಉಲ್ಲೇಖ ಅಥವಾ ಡಬಲ್ ಉಲ್ಲೇಖ? ಜನರು ಎರಡೂ ಬಳಸುತ್ತಿದ್ದಾರೆ ಆದರೆ ಯಾವುದು ಸರಿಯಾಗಿದೆ?

ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿ, ಏಕ ಉಲ್ಲೇಖ ಮತ್ತು ಡಬಲ್ ಉಲ್ಲೇಖ ಒಂದೇ ಆಗಿರುತ್ತವೆ. ಅವರು ಔಟ್ಪುಟ್ನಲ್ಲಿ ಯಾವುದೇ ವ್ಯತ್ಯಾಸವನ್ನು ಮಾಡುವುದಿಲ್ಲ.

ನೀವು ಆದ್ಯತೆ ನೀಡುವ ಯಾರಿಗಾದರೂ ನೀವು ಬಳಸಬಹುದು. ಆದರೆ ಕೋಡ್ಗಳ ಪುಟದಲ್ಲಿ ಎರಡೂ ಮಿಶ್ರಣವನ್ನು ಕೆಟ್ಟ ಅಭ್ಯಾಸ ಎಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಅವುಗಳಲ್ಲಿ ಯಾವುದನ್ನಾದರೂ ನೀವು ಸ್ಥಿರವಾಗಿರಬೇಕು.


ಮೇಲಕ್ಕೆ ಹೋಗು

6- ಲಾಕ್ಷಣಿಕ HTML ಮತ್ತು ಲಾಕ್ಷಣಿಕ HTML ವಿರುದ್ಧ

ಲಾಕ್ಷಣಿಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಯಾಗಿದ್ದು ಇದನ್ನು HTML5 ಎಂದೂ ಕರೆಯಲಾಗುತ್ತದೆ. ಇದು ಲಾಕ್ಷಣಿಕ HTML ಮತ್ತು XHTML ನ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ಆವೃತ್ತಿಯಾಗಿದೆ.

HTML5 ಏಕೆ ಉತ್ತಮವಾಗಿದೆ? ಹಿಂದಿನ ಆವೃತ್ತಿಗಳಲ್ಲಿ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳನ್ನು ಐಡಿ / ವರ್ಗ ಹೆಸರುಗಳಿಂದ ಗುರುತಿಸಲಾಗಿದೆ. ಉದಾಹರಣೆಗೆ: <div id = "article"> </ div> ಲೇಖನವನ್ನು ಪರಿಗಣಿಸಲಾಗಿದೆ.

HTML5 ನಲ್ಲಿ, <article> </ ಲೇಖನ> ಟ್ಯಾಗ್ ಯಾವುದೇ ಐಡಿ / ವರ್ಗ ಗುರುತಿಸುವಿಕೆಯ ಅಗತ್ಯವಿಲ್ಲದೆ ಒಂದು ಲೇಖನವಾಗಿ ತನ್ನನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.

HTML5 ನ ಸಲುವಾಗಿ, ಈಗ ಸರ್ಚ್ ಇಂಜಿನ್ಗಳು ಮತ್ತು ಇತರ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ವೆಬ್ ಪುಟವನ್ನು ಚೆನ್ನಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬಹುದು. ಲಾಕ್ಷಣಿಕ ವೆಬ್ಸೈಟ್ಗಳು ಎಸ್ಇಒಗೆ ಉತ್ತಮವೆಂದು ಸಾಬೀತಾಗಿವೆ.

ಕೆಲವು ಜನಪ್ರಿಯ HTML5 ಟ್ಯಾಗ್ಗಳ ಪಟ್ಟಿ ಇಲ್ಲಿದೆ:

  • <ಮುಖ್ಯ> </ ಮುಖ್ಯ> = ನಿಮ್ಮ ವೀಕ್ಷಕರನ್ನು ತೋರಿಸಲು ನೀವು ಬಯಸುವ ಮುಖ್ಯ ವಿಷಯವನ್ನು ಸುತ್ತುವಕ್ಕಾಗಿ ಇದು.
  • <header> </ ಹೆಡರ್> = ಶೀರ್ಷಿಕೆ ಅಥವಾ ಲೇಖಕ ಮೆಟಾದಂತಹ ವಿಷಯದ ಶಿರೋನಾಮೆಯನ್ನು ಗುರುತಿಸಲು ಇದು.
  • <article> </ ಲೇಖನ> = ಇದು ನಿಮ್ಮ ವೀಕ್ಷಕರಿಗೆ ಬಳಕೆದಾರ-ವ್ಯಾಖ್ಯಾನಿತ ಅಥವಾ ಸ್ವತಂತ್ರ ವಿಷಯವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
  • <section> </ section> = ಇದು ಹೆಡರ್, ಅಡಿಟಿಪ್ಪಣಿ ಅಥವಾ ಸೈಡ್ಬಾರ್ನಂತಹ ಯಾವುದೇ ಕೋಡ್ ಅನ್ನು ಗುಂಪು ಮಾಡಬಹುದು. ನೀವು ಹೇಳಬಹುದು, ಇದು ಒಂದು ವಿಭಾಗದ ಲಾಕ್ಷಣಿಕ ರೂಪವಾಗಿದೆ.
  • <footer> </ footer> = ಇಲ್ಲಿ ನಿಮ್ಮ ಅಡಿಟಿಪ್ಪಣಿ ವಿಷಯ, ಹಕ್ಕು ನಿರಾಕರಣೆ ಅಥವಾ ಹಕ್ಕುಸ್ವಾಮ್ಯ ಪಠ್ಯ ಸೇರಿರುವ.
  • <audio> </ audio> = ಯಾವುದೇ ಪ್ಲಗ್ಇನ್ ಸಮಸ್ಯೆ ಇಲ್ಲದೆ ನೀವು ಆಡಿಯೋ ಫೈಲ್ಗಳನ್ನು ಸೇರಿಸಲು ಸಾಧ್ಯವಾಗಿಸುತ್ತದೆ.
  • <video> </ video> = ಆಡಿಯೋ <ಲೈಕ್ ಲೈಕ್, ನೀವು ಪ್ಲಗಿನ್ ಸಮಸ್ಯೆಗಳಿಲ್ಲದೆ ಈ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ವೀಡಿಯೊಗಳನ್ನು ಸೇರಿಸಬಹುದಾಗಿದೆ.

ಸರಳವಾದ HTML5 ರಚನೆಯು ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> ನನ್ನ ಮೊದಲ ವೆಬ್ ಪುಟ </ ಶೀರ್ಷಿಕೆ> </ ತಲೆ> <body> <header> <nav> <ul> li> ಮೆನು 1 </ li> <li> ಮೆನು 2 </ li> </ ul> </ nav> </ ಹೆಡರ್> <ಮುಖ್ಯ> <article> <header> <h2> ಇದು ಲೇಖನದ ಶೀರ್ಷಿಕೆ </ </ p> </ ಲೇಖನ> </ ಮುಖ್ಯ> <footer> <p> ಕೃತಿಸ್ವಾಮ್ಯ 2 ಜಾನ್ ಡೋ </ p> </ p> </ p> <p> p> </ ಅಡಿಟಿಪ್ಪಣಿ> </ ದೇಹದ> </ html>


ಮೇಲಕ್ಕೆ ಹೋಗು

7- ಎಚ್ಟಿಎಮ್ಎಲ್ ಕ್ರಮಬದ್ಧಗೊಳಿಸುವಿಕೆ

ಹೆಚ್ಚಿನ ವೆಬ್ ವೃತ್ತಿಪರರು ಅದನ್ನು ಪೂರ್ಣಗೊಳಿಸಿದ ನಂತರ ಅವರ ಕೋಡ್ ಅನ್ನು ಮೌಲ್ಯೀಕರಿಸುತ್ತಾರೆ. ಉತ್ತಮವಾದ ಕೆಲಸ ಮಾಡುವಾಗ ಕೋಡ್ ಅನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಏಕೆ ಅಗತ್ಯ?

ನಿಮ್ಮ ಕೋಡ್ಗಳನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಎರಡು ಕಾರಣಗಳಿವೆ:

  1. ನಿಮ್ಮ ಕೋಡ್ ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಮತ್ತು ಕ್ರಾಸ್ ಪ್ಲಾಟ್ಫಾರ್ಮ್ ಅನ್ನು ಹೊಂದಿಸಲು ಇದು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಬ್ರೌಸರ್ನಲ್ಲಿ ದೋಷವು ಯಾವುದೇ ದೋಷವನ್ನು ತೋರಿಸದಿರಬಹುದು, ಆದರೆ ಅದು ಮತ್ತೊಂದುದರಲ್ಲಿರಬಹುದು. ಕೋಡ್ ಊರ್ಜಿತಗೊಳಿಸುವಿಕೆಯು ಅದನ್ನು ಸರಿಪಡಿಸುತ್ತದೆ.
  2. ಹುಡುಕಾಟ ಎಂಜಿನ್ಗಳು ಮತ್ತು ಇತರ ವೆಬ್ ಪ್ರೋಗ್ರಾಂಗಳು ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ದೋಷಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಅದನ್ನು ಕ್ರಾಲ್ ಮಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಬಹುದು. ನೀವು ಯಾವುದೇ ಪ್ರಮುಖ ದೋಷವನ್ನು ಹೊಂದಿಲ್ಲ ಎಂದು ಊರ್ಜಿತಗೊಳಿಸುವಿಕೆಯ ಮೂಲಕ ನೀವು ದೃಢೀಕರಿಸಬಹುದು.

W3C ವ್ಯಾಲಿಡೇಟರ್ ಕೋಡ್ ಊರ್ಜಿತಗೊಳಿಸುವಿಕೆಯ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಸೇವೆಯಾಗಿದೆ. ಕೋಡ್ಗಳನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಹಲವಾರು ವಿಧಾನಗಳಿವೆ. ನೀವು ಫೈಲ್ ಅನ್ನು ನೇರವಾಗಿ ಅಪ್ಲೋಡ್ ಮಾಡಬಹುದು ಅಥವಾ ಕೋಡ್ ಅನ್ನು ತಮ್ಮ ಮೌಲ್ಯಮಾಪನ ಎಂಜಿನ್ನಲ್ಲಿ ನೇರವಾಗಿ ಇನ್ಪುಟ್ ಮಾಡಬಹುದು.


ಮೇಲಕ್ಕೆ ಹೋಗು

8- ಇತರ ಉಪಯುಕ್ತ ಸಂಪನ್ಮೂಲಗಳು

ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದೆಂದಿಗೂ ಕಲಿಕೆಯ ವಿಷಯವಾಗಿದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಹೆಚ್ಚು ಅಪ್ಡೇಟ್ಗೊಳಿಸಲಾಗಿದೆ ಆವೃತ್ತಿಗಳು ಶೀಘ್ರದಲ್ಲೇ ಬರಬಹುದು. ಆದ್ದರಿಂದ ನೀವು ನವೀಕರಿಸಬೇಕು ಮತ್ತು ಅಭ್ಯಾಸವನ್ನು ಮುಂದುವರಿಸಬೇಕು. ಪ್ರಾಕ್ಟೀಸ್ ಏಸಸ್ HTML ಆಗಿದೆ.

ನಿಮಗಾಗಿ ಕೆಲವು ಉಪಯುಕ್ತ ಸಂಪನ್ಮೂಲಗಳು ಇಲ್ಲಿವೆ: