ಒಂದು ವೆಬ್ಸೈಟ್ ನಿರ್ಮಿಸಲು ಪ್ರಾರಂಭಿಸಲು ಮೂಲ HTML ತಿಳಿಯಿರಿ
ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ ರಚಿಸಲು ಮೂಲ ಎಚ್ಟಿಎಮ್ಎಲ್ ತಿಳಿಯಿರಿ. ಮೂಲ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿಯಲು ಕಷ್ಟವೇನಲ್ಲ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿಕೆ ಬಹುಶಃ ನಿಮ್ಮ ಸ್ವಂತ ವೈಯಕ್ತಿಕ ವೆಬ್ ಸೈಟ್ ಅನ್ನು ರಚಿಸಲು ಬಯಸಿದರೆ ನೀವು ಮಾಡಬಹುದಾದ ಒಂದು ಪ್ರಮುಖ ವಿಷಯವಾಗಿದೆ. ವೆಬ್ ಪುಟವನ್ನು ಅಂತರ್ಜಾಲದಲ್ಲಿ ಆಧರಿಸಿರುವ ಭಾಷೆಯ ಕಾರಣ ನೀವು ಉತ್ತಮ ಪುಟಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು HTML ಅನ್ನು ಕಲಿತುಕೊಳ್ಳಬೇಕು.
ನಿಮ್ಮ ಜೀವನದಲ್ಲಿ ಯಾವುದನ್ನಾದರೂ ಪ್ರದರ್ಶಿಸಲು ವೆಬ್ ಸೈಟ್ಗಳು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಮೂಲ HTML ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ನಲ್ಲಿ ನೀವು ತೋರಿಸಲು ಬಯಸುವ ಯಾವುದೇ ವಿಶ್ವದ ತೋರಿಸಲು ಅವಕಾಶ ನೀಡುತ್ತದೆ. ಬಣ್ಣಗಳನ್ನು ಸೇರಿಸುವುದು, ಪಠ್ಯ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸುವುದು ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ನಲ್ಲಿರುವ ಚಿತ್ರಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ನೀವು ಮೂಲಭೂತ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿಯುವಾಗ ನೀವು ಮಾಡಬಹುದಾದ ಕೆಲವು ವಿಷಯಗಳು.
ಮೂಲಭೂತ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿಯಲು, ಅದು ಕೇವಲ ಅಕ್ಷರಗಳ ಒಂದು ಸರಣಿಯೆಂದು ಅವರು ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಳ್ಳಬೇಕು. ಉದಾಹರಣೆಗೆ, H1 ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ಗಾಗಿ ಶಿರೋನಾಮೆಯನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಅದು ಅದು ಐದು ಗಾತ್ರಗಳಲ್ಲಿ ಮೊದಲನೆಯದು ಮತ್ತು BR ಯು ಲೈನ್ ಬ್ರೇಕ್ ಆಗಿದೆ.
ನೆನಪಿಡಿ ಒಂದು ಪ್ರಮುಖ ವಿಷಯ, ನೀವು ಮೂಲಭೂತ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿಯುತ್ತಾರೆ, ವೆಬ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ಗಳಲ್ಲಿ ಒಂದು ನಿರ್ದಿಷ್ಟ ಕ್ರಮದಲ್ಲಿ ಬರಬೇಕು ಮತ್ತು ಹೆಚ್ಚಿನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಆಜ್ಞೆಯನ್ನು ಗುರುತಿಸಲು ಬ್ರೌಸರ್ನ ಆರಂಭ ಮತ್ತು ಅಂತ್ಯದ ಟ್ಯಾಗ್ ಇರಬೇಕು. ಅಂತ್ಯದ ಟ್ಯಾಗ್ ಕೇವಲ ಪ್ರಾರಂಭದ ಟ್ಯಾಗ್ನಂತೆಯೇ ಇದೆ, ಅದು / ಚಿಹ್ನೆಯೊಂದಿಗೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. ಒಂದು ಶಿರೋನಾಮೆ ಈ ಶಿರೋನಾಮೆ ಇಲ್ಲಿ H1>
ಕಾಣುತ್ತದೆ. ಪ್ರಾರಂಭದ ಟ್ಯಾಗ್, H1 , ಶಿರೋನಾಮೆ, ಮತ್ತು ಒಂದು ಅಂತ್ಯ ಟ್ಯಾಗ್, / H1 ಇದೆ .
ಮೂಲ HTML ಅನ್ನು ಸರಿಯಾದ ರೀತಿಯಲ್ಲಿ ತಿಳಿಯಿರಿ ಮತ್ತು ಟ್ಯಾಗ್ಗಳನ್ನು ನಿರ್ದಿಷ್ಟ ಕ್ರಮದಲ್ಲಿ ಬರಬೇಕೆಂದು ನೆನಪಿಡಿ. ವೆಬ್ ಪುಟದ ಮೂಲಭೂತ ರಚನೆಯು ಹೀಗಿರುತ್ತದೆ:
ಇಲ್ಲಿ ನೀವು ಫ್ರೇಮ್ಗಳು, ಭಾಷೆ, ಮತ್ತು ವಿಶೇಷ ಸೂಚನೆಗಳಂತಹ ಪ್ರಮುಖ ಡಾಕ್ಯುಮೆಂಟ್ ಮಾಹಿತಿಯನ್ನು ಹಾಕಬಹುದು.
HEAD>
<ದೇಹ> ನಿಮ್ಮ ಕಥೆಯನ್ನು, ಚಿತ್ರಗಳು, ಲಿಂಕ್ಗಳನ್ನು ಮತ್ತು ಇಲ್ಲಿ ಎಲ್ಲವೂ ಇರಿಸಿ.
ನಿಮ್ಮ ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಶಿರೋನಾಮೆ. H1>
ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನ ಪಠ್ಯವನ್ನು ನೀವು ನಮೂದಿಸುವ ಸ್ಥಳ ಇದಾಗಿದೆ. P>
ಲಿಂಕ್ ಅನ್ನು ಹೇಗೆ ಬರೆಯುವುದು ಎಂಬುದು ಹೀಗಿರುತ್ತದೆ:
"> ಶೀರ್ಷಿಕೆ ಅಥವಾ ನೀವು ಏನು ಹೇಳಬೇಕೆಂದು.
BODY>
HTML>
ನೀವು ವಾಕ್ಯ ಮಧ್ಯದಲ್ಲಿ ಲಿಂಕ್ ಅನ್ನು ನಮೂದಿಸಬಹುದು. "ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕೆಲವು ಅದ್ಭುತ ಡೆಮೊಗಳನ್ನು ಹೊಂದಿದೆ" ಎಂದು ನೀವು ಹೇಳಲು ಬಯಸಿದರೆ. ಇದು ಹೀಗೆ ಕಾಣುತ್ತದೆ:
ಮೈಕ್ರೋಸಾಫ್ಟ್ ಟಿಸಿಸ್ಟಾ] ಮೂಲಭೂತ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅನ್ನು ಕಲಿಯಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡಲು ಕೆಲವು ಅದ್ಭುತವಾದ ಡೆಮೊಗಳನ್ನು ಹೊಂದಿದೆ.
ನೀವು ಇತರ ಪುಟಗಳಿಗೆ ಲಿಂಕ್ಗಳನ್ನು ಮಾತ್ರ ರಚಿಸಬಹುದು ಆದರೆ ನೀವು ಒಂದೇ ಪುಟದಲ್ಲಿ ಮತ್ತೊಂದು ಸ್ಥಳಕ್ಕೆ ಲಿಂಕ್ಗಳನ್ನು ರಚಿಸಬಹುದು. ನಾನು ಈ ಲೇಖನದ ಆರಂಭಕ್ಕೆ ಹಿಂತಿರುಗಬೇಕೆಂದು ನಾನು ಬಯಸಿದರೆ ನಾನು "ಹಿಂತಿರುಗಿ" ಎಂದು ಹೇಳುತ್ತಿದ್ದೇನೆ ಮತ್ತು ಹೈಪರ್ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರ ಮೂಲಕ ನೀವು ಆರಂಭಕ್ಕೆ ಹಿಂದಿರುಗಬಹುದು. ಇದು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಕಷ್ಟ ಏಕೆಂದರೆ ಇದಕ್ಕೆ ಎರಡು ಭಾಗಗಳಿವೆ. ನಿಮ್ಮ ಲಿಂಕ್ ಅನ್ನು ನೀವು ರಚಿಸಿದ ಮೊದಲನೆಯದು:
nameofdocument #There"> ಹಿಂತಿರುಗಿ
"ಅಲ್ಲಿ" ಎಂಬ ಶಬ್ದವು ನಾನು ನಿಮ್ಮನ್ನು ಮರಳಿ ಕರೆತರುವ ಪದವಾಗಿದೆ, ನಾನು ಆ ಪದಕ್ಕೆ ಹೋಗಬೇಕು ಮತ್ತು ರಚಿಸಿ ಮತ್ತು ಆಂಕರ್ ಮಾಡಬೇಕು ಆದ್ದರಿಂದ ನಾನು ರಚಿಸಿದ ಲಿಂಕ್ ಎಲ್ಲಿಗೆ ಹೋಗಬೇಕೆಂದು ತಿಳಿದಿದೆ:
ನೀವು ಬೇಸಿಕ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅನ್ನು ಕಲಿಯುವಾಗ, ನೋಟ್ಟಾಬ್ ಮತ್ತು ಅರಾಕ್ನೋಫಿಲಿಯಾ ಅಥವಾ ನಿಮ್ಮ ವೆಬ್ ಬ್ರೌಸರ್ನೊಂದಿಗೆ ಬರುವಂತಹ ಪ್ರೋಗ್ರಾಂಗಳು ವಿಂಡೋಸ್ನೊಂದಿಗೆ ಬರುವ ಪಠ್ಯ ಸಂಪಾದಕದಲ್ಲಿ ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ ಅನ್ನು ಬರೆಯಬಹುದು. ನೀವು ಮೂಲಭೂತ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಲಿತಾಗ ನಿಯಮಗಳನ್ನು ಅನುಸರಿಸಿದರೆ ಯಾವುದಾದರೂ ಮಾರ್ಗವು ಚೆನ್ನಾಗಿಯೇ ಹೊರಹೊಮ್ಮುತ್ತದೆ.
ಮೂಲ HTML ಟ್ಯಾಗ್ಗಳು
- ಬ್ರೌಸರ್ ವೀಕ್ಷಕರಿಂದ ಕಾಮೆಂಟ್ಗಳನ್ನು ವೀಕ್ಷಿಸುವುದಿಲ್ಲ.
... HTML> - ಈ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಯಾವಾಗಲೂ ನಿಮ್ಮ ಪುಟವನ್ನು ಪ್ರಾರಂಭಿಸಿ ಮತ್ತು ಕೊನೆಗೊಳಿಸಿ.
... HEAD> - ಡಾಕ್ಯುಮೆಂಟ್ಗಾಗಿ ಶಿರೋಲೇಖ.
<ದೇಹ> ... ದೇಹ> - ಡಾಕ್ಯುಮೆಂಟ್ನ ದೇಹ.
... H1>
- ಚಿಕ್ಕದಾದ ಶಿರೋನಾಮೆ.
... H2>
- ಸಣ್ಣ ಶಿರೋನಾಮೆ ಗಾತ್ರ.
... H3>
- ಸಾಧಾರಣ-ಸಣ್ಣ ಶಿರೋನಾಮೆ ಗಾತ್ರ.
... H4>
- ಮಧ್ಯಮ-ದೊಡ್ಡ ಶಿರೋನಾಮೆ ಗಾತ್ರ.
... H5>
- ದೊಡ್ಡ ಗಾತ್ರದ ಗಾತ್ರ.
... H6>
- ದೊಡ್ಡ ಹೆಡಿಂಗ್ ಗಾತ್ರ.
... - ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ಲಿಂಕ್ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ.
... ADDRESS> - ಲೇಖಕರ ಮಾಹಿತಿ.
<ಬ್ಲಾಕ್ಕೋಟ್> ... BLOCKQUOTE> - ಲಾಂಗ್ ಉಲ್ಲೇಖಗಳು.
... PRE>
- ಪ್ರಿಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿದ ಪಠ್ಯ.
- ಫಾರ್ಮ್ ನಿರ್ಬಂಧ.
- ಪಠ್ಯವನ್ನು ನಮೂದಿಸಲು ಪೆಟ್ಟಿಗೆಯನ್ನು ರಚಿಸುತ್ತದೆ.
<ಆಯ್ಕೆ ಮಾಡಿ> ... SELECT> - ಸ್ಕ್ರೋಲಿಂಗ್ ಮೆನುವನ್ನು ರಚಿಸುತ್ತದೆ.
<ಆಯ್ಕೆಯನ್ನು> ... OPTION> - ಆಯ್ಕೆ ಮಾಡಲು ಐಟಂಗಳನ್ನು ರಚಿಸುತ್ತದೆ.
... OL>
- ಆದೇಶ ಪಟ್ಟಿ.
ಆದೇಶಪಟ್ಟಿಯ ಉದಾಹರಣೆ:
- ಕೆಂಪು
- ನೀಲಿ
- ಹಸಿರು
... UL>
- ಪಟ್ಟಿ ಮಾಡದ ಪಟ್ಟಿ.
ಅನಿಯಮಿತ ಪಟ್ಟಿಯ ಉದಾಹರಣೆ:
- ಕೆಂಪು
- ನೀಲಿ
- ಹಸಿರು
<ಮೆನು> ... ಮೆನು> - ಮೆನು ಪಟ್ಟಿ.
... DL>
- ಗ್ಲಾಸರಿ ಪಟ್ಟಿ.
... CITE> - ಉಲ್ಲೇಖ.
... CODE>
- ಕೋಡ್ ಫಾಂಟ್.
<ಡಿಎಫ್ಎನ್> ... DFN> - ಡಿಫೈನ್ಡ್ ಟರ್ಮ್.
... EM> - ಒತ್ತು.
ಕೆಂಪು ಬಣ್ಣಕ್ಕೆ ಒತ್ತು ನೀಡುವ ಉದಾಹರಣೆ:
ಕೆಂಪು, ನೀಲಿ, ಹಸಿರು
... I> - ಇಟಾಲಿಕ್.
ಇಟಾಲಿಕ್ನ ಉದಾಹರಣೆ:
ಕೆಂಪು, ನೀಲಿ, ಹಸಿರು
... KBD> - ಕೀಬೋರ್ಡ್ ಪಠ್ಯ.
... SAMP> - ಮಾದರಿ ಪಠ್ಯ.
<ಬಲ> ... ಬಲ> - ಬಲವಾದ ಒತ್ತು.
ಬಲವಾದ ಒತ್ತು ನೀಡುವಿಕೆಯ ಉದಾಹರಣೆ:
ಕೆಂಪು, ನೀಲಿ, ಹಸಿರು
... ಟಿಟಿ> - ಟೈಪ್ರೈಟರ್ ಪಠ್ಯ.
... VAR> - ವೇರಿಯೇಬಲ್.
<ಬಿ> ... ಬಿ> - ಬೋಲ್ಡ್.
<ಮೆಟಾ> - ಡಾಕ್ಯುಮೆಂಟ್ ವಿವರಿಸುತ್ತದೆ.
- ಲೈನ್ ಬ್ರೇಕ್.
- ಅಡ್ಡ ಸಾಲು.
- ಚಿತ್ರ.
- ಪ್ಯಾರಾಗ್ರಾಫ್.
- ಪಟ್ಟಿ ಐಟಂ.
- ಪಟ್ಟಿಯಲ್ಲಿ ಒಂದು ಪದವನ್ನು ಗುರುತಿಸುತ್ತದೆ.
- ಪಟ್ಟಿಯಲ್ಲಿರುವ ವ್ಯಾಖ್ಯಾನವನ್ನು ಗುರುತಿಸುತ್ತದೆ.