>> ಡೌಗ್ LLOYD: ನಾವು ಖರ್ಚು about-- ನನ್ನ ಗಣಿತದ ಸರಿಯಾದ ವೇಳೆ,
ಮತ್ತು ನಾನು ಭಾವಿಸುತ್ತೇನೆ ಹಿಂದಕ್ಕೆ ಹುಡುಕುತ್ತಿರುವ ಚಿಂತಕರ ನಾವು ಮಾತನಾಡುವ ಸುಮಾರು 35 ವೀಡಿಯೊಗಳನ್ನು ಕಾಲ
ಬಹುಶಃ ಸಿ ವಿವಿಧ ಮಗ್ಗುಲುಗಳ ಕುರಿತಾಗಿ ಸ್ವಲ್ಪ ಹೆಚ್ಚು, ಬಹುಶಃ ಸ್ವಲ್ಪ ಕಡಿಮೆ.
ನಾವು ರಕ್ಷಣೆ ಇಲ್ಲ ಸಿ ಎಲ್ಲವನ್ನೂ, ಆದರೆ ನಾವು
ಒಂದು ದೊಡ್ಡ ಪಡೆ ಒಳಗೊಂಡಿದೆ ಭಾಷೆ, ಇದು ಬಹುಪಾಲು
ಖಂಡಿತವಾಗಿಯೂ ಸಾಮಾನ್ಯ ಬಳಕೆಗಾಗಿ.
ಈಗ ನಾವು ಮಾತನಾಡಲು ಹೊರಟಿರುವೆ ಬಗ್ಗೆ ಇನ್ನೊಂದು ಭಾಷೆ, ಎಚ್ಟಿಎಮ್ಎಲ್.
ಮತ್ತು ನಾವು ರಕ್ಷಣೆ ನೀನು ಇದು ಕೇವಲ ಒಂದು ವೀಡಿಯೊ.
>> ಆದರೆ ಸರಿ ಎಂದು ವಿಶೇಷವೇನು.
ವಾಸ್ತವವಾಗಿ ಆಗಲು ವಿಶೇಷವೇನು ಏನೋ ನೀವು ಬಳಸಲಾಗುತ್ತದೆ ಮಾಡಲು ನೀನು.
ಈಗ ನೀವು ಹೊಂದಿರುವ ಒಂದು ಭಾಷೆಯ ಮೂಲಭೂತ
ಇದು ವಾಸ್ತವವಾಗಿ ಬಹಳ ಸುಲಭ ಇತರರು ಕಲಿಕೆ ಆರಂಭಿಸಲು.
ನಾವು ಆರಂಭಿಸಲು ನೀನು ಮತ್ತೆ ಸ್ವಲ್ಪ ಹೆಜ್ಜೆ
ಮತ್ತು ಮೂಲ ಮೇಲೆ ಟಿಪ್ಪಣಿ ಈ ಭಾಷೆಗಳ ನಡುವಣ ವ್ಯತ್ಯಾಸವನ್ನು
ಮತ್ತು ರೀತಿಯ ಇದು ನೀವು ಬಿಟ್ಟು.
ನಿಜವಾಗಿಯೂ ದೊಡ್ಡ ಬಹಳಷ್ಟು ಇಲ್ಲ ಇಂಟರ್ನೆಟ್, ಆಕರಗಳನ್ನು ಇದು
ನಾವು ನೀವು ನಿರ್ದೇಶನ ಆರಂಭಿಸಲು ನೀನು ಇಂಟರ್ನೆಟ್ ಏಕೆಂದರೆ ಕಡೆಗೆ
ಮಾಹಿತಿಯನ್ನು ಅಪಾರ ಭಂಡಾರ.
ಮತ್ತು ಆದ್ದರಿಂದ ಇದು ಮಾಡುತ್ತೇವೆ ನೀವು ಇಷ್ಟ ಅಲ್ಲ ಅವಶ್ಯಕವಾಗಿ ಕಳಕೊಂಡರು
ಮಾಹಿತಿ ಇಲ್ಲದಿರುವ ವೀಡಿಯೊ ಒಳಗೊಂಡಿದೆ.
ನೀವು ಇನ್ನೂ ಪಡೆಯಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಎಲ್ಲವನ್ನೂ ನೀವು ಮತ್ತು ಬಳಕೆ
ನೀವು ಈಗಾಗಲೇ ಬಂದಿದೆ ಜ್ಞಾನ ಸಿ ಅರ್ಥ ಕಟ್ಟಿ
ಈ ಫಾರ್ ಕಲಿಕೆಯ ರೇಖೆಯನ್ನು ಮಾಡಲು ವಾಸ್ತವವಾಗಿ ಇತರ ಭಾಷೆಗಳಲ್ಲಿ ಬಹಳಷ್ಟು ಆಗಿರುವುದು.
ನಾನು ಭರವಸೆ.
>> ಆದರೆ ಒಂದು ಭಾಷೆ ಬಗ್ಗೆ ಮಾತನಾಡೋಣ ಪ್ರತಿ ವೆಬ್ ನಿಜವಾಗಿಯೂ ಮೂಲಭೂತ ಇಲ್ಲಿದೆ
ಎಚ್ಟಿಎಮ್ಎಲ್ ಇದು ಪುಟ,.
ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೈಪರ್ ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಕಪ್ ಲಾಂಗ್ವೇಜ್ ಇದೆ.
ಎಚ್ಟಿಎಮ್ಎಲ್ ಒಂದು ಭಾಷೆಯಾಗಿ ಆದರೆ ಅದು ಇದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯಲ್ಲ.
>> ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಸ್ಥಿರ ಹೊಂದಿಲ್ಲ.
ಇದು ತರ್ಕ ಹೊಂದಿಲ್ಲ ಅಥವಾ ಕಾರ್ಯಗಳನ್ನು ಅಥವಾ ಹಾಗೆ ಏನು.
ನಾವು ಯಾವುದೇ ಸಾಧ್ಯವಿಲ್ಲ HTML ನಲ್ಲಿ ವಸ್ತುತಃ ಪ್ರೋಗ್ರಾಮಿಂಗ್.
ಕೆಲವೊಮ್ಮೆ ನೀವು ಕೇಳಲು ಮಾಡುತ್ತೇವೆ ಜನರು ತಮ್ಮನ್ನು ವಿವರಿಸಲು
ಎಚ್ಟಿಎಮ್ಎಲ್ ಪ್ರೋಗ್ರಾಮರ್ಗಳು, ಯಾವುದು ಸಂಪೂರ್ಣವಾಗಿ ಕರಾರುವಕ್ಕಾಗಿಲ್ಲ.
ನಾವು ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಾರ್ಯಕ್ರಮಗಳು ಬರೆಯಲು ಸಾಧ್ಯವಿಲ್ಲ.
>> ಕೇವಲ HTML ಪಠ್ಯ ಅಪ್ ಗುರುತಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
ಇದು ಗುರುತಿಸುವ ಭಾಷೆ ಕರೆಯಲಾಗುತ್ತದೆ.
ಮತ್ತು ಈ markup-- does-- ಏನು ನಾವು HTML ಮತ್ತು ಈ tags-- ಟ್ಯಾಗ್ಗಳು ಬಳಸಿ
ಈ ಅರ್ಥಕ್ಕೆ markup-- ಪುಟದ ವಿನ್ಯಾಸವನ್ನು ನಿರೂಪಿಸುತ್ತವೆ
ಮತ್ತು ಸರಳ ಪಠ್ಯ ಉಂಟುಮಾಡುವ ಟ್ಯಾಗ್ಗಳು ಅರ್ಥೈಸಿಕೊಳ್ಳಬೇಕು ಯಲ್ಲಿಯೂ
ವಿವಿಧ ರೀತಿಯಲ್ಲಿ ಬ್ರೌಸರ್ಗಳು.
ಮತ್ತು ಬಹುಶಃ ಇದು ವಿವರಿಸಲು ಉತ್ತಮವಾಗಿದೆ ಸಚಿತ್ರ ಈ ರೀತಿಯಲ್ಲಿ.
>> ಇಲ್ಲಿ ಬಹಳ ಸರಳ HTML ಪುಟ, ಅಲ್ಲ ಒಂದು HTML ಪ್ರೋಗ್ರಾಂ, ಮತ್ತೆ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಪುಟವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ನಾವು ಅದನ್ನು ಒಂದು ಗೊತ್ತು HTML ಪುಟಕ್ಕೆ ನಾವು ಮಾಡಿದ ಏಕೆಂದರೆ
HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಎಲ್ಲವೂ ಸುತ್ತುವರಿದಿದೆ.
ಆದ್ದರಿಂದ ಈ ಒಂದು HTML ಟ್ಯಾಗ್ ಕಾಣುತ್ತದೆ ಏನು.
ಇದು ಕೋನ ಆವರಣ ನಡುವೆ ಇಲ್ಲಿದೆ.
ಮತ್ತು ನಾವು ಮೇಲಿರುವ ಗಮನಕ್ಕೆ HTML ಮತ್ತು ಕೆಳಭಾಗದಲ್ಲಿ,
ನಾವು ಏನು ಮಾಡಿದ ನಂತರ ಸ್ಪಷ್ಟವಾಗಿ ಇತರ ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಹಳಷ್ಟು,
ನಾವು ಕೋನ ಆವರಣ ಕಡಿದು HTML ಹೊಂದಿರುತ್ತವೆ.
ಆದ್ದರಿಂದ ಆ ರೀತಿಯ ಗಡಿಯಂತಿದೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಏನು ಮತ್ತು ಏನು ಅಲ್ಲ ನಡುವೆ.
ಮತ್ತು ಸಹಜವಾಗಿ, ಸಾಂಪ್ರದಾಯಿಕವಾಗಿ, ಕೇವಲ ನಿಮ್ಮ ಸಿ ಕಾರ್ಯಕ್ರಮಗಳಲ್ಲಿ ಎಲ್ಲಾ ಬರೆದ
ಡಾಟ್ ಸಿ ವಿಸ್ತರಣೆಗಳನ್ನು ನಿಮ್ಮ HTML ಫೈಲ್ಗಳನ್ನು ಎಲ್ಲಾ
ಡಾಟ್ HTML ವಿಸ್ತರಣೆಗಳನ್ನು ಕೊನೆಗೊಳ್ಳುತ್ತದೆ.
ಆದರೆ ಇಲ್ಲಿ ಅಲ್ಲಿ ಏನು ನಡೆಯುತ್ತಿದೆ.
ನಾವು ಕೇವಲ ಈ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿಲ್ಲ.
ನಾವು ಸ್ಪಷ್ಟವಾಗಿ ಈ ಹೊಂದಿವೆ ವಿಷಯ ತಲೆ ಟ್ಯಾಗ್ ಕರೆಯಲಾಗುತ್ತದೆ.
ಸರಿ, ಏನು ಎಂದು?
>> ಅಲ್ಲದೇ ಬಹುಶಃ ಇದು ಉತ್ತಮವಾಗಿದೆ ದೇಹದ ಮೂಲಕ ವ್ಯತ್ಯಾಸ,
ದೇಹದ ವೆಬ್ಪುಟದ ವಿಷಯವನ್ನು ಎಂಬ.
ಆದ್ದರಿಂದ ಬಹುಶಃ ತಲೆ ಟ್ಯಾಗ್ ವಿಷಯವನ್ನು ವರ್ಣಿಸಬಹುದು ಎಂದು, ಬ್ರೌಸರ್ನಲ್ಲಿ ಸರಿಯಾದ ಅಲ್ಲ
ಆದರೆ ಹೇಗಾದರೂ ಮುಖ್ಯ ನಮ್ಮ ವೆಬ್ ಪುಟ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಮಾಡಲಾಗುತ್ತಿದೆ.
ಉದಾಹರಣೆಗೆ, ಒಳಗೆ ತಲೆ ಟ್ಯಾಗ್ ನಾವು ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ಗಳು ಹೊಂದಿವೆ.
>> ಆದ್ದರಿಂದ ಶೀರ್ಷಿಕೆ ಹಲೋ ವರ್ಲ್ಡ್ ಎಂದು, ವಾಸ್ತವವಾಗಿ ಏನು ಎಂದು ವಿಶೇಷವೇನು
Chrome ನಲ್ಲಿ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೋರಿಸುತ್ತದೆ ಅಥವಾ ಸಫಾರಿ ಅಥವಾ Firefox-- ರಲ್ಲಿ
ಯಾವುದೇ ಬ್ರೌಸರ್ನಲ್ಲಿ ನೀವು ಇಲ್ಲಿದೆ prefer-- ಯಾವ ಶೀರ್ಷಿಕೆ ತೋರಿಸಲು ಹೋಗುವುದಿಲ್ಲ.
ಮತ್ತು ಟ್ಯಾಬ್ಗಳನ್ನು ಮೊದಲು ತೋರಿಸಿದವು ನಿಮ್ಮ ಇಡೀ ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ
ಮತ್ತು ನೀವು ಕೇವಲ ಒಂದು ಪುಟ ಹೊಂದಬಹುದು ಒಂದು ಸಮಯದಲ್ಲಿ ಒಂದು ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ ತೆರೆಯಿರಿ.
ಆದ್ದರಿಂದ ಎಂದು ವಿಶೇಷವೇನು ಟ್ಯಾಬ್ನಲ್ಲಿ ನನ್ನ ಪುಟ ಅಪ್ ಶೀರ್ಷಿಕೆ
ಅಥವಾ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಬಾರ್, ಹಲೋ ವರ್ಲ್ಡ್.
ಮತ್ತು ಆಗಿನ ವಿಷಯ ನನ್ನ ವೆಬ್ ಪುಟ ಹಲೋ, ವರ್ಲ್ಡ್ ಇರುತ್ತದೆ.
ಆದ್ದರಿಂದ ಕೆಲವರು ನಲ್ಲಿ ಅವಲೋಕಿಸೋಣ ಈ ರೀತಿಯ ವಿಷಯ ರೀತಿ ಇರಬಹುದು.
ಇದು ಸಾಕಷ್ಟು ಸರಳ HTML ಪುಟ.
ಹಾಗಾಗಿ ನನ್ನ CS50 ಐಡಿಇ ಇಲ್ಲಿ ನಾನು ಮತ್ತು ನಾನು ಸ್ವಲ್ಪ ಜೂಮ್ ಬಂದಿದೆ.
ಮತ್ತು ನಾನು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಹಲೋ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ತೆರೆಯುತ್ತದೆ
ಮತ್ತು ಈ ಅತ್ಯಧಿಕವಾಗಿ ಎಂದು ನೀವು ತೋರಿಸಲು ನಾವು ಮೊದಲು ಕಂಡ ಪುಟ ವಿಷಯ.
ನನ್ನ ಸರಳ HTML, ತಲೆ ಟ್ಯಾಗ್ಗಳು, ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ಗಳು, ಹೀಗೆ ದೇಹದ, ಮತ್ತು.
ನಾನು ಕ್ಲೀನ್ ಇಂಡೆಂಟ್ ಬಂದಿದೆ.
>> ನಾನು ಮಾಡಬಹುದು ನಂತರ ನನ್ನ IDE ಕೇವಲ ಪುಟ ಪೂರ್ವಾವಲೋಕನ.
ಹಾಗೂ ನಾವು ಹೋಗಿ.
ನನ್ನ ಪುಟದ ವಿಷಯವನ್ನು ಜಗತ್ತು ಹಲೋ, ನಾನು ಏನು ಕಾಣುವುದಿಲ್ಲ
ಅಲ್ಲಿ ತಲೆ ಟ್ಯಾಗ್ಗಳು ರಲ್ಲಿ.
ಇದು ದೇಹದ ಕೇವಲ ವಿಷಯ ಇಲ್ಲಿದೆ.
Hello, world.
ಮತ್ತೆ ದೇಹದ ಕೇವಲ ಹೇಳಿದರು, ಹಲೋ, ಜಗತ್ತಿನ.
ಇತರ ಭಾಗವು ಕಾಣೆಯಾಗಿದೆ.
>> ಆದ್ದರಿಂದ ನಿಜವಾಗಿಯೂ ಇದು ಅಷ್ಟೆ.
ಈ ಸರಳ ಮೂಲ HTML ಪುಟ.
ಈಗ ನಾನು ನನ್ನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಇಂಡೆಂಟ್ ಬಂದಿದೆ ನಿಜವಾಗಿಯೂ ಸಂತೋಷವನ್ನು ಮತ್ತು ಸಂಘಟಿಸಬಹುದಾಗಿದೆ
ಆದರೆ ನಾನು ನಿಜವಾಗಿ ಇಲ್ಲ.
ನಾನು ಬಹಳ ಕೊಳಕು ಕಾಣುವಂತೆ.
ಮತ್ತು ಈ ಇನ್ನೂ ಕೆಲಸ ಎಂದು.
ಈ ಅದೇ ವೆಬ್ ಪುಟ ಎಂದು.
ನಾನು ಹೋಗಲಾಡಿಸಲು ನೆತ್ತಿಗೇರಿದೆ ಮಾಡಿದ ಜಾಗದಿಂದ ಎಲ್ಲಾ.
>> ಇದು ತಿರುಗಿದರೆ ಎಂದು, ಜಾಗದಿಂದ ಡೇಟಾವನ್ನು ಹೊಂದಿದೆ.
ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ದತ್ತಾಂಶವನ್ನು ಕಳುಹಿಸುವುದು ಮಾಡಿದಾಗ ಕಳುಹಿಸುವವರ ಪರಿಚಾರಕದಿಂದ, ರಿಸೀವರ್
ಗ್ರಾಹಕನಿಗೆ, ದಶಮಾಂಶ ಹಣ ಖರ್ಚಾಗುತ್ತದೆ.
ಆದ್ದರಿಂದ ಜಾಗಗಳನ್ನು ತೊಡೆದುಹಾಕಿದ್ದೇವೆ ವಾಸ್ತವವಾಗಿ ಒಳ್ಳೆಯದು
ನೀವು ಯಾರಾದರೂ ಇಂತಹ ಯಾರು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ವೆಬ್ ವಿಷಯ ಬಹಳಷ್ಟು.
ನೀವು ಇಂತಹ ಇದು ಒಂದು ಕೆಟ್ಟ ಉಪಾಯ ಈ ವಿಷಯವನ್ನು ಕಲಿಯಲು ಯಾರು ಯಾರಾದರೂ
ಮತ್ತು ನೀವು ಬೇಕು ಇದು ಅಲೆಯಲ್ಲಿ ಆಯೋಜಿಸಲಾಗಿದೆ.
ಈ ಇದಕ್ಕಿಂತ ಪಾರ್ಸ್ ಬಹಳಷ್ಟು ಸುಲಭವಾಗಿದೆ.
ಆದರೆ ಕಾರ್ಯತತ್ಪರವಾಗಿಲ್ಲದಿರಬಹುದು ಒಂದೇ ಅಂತ.
>> ಹಾಗೆ ಇಂಡೆಂಟೇಷನ್ ಮತ್ತು ವಿಷಯವನ್ನು ವಾಸ್ತವವಾಗಿ HTML ನಲ್ಲಿ ವಿಷಯವಲ್ಲ.
ಎಲ್ಲಾ ವಿಷಯಗಳು ತೆರೆಯುವ ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ಸರಿಯಾದ ಕ್ರಮದಲ್ಲಿ ಟ್ಯಾಗ್ಗಳು ಮುಚ್ಚುವ.
ಆದರೂ, ಇಲ್ಲಿ ಏನಾಯಿತು ಗಮನಿಸಿ.
ಮಾರ್ಕ್ಅಪ್ ನಮಗೆ ಒಂದು ರೀತಿಯಲ್ಲಿ ನೀಡುತ್ತದೆ ಹೆಚ್ಚುವರಿ ಮಾಹಿತಿ ಸಂವಹನ
ನಾವು ಬರೆದ ನೀವು ಯಾವ ಬಗ್ಗೆ.
ಹಲೋ, ವರ್ಲ್ಡ್ ಭಾಗವಾಗಿತ್ತು ಶೀರ್ಷಿಕೆ ತಿಳಿಯುತ್ತದೆ.
ಮತ್ತು, ಹಲೋ ಭಾಗವಾಗಿ ವಿಶ್ವದ ವಿಷಯ ತಿಳಿಯುತ್ತದೆ
ಅಥವಾ ಏನಿರಬಹುದು ನನ್ನ ವೆಬ್ ಪುಟದಲ್ಲಿ ಗೋಚರಿಸುತ್ತದೆ.
>> ಈ ವಿವಿಧ 100 ಇವೆ ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ಮಹಾನ್ ಸಾಕಷ್ಟು ಸಂಪನ್ಮೂಲಗಳು
ಹುಡುಕಲು ಆನ್ಲೈನ್.
ನಾವು ಒಂದು ಬಗ್ಗೆ ಮಾತನಾಡಲು ನೀನು ಈ ವೀಡಿಯೊದಲ್ಲಿ ಅವುಗಳಲ್ಲಿ ಕೆಲವು, ಕೆಲವು
ನಿಜವಾಗಿಯೂ ಮೂಲಭೂತ ವಿಷಯವನ್ನು.
ಆದರೆ ಚರ್ಚೆ ಹೋಗುತ್ತಿಲ್ಲ ಎಲ್ಲಾ ಬಗ್ಗೆ ಅದು
ಹಾಗೆ ಸಮಗ್ರ ಎಂದು.
>> ನೀವು ಆದರೂ, ಮಾಡಬಹುದು ಮತ್ತೊಂದು ವಿಷಯ, ಡೆವಲಪರ್ ಸಾಧನಗಳು ತೆರೆದುಕೊಳ್ಳಬಹುದು ಆಗಿದೆ.
ಮತ್ತು ನೀವು ಮರುಪಡೆಯಲು ವೇಳೆ ಎಚ್ಟಿಟಿಪಿ ನಮ್ಮ ವೀಡಿಯೊ,
ನಾನು ತೆರೆಯಲು ಹೇಗೆ ವಿವರಿಸಿದರು ಡೆವಲಪರ್ ಸಾಧನಗಳು.
Chrome ನಲ್ಲಿ ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಎಫ್ 12 ಪ್ರಮುಖ ಇಲ್ಲಿದೆ ಡೆವಲಪರ್ ಟೂಲ್ಬಾರ್ ತೆರೆದುಕೊಳ್ಳಲು.
ನಂತರ ಬದಲಿಗೆ ನೆಟ್ವರ್ಕ್ ಆರಿಸುವ ಟ್ಯಾಬ್, ನೀವು ಎಲಿಮೆಂಟ್ಸ್ ಟ್ಯಾಬ್ ಆಯ್ಕೆ ಮಾಡಬಹುದು.
ಮತ್ತು ನೀವು ಒಂದು ವೆಬ್ ಲೋಡ್ ವೇಳೆ ಪುಟ, ನೀವು ವಾಸ್ತವವಾಗಿ ಮಾಡುತ್ತೇವೆ
ವೆಬ್ ಪುಟ ಸೃಷ್ಟಿಸುವ ಎಚ್ಟಿಎಮ್ಎಲ್ ನೋಡಿ.
ಆದ್ದರಿಂದ ನೀವು HTML ಬಗ್ಗೆ ಬಹಳಷ್ಟು ಕಲಿಯಬಹುದು ನಿಮ್ಮ ನೆಚ್ಚಿನ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ನೋಡಿ
ಮತ್ತು ಅವರು ನಿರ್ಮಿಸಲು ಹೇಗೆ ನೋಡಿದ ನೀವು ಅವರಿಗೆ ವಿವಿಧ ಕಾಯಿಗಳು.
ಆದ್ದರಿಂದ ಬಹುಶಃ ಈ ತಂಪಾದ ಇಲ್ಲ ಮಾದರಿ ಅಥವಾ ಸ್ವಲ್ಪ.
ಹೇಗೆ ಅವರು HTML ಅದನ್ನು ಮಾಡಲು ಇಲ್ಲ?
ಜೊತೆಗೆ ನೀವು ಕೇವಲ ನಿಮ್ಮ ಡೆವಲಪರ್ ತೆರೆದುಕೊಳ್ಳಬಹುದು ಆ ಅಂಶ ಮೇಲೆ ಉಪಕರಣಗಳು ಮತ್ತು ಹೂವರ್
ಮತ್ತು HTML ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ವೀಕ್ಷಿಸಿ.
ಆದ್ದರಿಂದ ಒಂದು ನಿಜವಾಗಿಯೂ ಎಚ್ಟಿಎಮ್ಎಲ್ ತಿಳಿಯಲು ಉತ್ತಮ ರೀತಿಯಲ್ಲಿ,
ಮತ್ತು ನಾನು ಬಲವಾಗಿ ಶಿಫಾರಸು ನೀವು ಎರಡೂ ತಿಳಿಯಲು ಮಾಡಲು ಎಚ್ಟಿಎಮ್ಎಲ್
ಮತ್ತು ಸ್ವಲ್ಪ ತಿಳಿಯಲು ಆಯ್ಕೆಗಳ ಬಗ್ಗೆ ಸ್ವಲ್ಪ
ನಿಮ್ಮನ್ನು ಲಭ್ಯವಿರುವ ಅಭಿವರ್ಧಕ ಉಪಕರಣಗಳು, ಇದು
ಖಂಡಿತವಾಗಿ HANDY ಬರುತ್ತವೆ ನೀವು ಹೆಚ್ಚು ತೀವ್ರವಾದ ವೆಬ್ ಮಾಡುವುದರಿಂದ ಆರಂಭಿಸಲು
ಪ್ರೋಗ್ರಾಮಿಂಗ್.
>> ಆದ್ದರಿಂದ ಅವರ ನಲ್ಲಿ ಅವಲೋಕಿಸೋಣ ಸಾಮಾನ್ಯ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಒಂದೆರಡು.
ನಾವು ಜಿಗಿತವನ್ನು ಮತ್ತು ಒಂದು ನೋಟ ಕರೆದೊಯ್ಯಲಿದ್ದೇವೆ ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ತಾವೇ ಏನು
ನನ್ನ ಐಡಿಇ ಕೆಲವು ಕಡತಗಳನ್ನು ನೋಡಿ ಎಂದು.
ಇಲ್ಲಿ ಮೂರು ಮೂಲಭೂತ ಟ್ಯಾಗ್ಗಳು ಪಠ್ಯ ದೃಶ್ಯ ಗೋಚರತೆಯನ್ನು tweaking.
ಬಿ ಟ್ಯಾಗ್ಗಳು, ನಾನು ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ಯು ಟ್ಯಾಗ್ಗಳು ಇಲ್ಲ.
ಕ್ರಮವಾಗಿ ಅವರು ಏನು ದಪ್ಪ ಅವುಗಳ ನಡುವೆ ಪಠ್ಯ ನಿರೂಪಿಸಲು,
ಇಟಾಲಿಕ್ಸ್ ಮತ್ತು ಎತ್ತಿತೋರಿಸಿದಂತಾಗಿದೆ.
ಇದರಿಂದ ಆ ನೋಡಲು ಎಂದು ನೋಡೋಣ ನನ್ನ ಐಡಿಇ ಒಂದು ನಿಜವಾದ ವೆಬ್ ಪುಟದಲ್ಲಿ.
>> ಇಲ್ಲಿ ನನ್ನ ಐಡಿಇ ನಾನು ಒಂದು BIU ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂಬ ಕಡತ.
BIU ಡಾಟ್ ಕೇವಲ HTML ಎಂಬ ದಪ್ಪ, ಇಟಾಲಿಕ್ಸ್, ಎತ್ತಿತೋರಿಸಿದಂತಾಗಿದೆ.
ನಾನು ತೆರೆಯುತ್ತದೆ ವಿಲ್.
>> ನಾವು ನಾನು ಇಲ್ಲಿ ನೋಡುತ್ತಾರೆ ಈ ಪಠ್ಯ ಹೊಂದಿವೆ ಬಿ ಟ್ಯಾಗ್ಗಳು ದಪ್ಪ ಆಗಿದೆ.
ಈ ಪಠ್ಯ ನಾನು ಟ್ಯಾಗ್ಗಳು ಇಟಾಲಿಕ್ ಆಗಿದೆ.
ಈ ಪಠ್ಯ ಯು ಟ್ಯಾಗ್ಗಳು ತೆಗೆದುಹಾಕಲಾಯಿತು.
ಏನು ಈ ರೀತಿ ಹೋಗುತ್ತದೆ?
ಸರಿ ಮತ್ತೆ, ಎಲ್ಲಾ ನಾನು ಇಲ್ಲಿ ಹೋಗಿ ಮಾಡಲು
ನನ್ನ ಬ್ರೌಸರ್, ನನ್ನ ಫೈಲ್ ಬ್ರೌಸರ್, ಕ್ಲಿಕ್ ಮುನ್ನೋಟ, ಮತ್ತು ಈ ಬರುತ್ತದೆ ಏನು.
>> ಬಿ ನಡುವೆ ಪಠ್ಯ ಟ್ಯಾಗ್ಗಳು ವಾಸ್ತವವಾಗಿ ಈಗ ದಪ್ಪ ಆಗಿದೆ.
ನಾನು ನಡುವೆ ಪಠ್ಯ ಟ್ಯಾಗ್ಗಳು ವಾಸ್ತವವಾಗಿ ಈಗ ಇಟಾಲಿಕ್ ಆಗಿದೆ.
ಮತ್ತು ಯು ನಡುವೆ ಪಠ್ಯ ಟ್ಯಾಗ್ಗಳು ವಾಸ್ತವವಾಗಿ ಈಗ ತೆಗೆದುಹಾಕಲಾಯಿತು.
ಆದ್ದರಿಂದ ಬಹಳ ಒಳ್ಳೆಯದು.
ನಾವು ಈಗ ಪಠ್ಯ ಮಾಡಲು ಹೇಗೆ ಗೊತ್ತಿಲ್ಲ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಅಲಂಕಾರಿಕ ನೋಡಲು
ಅಥವಾ ಕೆಲವು ವಿಷಯಗಳಿಗೆ ಒತ್ತು ಸೆಳೆಯುತ್ತವೆ.
ಇಲ್ಲಿ ಸಾಮಾನ್ಯ ಟ್ಯಾಗ್ಗಳನ್ನು ಇನ್ನೊಂದು ಜೋಡಿ ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್ಗಳನ್ನು, ಪಿ, ಮತ್ತು ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು,
ಇದು ನಾನು HX ಇಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಬಂದಿದೆ.
>> ಈ ಪಿ ಟ್ಯಾಗ್ಗಳನ್ನು ಈ ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಪ್ಯಾರಾಗಳು ನಿಮ್ಮ ಪಠ್ಯ ಒಡೆಯಲು.
ಇದು ಕೇವಲ ಸಾಕಷ್ಟು ಅಲ್ಲ ನಮೂದಿಸಿ ಮತ್ತು ಸ್ಥಳಗಳನ್ನು ಬಿಟ್ಟು ಹಿಟ್
ಒಂದು ಕಂಪ್ಯೂಟರ್ ಮಾತ್ರ ಹೋಗುವ ಕಾರಣ ನೀವು ಅದನ್ನು ಹೇಳಲು ಏನು
ಮತ್ತು ಇದು ಬಿಳಿ ನಿರ್ಲಕ್ಷಿಸುತ್ತದೆ ಬಹುತೇಕ ಭಾಗವು ಜಾಗ.
ಆದ್ದರಿಂದ ನಾವು Enter ಅನ್ನು ಒತ್ತುವ ಸಾಧ್ಯವಿಲ್ಲ ಮತ್ತು ನಮ್ಮ ಕಂಪ್ಯೂಟರ್ ನಿರೀಕ್ಷಿಸಬಹುದು
ನಾವು ಬಯಸುವ ಅರ್ಥೈಸಲು ಹೊಸ ಪ್ಯಾರಾಗ್ರಾಫ್ ಆರಂಭಿಸಲು.
ನಾವು ಅತ್ಯಂತ ಸ್ಪಷ್ಟವಾಗಿ ಈ ಹೇಳಬೇಕೆಂದು ಈ paragraph-- ಒಂದು another-- ಆಗಿದೆ
ಪಿ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಂದು ಸೆಟ್ ಪ್ರತಿ ಮುಚ್ಚುವ ಮೂಲಕ.
>> ಮತ್ತು ನಾವು ಈ ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿವೆ ಎಚ್ ಟ್ಯಾಗ್ಗಳು, ಈ ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು ಫಾರ್.
ನಾವು ಆರು ವಿವಿಧ ಮಟ್ಟದ ಹೆಡರ್, ಒಂದು, ಎರಡು, ಮೂರು,
ಇವು ನಾಲ್ಕು, ಐದು, ಆರು, ಪ್ರಗತಿಯಲ್ಲಿರುವ ದೊಡ್ಡ ಮತ್ತು ದೊಡ್ಡ
ಹೆಡರ್.
ಹಾಗೂ ಅವರು ಚಿಕ್ಕ ಮತ್ತು ಸಣ್ಣ ಮತ್ತು ಸಣ್ಣ ಮತ್ತು ಸಣ್ಣ.
ನಾವು ಎರಡನೇ ಉನ್ನತ ಮಟ್ಟದ ಹೆಡರ್ ಮಟ್ಟದ ಹೆಡರ್, ಹೀಗೆ, ಹೀಗೆ.
>> ಬಹುಶಃ ಕೆಲವು ಒಂದು ಅವಲೋಕಿಸೋಣ ಪಿ ಟ್ಯಾಗ್ಗಳನ್ನು ಮತ್ತು ಕೆಲವು ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು
ವೆಬ್ ಪುಟದ ಕ್ರಿಯೆಯಲ್ಲಿ.
ಇಲ್ಲಿ ನನ್ನ ಐಡಿಇ ನಾನು ಎಂಬ ಕಡತ ಹೊಂದಿರುತ್ತವೆ PH ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್, PH ಎಂಬ ಪ್ಯಾರಾಗಳು
ಮತ್ತು ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು.
ತೆರೆಯುತ್ತದೆ.
ಬಹಳಷ್ಟು ಇಲ್ಲಿ ನಡೆಯುತ್ತಿದೆ ನಾನು ಕೆಲವು Lorem ಇರಿಸಿದ್ದೇವೆ ಏಕೆಂದರೆ
ಬ್ಲಾಗ್, ಇಲ್ಲಿ ಕೆಲವು ಕೇವಲ ಯಾದೃಚ್ಛಿಕ ಪಠ್ಯ.
ಹಾಗಾಗಿ ಸ್ವಲ್ಪ ಔಟ್ ಜೂಮ್ ಮಾಡುತ್ತೇವೆ ಇರುವುದರಿಂದ ತುಂಬಾ ವಿಶೇಷವೇನು.
ಆದರೆ ನಾನು ನಲ್ಲಿ ಹೊಂದಿರುವ ಗಮನಕ್ಕೆ , ನಾನು ಒಂದು H1, ಒಂದು ಮಟ್ಟದ ಒಂದು ಇಲ್ಲಿ ಮೇಲಕ್ಕೆ
ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್.
ನಂತರ ನಾನು ಇದು ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್, ಹೊಂದಿವೆ ಯಾದೃಚ್ಛಿಕ text-- ಉದ್ಯಮ ಒಂದು ಗುಂಪನ್ನು ipsum--
ಕೇವಲ ಪಠ್ಯ ಗುಣಮಟ್ಟದ ಭರ್ತಿ ಡೀಫಾಲ್ಟ್.
ಹಾಗಾಗಿ ಒಳಗೆ ಎರಡು ಪ್ಯಾರಾಗಳು ಮಟ್ಟದ ಒಂದು ಶೀರ್ಷಿಕೆ ಮತ್ತು ನಂತರ ಕೆಳಗೆ ನಾನು ಕೆಳಗೆ
ಲೈನ್ 24 ರಂದು ಇಲ್ಲಿ ಒಂದು ಮಟ್ಟದ ಎರಡು ಹೆಡರ್, ಎರಡನೇ ಹಂತದಲ್ಲಿ ಹೆಡರ್, ಮತ್ತು ಇನ್ನೊಂದು ಎರಡು
ಪ್ಯಾರಾಗಳು.
ಈ ಯಾವ ರೀತಿ ಇಲ್ಲ ನನ್ನ ಮುನ್ನೋಟ ಇದನ್ನು ವೀಕ್ಷಿಸಲು ವೇಳೆ?
ನೋಡೋಣ.
>> ಆದ್ದರಿಂದ ಗಮನಕ್ಕೆ ಇಲ್ಲಿ ಮೊದಲ ಮಟ್ಟದ ಹೆಡರ್
ವಾಸ್ತವವಾಗಿ ಸ್ವಲ್ಪ ದೊಡ್ಡದಾಗಿದೆ ಇದು ಎರಡನೆ ಮಟ್ಟದ ಹೆಡರ್ ಹೆಚ್ಚು.
ನಾವು H1 ಟ್ಯಾಗ್ಗಳು ಬಳಸಲಾಗುತ್ತದೆ.
ಮತ್ತು ಪಿ ಟ್ಯಾಗ್ಗಳನ್ನು ನಮಗೆ ಅವಕಾಶ ಗಮನಕ್ಕೆ ಪ್ಯಾರಾಗಳು ವಿಷಯಗಳನ್ನು ಔಟ್ ಮುರಿಯಲು.
ನಾವು ಆ ಪಿ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೋಗಲಾಡಿಸಲು ನೆತ್ತಿಗೇರಿದೆ ವೇಳೆ ಮತ್ತು ವಾಸ್ತವವಾಗಿ ಕೇವಲ ಹಾಕಲು ಎಂಟರ್ಸ್ ಅಥವಾ ರಿಟರ್ನ್ಸ್
ನಾವು ಬಯಕೆ ನಡುವೆ ಎಂದು ವಿವಿಧ ಪ್ಯಾರಾಗಳು,
ಅವರು ಎಲ್ಲಾ ಕೇವಲ ಒಟ್ಟಿಗೆ ಸ್ಲ್ಯಾಮ್ ಎಂದು ಮತ್ತು ಇದು ಈ ಸಂತೋಷವನ್ನು ಪ್ಯಾರಾಗ್ರಾಫ್ ಇರುತ್ತಿರಲಿಲ್ಲ
ಮೇಲೆ ಮತ್ತು ಕೆಳಗೆ ಜಾಗವನ್ನು ಪ್ರತ್ಯೇಕತೆಯ.
ಮತ್ತು ಆದ್ದರಿಂದ ಏನು ಪ್ಯಾರಾಗ್ರಾಫ್ ಇಲ್ಲಿದೆ ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು
ಸಾಮಾನ್ಯವಾಗಿ ಸೆಳೆಯಲು ಮಾಡಲು ಬಳಸಲಾಗುತ್ತದೆ ನಮ್ಮ ವೆಬ್ ಪುಟ ಭಾಗಗಳು ಗಮನ
ಆ ರೀತಿಯಲ್ಲಿ.
>> ಪಕ್ಕದಲ್ಲಿ ನಾವು ಬಳಸುವ ಕೆಲವು ಟ್ಯಾಗ್ಗಳು ನಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಪಟ್ಟಿಗಳನ್ನು ನಿರ್ಮಿಸಲು.
ನಾವು unordered ಹೊಂದಿವೆ ಪಟ್ಟಿಗಳನ್ನು ULs-- ಇದು ಕೇವಲ
ಆದೇಶ ಬುಲೆಟ್ ಪಟ್ಟಿಗಳನ್ನು, numbered-- ಇವು ಪಟ್ಟಿ
OLs-- ಮತ್ತು ಒಳಗೆ ಎರಡೂ ಆ ಒಂದು ನಾವು ಮಾಡಬೇಕು
, ಲಿ ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ಸೂಚಿಸುತ್ತದೆ ಹೇಗೆ ಸೆಟ್.
ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ಮುಕ್ತ ಉಲ್ ಟ್ಯಾಗ್ ಹೊಂದಿವೆ ಮತ್ತು ನಾವು ಒಳಗೆ ಐಟಂಗಳನ್ನು ಹಾಕಲು.
ನಂತರ ನಾವು ಪೂರೈಸಿದ ಎಂದು, ನಾವು ಉಲ್ ಟ್ಯಾಗ್ ಮುಚ್ಚಬಹುದು.
>> ಮತ್ತು ಹಾಗೆಯೇ ನಾವು ಹೊಂದಬಹುದು ವ್ಯವಸ್ಥಿತ ಅಥವಾ ಅಂಕಿತ ಪಟ್ಟಿ
ಮತ್ತು ಒಳಗೆ ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ಹಾಕಲು.
ಆದ್ದರಿಂದ ಅವಲೋಕಿಸೋಣ ಪಟ್ಟಿಗಳನ್ನು ಒಂದೆರಡು
ಮತ್ತು ಅವರು ಎಂದು CS50 ಐಡಿಇ ಮೇಲೆ ನಿರೂಪಿಸಲು.
ಹಾಗಾಗಿ ನನ್ನ ಐಡಿಇ ಒಂದು ಇಲ್ಲಿ ಹೊಂದಿವೆ ಕಡತ ಪಟ್ಟಿಗಳನ್ನು ಎಂದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಾರ್ಯಪ್ರವೃತ್ತವಾಗಿವೆ.
ನ ಒಂದು ಗಮನಿಸೋಣ.
>> ಮತ್ತು ಇಲ್ಲಿ ಗಮನಿಸಿ ನಾನು ಒಂದು unordered ಹೊಂದಿವೆ ಇದು ಐದು ವಿಷಯಗಳನ್ನು ಪಟ್ಟಿ.
ತದನಂತರ ನಾನು ವ್ಯವಸ್ಥಿತ ಪಟ್ಟಿಯಲ್ಲಿ, ಮತ್ತು ನಾನು ಟ್ಯಾಗ್ ಸ್ವಲ್ಪ ಬದಲಾಯಿಸಿದ್ದರೆ,
ಬಲ?
ನಾನು ಆರಂಭದಲ್ಲಿ ಆರು ಸಮನಾಗಿರುತ್ತದೆ ಹೇಳುತ್ತಿದ್ದೆ.
ಇದು ವ್ಯವಸ್ಥಿತ ಪಟ್ಟಿಯಲ್ಲಿ ನಾನು ತಿರುಗಿದರೆ ಆರಂಭದ ಎಲ್ಲೆಲ್ಲಿ ಹೊಂದಿಸಬಹುದು
ನಾನು one-- ಇರುತ್ತದೆ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ want-- ಮೂಲಕ ಈ ಕರೆಯಲ್ಪಡುವ ಗುಣಲಕ್ಷಣ ಸೇರಿಸುವ
ನನ್ನ ಓಲ್ ಟ್ಯಾಗ್.
ಆದ್ದರಿಂದ ಈ ಪಟ್ಟಿ ಮಾಡುತ್ತದೆ ಆರು ನಲ್ಲಿ ಎಣಿಸುವ ಆರಂಭಿಸಲು.
ಆ ಸಂಖ್ಯೆಯ ಪಟ್ಟಿ ಆದ್ದರಿಂದ ಅಂಶಗಳನ್ನು ಇರಬೇಕು ಆರು, ಏಳು, ಎಂಟು, ಒಂಬತ್ತು, ಹತ್ತು,
ಐದು ಅಂಶಗಳು ಇರುವುದರಿಂದ ಪಟ್ಟಿಯಲ್ಲಿ, ಒಂದು ವಿರುದ್ಧವಾಗಿ,
ಎರಡು, ಮೂರು, ನಾಲ್ಕು, ಐದು, ಇದು ನಾನು ಓಲ್ ಹೇಳಿದ್ದ ವೇಳೆ ಸಂದರ್ಭದಲ್ಲಿ ಎಂದು
ಆರಂಭದಲ್ಲಿ ಗುಣಲಕ್ಷಣ ನಿರ್ದಿಷ್ಟವಾಗಿ.
>> ಆದ್ದರಿಂದ ನೀವು ಆದ್ದರಿಂದ ನಾವು ಈ ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡುತ್ತೇವೆ ಇಲ್ಲಿ ಏನು ನಡೆಯುತ್ತಿದೆ ಎಂಬುದನ್ನು ಅರ್ಥ ಪಡೆಯಲು.
ಹಾಗೂ ನಾವು ಹೋಗಿ.
ನನ್ನ ಪಟ್ಟಿಯಲ್ಲಿ ಇಲ್ಲ.
ಮೊದಲ ಐದು ಅಂಶಗಳು unordered ಅಥವಾ ಬುಲೆಟ್ ಪಟ್ಟಿಗಳನ್ನು.
ಮುಂದಿನ ಐದು ಅಂಶಗಳನ್ನು ಪ್ರತ್ಯೇಕ ಆದೇಶ ಪಟ್ಟಿ
ಆರು ಆರಂಭಿಸಿ.
ಇಲ್ಲಿದೆ ಆದ್ದರಿಂದ ಹೇಗೆ ನಾವು ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಳಸಿ ಪಟ್ಟಿಗಳನ್ನು ನಿರ್ಮಿಸಲು.
ಮತ್ತೊಂದು ವಿಷಯ ನೀವು ಮಾಡಬಹುದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾಡಲು ಬಯಸುವ
ಒಂದು ಟೇಬಲ್ ನಿರ್ಮಿಸಲು ಸಾಲುಗಳನ್ನು ಮತ್ತು ಕಾಲಮ್ಗಳನ್ನು ಮಾಹಿತಿ
ಒಂದು ಮಾಹಿತಿ ಪ್ರಸ್ತುತಪಡಿಸಲು ವಿಶೇಷವಾಗಿ ರೀತಿಯಲ್ಲಿ ಆಯೋಜಿಸಲಾಗಿದೆ.
ನಾವು ಹೊಂದಬಹುದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಈ ಮಾಡಲು ತೆರೆದ ಆವರಣ ಚಿಹ್ನೆ ಆರಂಭವಾಗಿ ಟೇಬಲ್ ವ್ಯಾಖ್ಯಾನ
ಟೇಬಲ್.
ಮತ್ತು ಆ ಮೇಜಿನ ಒಳಗೆ ನಾವು ಸಾಲುಗಳನ್ನು, ಟಿಆರ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಂದು ಸೆಟ್ ಹೊಂದಿರಬಹುದು
ಪ್ರತಿ ಸಾಲು ಸೂಚಿಸಲು.
ತದನಂತರ ಟಿಡಿ ಟ್ಯಾಗ್ಗಳನ್ನು ಟಿಆರ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಳಗೆ ಹೋಗಿ ಸತತವಾಗಿ ಒಂದು ಕಾಲಮ್ ಸೂಚಿಸಲು.
>> ಏಕೆ ಟಿಡಿ ಕರೆದು ಟಿಸಿ ಇಲ್ಲ?
ಸರಿ, ಟಿಡಿ ಟೇಬಲ್ ದಶಮಾಂಶ ಹೊಂದಲಾಗಿದೆ.
ಸಾಮಾನ್ಯವಾಗಿ ನೀವು ಇರಿಸುವ ನಿಮ್ಮ ಮಾಹಿತಿ.
ಇದು ಟಿಡಿ ಮತ್ತು ಟಿಸಿ ಇಲ್ಲಿದೆ ಏಕೆ ಆ ನ.
ಇದು ಸ್ವಲ್ಪ ಗೊಂದಲ ಇಲ್ಲಿದೆ.
>> ಆದ್ದರಿಂದ ನೀವು ಟೇಬಲ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿವೆ ಮತ್ತು ನಿಮ್ಮ ಟೇಬಲ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಒಳಗೆ
ನೀವು ಸಾಲುಗಳನ್ನು ಟಿಆರ್ಎಸ್ ಹೊಂದಿದ್ದೇವೆ.
ಮತ್ತು ಪ್ರತಿ ಸಾಲು ಒಳಗೆ ನೀವು ಲಂಬಸಾಲುಗಳ ಸಂಖ್ಯೆ ಟಿಡಿಎಸ್
ನೀವು ಬೇಕು ನಿರ್ದಿಷ್ಟ ಸತತವಾಗಿ.
ನ ಬಹಳ ನಲ್ಲಿ ಅವಲೋಕಿಸೋಣ CS50 ಐಡಿಇ ಮೇಲೆ ಸರಳ ಟೇಬಲ್.
>> ಹಾಗಾಗಿ ಇಲ್ಲಿ ಒಂದು ಕಡತವನ್ನು ಹೊಂದಿದೆ ಟೇಬಲ್ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದು.
ನ ಒಂದು ನೋಟ ಹೊಂದಿವೆ ಏನು ತೋರುತ್ತಿದೆ.
ಬಹಳಷ್ಟು ಇಲ್ಲಿ ನಡೆಯುತ್ತಿದೆ ಆದರೆ ನೀವು ಗಮನಿಸಿ ನಾನು ಮೇಜಿನ ತೆರೆದುಕೊಂಡಿವೆ.
ನಾನು ಟೇಬಲ್ ವ್ಯಾಖ್ಯಾನ ಆರಂಭಿಕ ಬಾಗುತ್ತೇನೆ.
ತದನಂತರ ನನ್ನ ಮೊದಲ ಸಾಲಿನಲ್ಲಿ ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಹೊಂದಿವೆ ನಾಲ್ಕು ಅಂಕಣಗಳನ್ನು ಒಂದು, ಎರಡು, ಮೂರು,
ನಾಲ್ಕು.
ಮತ್ತು ನಂತರ ನಾನು ಆ ಸಾಲು ಮುಗಿಸಿದ್ದೇನೆ.
>> ನಂತರ ನಾನು ಇನ್ನೊಂದು ಸಾಲು ಆರಂಭಿಸಿ ಎರಡು, ನಾಲ್ಕು, ಆರು, ಎಂಟು ಮಾಡಲು.
ಸಾಲು ಮುಕ್ತಾಯ.
ಇನ್ನೊಂದು ಸಾಲು, ಮೂರು, ಆರು, ಒಂಭತ್ತು, 12 ಡು.
ತದನಂತರ ಒಂದು ಕೊನೆಯ ಸಾಲು, ನಾಲ್ಕು, ಎಂಟು, 12, ಮತ್ತು ಇದು ಆದರೂ
ಸ್ವಲ್ಪ, 16 ಇಲ್ಲಿ ಕತ್ತರಿಸಿ.
>> ನಾನು ಆ ಸಾಲು ಮುಗಿಸಿದರು.
ನಾನು ಟೇಬಲ್ ಮುಗಿಸಿದರು.
ಮತ್ತು ನಂತರ ನಾನು ನನ್ನ HTML ಮುಗಿಸಿದ್ದೇನೆ.
ಏನು ಈ ರೀತಿ ಇಲ್ಲ?
ಅಲ್ಲದೆ, ಇದು ನೋಡಲು ನಿಜವಾಗಿಯೂ ಹೆಚ್ಚು ಅಲ್ಲ.
ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ನನ್ನ ಮಾಹಿತಿ ಸಂಘಟಿತ ಬಂದಿದೆ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಸಂಘಟಿತ ರೀತಿಯಲ್ಲಿ.
ಆದರೆ ಇಲ್ಲಿ ಸೂಪರ್ ಬಹಳ ಅಲ್ಲ.
ನಾವು ವ್ಯವಹರಿಸಲು ನೀನು ನಾವು ಸಿಎಸ್ಎಸ್ ಬಗ್ಗೆ ಮಾತನಾಡಿ ಎಂದು.
ನಾವು ಈ ಕಲ್ಪನೆಯನ್ನು ಪುನಃ ವಿಲ್ ನಾವು ಒಂದು table-- ಮಾಡಲು ಏನು
ಬಹುಶಃ ಸ್ವಲ್ಪ ಉತ್ತಮ ಅದನ್ನು ಫಾರ್ಮಾಟ್?
ಆದರೆ ನಾನು ಇನ್ನೂ ನಾಲ್ಕು ಸಾಲುಗಳು ಹೊಂದಿಲ್ಲ, ಇದು ಪ್ರತಿಯೊಂದು ನಾಲ್ಕು ಅಂಕಣಗಳನ್ನು ಹೊಂದಿದೆ,
ಒಂದು ಆಗಿದೆ ಮತ್ತು ನಿಜವಾಗಿಯೂ ಈ ಪ್ರಮಾಣದಲ್ಲಿ ಎಂಬುದನ್ನು ಬಹು ಪ್ರಮಾಣದಲ್ಲಿ ಸರಳ ನಾಲ್ಕು ನಾಲ್ಕು ಗುಣಾಕಾರ ಮೂಲಕ
ಟೇಬಲ್.
>> ನಾವು ಬಗ್ಗೆ ನೀವು ಕೇವಲ ಕೆಲವು ಟ್ಯಾಗ್ಗಳನ್ನು.
ನ ಬಗ್ಗೆ ಮಾತನಾಡೋಣ ಒಂದು HTML ರೂಪ ಪರಿಕಲ್ಪನೆಯನ್ನು.
ಆದ್ದರಿಂದ ನೀವು ನೋಡಬಹುದು ವೆಬ್ ಪುಟ ಲಾಗ್ ಸನ್ನಿವೇಶದಲ್ಲಿ.
ಸಾಮಾನ್ಯವಾಗಿ ನಿಮ್ಮ ಬಳಕೆದಾರ ಹೆಸರು ಟೈಪ್.
ನಿಮ್ಮ ಪಾಸ್ವರ್ಡ್ ಟೈಪ್ ಮತ್ತು ನೀವು ಹೋಗಲು ಉತ್ತಮ ಆರ್.
ಒಂದು ರೂಪ ಆರಂಭದಲ್ಲಿ ಎಂದು.
>> ಮೇಲೆ ಬಿಡಲಾಗುತ್ತಿದೆ ಎರಡನೇ DIV.
ನಾವು ಆದಾನಗಳಿರುವ ರೀತಿಯ ಸ್ವರೂಪಗಳ ಹಿಡಿಸುವಂತೆ.
ಈ ಅಂಶಗಳು ಎಂಬ ನೀವು ನಿಜವಾಗಿಯೂ, ಒಳಗೆ ಟೈಪ್
ಅಥವಾ ರೇಡಿಯೋ ಬಟನ್ ನೀವು ಮಚ್ಚೆಗಳನ್ನು, ಅಥವಾ ಚೆಕ್
ನೀವು ಆಫ್ ಮಚ್ಚೆಗಳನ್ನು ಎಂಬುದನ್ನು ಪೆಟ್ಟಿಗೆಗಳು.
ಆದ್ದರಿಂದ ಇವುಗಳ ಒಳಗೆ ಹೋಗಿ.
ಅವರು ಮೂಲತಃ ಒಳಗೊಂಡಿದೆ ರೂಪ ಪ್ರತಿಯೊಂದು ಸಾಲು
ನಿಮ್ಮ ರೂಪ ಚೆನ್ನಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ವೇಳೆ.
ನಂತರ ಈ ಪರಿಕಲ್ಪನೆಯನ್ನು ಇಲ್ಲ ನಿಜವಾಗಿ ಇದು DIV,
ಯಾವುದೇ ನಿರ್ದಿಷ್ಟ ವಿಭಾಗದಲ್ಲಿ ಹೊಂದಿಕೊಳ್ಳಲು ನಾನು ಬಂದಿದೆ ಪದಗಳಿಗಿಂತ ರೀತಿಯ ಟ್ಯಾಗ್ಗಳನ್ನು
ಹಿಂದೆ ಮಾಡುತ್ತಿರುವಿರಿ.
ಇದು ಕೇವಲ ರೀತಿಯ ವಿಂಗಡಿಸುತ್ತದೆ ಕೆಲವು ನಿರಂಕುಶ division-- ಆರಂಭ
ಪುಟದ div--.
ಯಾವುದೇ ದೃಶ್ಯ ಬ್ರೇಕ್ ಇಲ್ಲ.
ಯಾವುದೇ ಲೈನ್ ಇಲ್ಲ.
ಇದು ಒಂದು ಎಂದು ಆಫ್ ಸೆಟ್ ಅಲ್ಲ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪ್ರತ್ಯೇಕ ಪಡೆ.
ನೀವು ಶೈಲಿ ಮಾಡಿದೆವು ಆ ರೀತಿಯಲ್ಲಿ ಹಾಗೆ.
>> ಇದು ಕೇವಲ ರೀತಿಯ ನಾನು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ನನ್ನ ವೆಬ್ ಪುಟದಲ್ಲಿ ಜಾಗವನ್ನು ತುಂಡು,
ಮತ್ತು ನಾನು ಕರೆ ಪಡೆಯಲಿದ್ದೇನೆ ಇದು ನನ್ನ ಪುಟ ಈ ವಿಭಾಗ.
ನಾವು ಒಳಗೆ ವಿಷಯವನ್ನು ಇರಿಸಬಹುದು divs ಆಫ್, ಮತ್ತು ವಾಸ್ತವವಾಗಿ,
ನಾವು ಮೇಲೆ ತಲೆಯಿಂದ ಮಾಡಿದಾಗ ಎರಡನೇ ಐಡಿಇ, ನಾವು ಮಾಡುತ್ತೇವೆ
ನಾನು ಹಾಕುವ ಬಾಗುತ್ತೇನೆ ಎಂದು ನೋಡಿ ನನ್ನ ಒಂದು DIV ಒಳಗೆ ರೂಪಿಸುತ್ತವೆ.
>> ಹಾಗಾಗಿ ನನ್ನ ಐಡಿಇ ಒಂದು ಇಲ್ಲಿ ಹೊಂದಿವೆ DIV ರೂಪ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂಬ ಕಡತ.
ನ ಇದು ತೆರೆದುಕೊಳ್ಳಲು ಅವಕಾಶ.
ನಾನು ಹೇಳಿದ ಹಾಗೆ ಗಮನಿಸಿ, DIV ಅನಿಯಂತ್ರಿತ ಬಗೆಯಾಗಿದೆ.
ರೈಟ್?
ಇದು ನಿಜವಾಗಿಯೂ ಏನು ಅರ್ಥವಲ್ಲ.
ಹಾಗಾಗಿ ಒಂದು ಕ್ರಮವಿಲ್ಲದ ಹೊಂದಿವೆ ನನ್ನ ಪುಟ ಮೊದಲ ವಿಭಾಗ.
ತದನಂತರ ಬದಲಿಗೆ ಮತ್ತೊಂದು DIV ನಂತರ, ಸಾಲು ಎಂಟು ಆರಂಭವಾಗಲಿರುವ
ಈ ರೂಪದಲ್ಲಿ ಹೊಂದಿವೆ.
ಮತ್ತು ರಚನೆಯಲ್ಲಿ ಒಳಗೆ ನಾನು ಹೊಂದಿವೆ ಸೂಚನೆಗಳ ಸಂಖ್ಯೆಯನ್ನು ಅರ್ಜಿಯನ್ನು ಜಾಗ.
ಹಾಗಾಗಿ ಇದರ ಹೆಸರು ಒಂದು ಕ್ಷೇತ್ರದಲ್ಲಿ ಹೊಂದಿವೆ A-- ನಿಜವಾಗಿಯೂ ಏನು ಅರ್ಥವಲ್ಲ ಇದು
ಇದೀಗ ಸ್ಪಷ್ಟವಾಗಿ ಪಠ್ಯ, ಮತ್ತೊಂದು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ
ಒಂದು ರೇಡಿಯೋ ಎಂದು ಪಾಸ್ವರ್ಡ್, ಮತ್ತೊಂದು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಬಟನ್, ಒಂದು ಚೆಕ್ ಬಾಕ್ಸ್ ಎಂದು ಇನ್ನೊಂದು,
ಮತ್ತು ಕಷ್ಟ ಮತ್ತೊಂದು ಒಂದು ಬಟನ್ ಸಲ್ಲಿಸಿ.
ಸರಿ, ಏನು ಮಾಡುತ್ತದೆ ಎಲ್ಲಾ ವಾಸ್ತವವಾಗಿ ರೀತಿ?
ಅಲ್ಲದೆ, ಅವಲೋಕಿಸೋಣ.
ನಾವು ನಮ್ಮ ಪೂರ್ವವೀಕ್ಷಣೆ ವಿಂಡೋದಲ್ಲಿ ಇದು ತೆರೆಯುತ್ತದೆ ವಿಲ್.
ಈ ಅನಿಯಂತ್ರಿತ ಗಮನಿಸಿ ಮೊದಲ ಇಲ್ಲ division--
ಇಲ್ಲಿ ಯಾವುದೇ ದೃಶ್ಯ ಪ್ರತ್ಯೇಕತೆಯ.
ಇದು ನಿಜವಾಗಿಯೂ ಬಲ, ಏನನ್ನೂ ಮಾಡಲಿಲ್ಲ?
>> ನಂತರ ನನ್ನ ರೂಪ ಹೊಂದಿವೆ.
ನಾನು ಯಾವುದೇ ವಿಶೇಷ ಫಾರ್ಮ್ಯಾಟ್ ಕಾಣಲಿಲ್ಲ.
ಆದ್ದರಿಂದ ರೂಪ ಒಂದಾಗಿದೆ ಮಾಹಿತಿಯನ್ನು ದೊಡ್ಡ ಸಾಲು.
ನಾನು ವಿಭಿನ್ನವಾಗಿ ನನ್ನ ರೂಪ ಫಾರ್ಮ್ಯಾಟ್ ವೇಳೆ, ನಾನು ಲೈನ್ ಲೈನ್ ಸಾಲಿನಲ್ಲಿ ಹೊಂದಿರಬಹುದು.
ಆದರೆ ನಾನು ಯಾವುದೇ ಶೈಲಿಯನ್ನು ಕಾಣಲಿಲ್ಲ.
ಮತ್ತೆ, ನಾವು ಇಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ಬಗ್ಗೆ ಇಲ್ಲ.
ನಾವು ಕೇವಲ HTML ಬಗ್ಗೆ ನೀವು.
>> ಸರಿ ನನ್ನ ಪಠ್ಯ ರೂಪದಲ್ಲಿ ನಾನು ಟೈಪ್ ಮಾಡಬಹುದು ನೆನಪು ರೀತಿಯ ಪಠ್ಯ ರೂಪಗಳು
ಆದ್ದರಿಂದ ನನ್ನ ಹೆಸರು ಹಾಕಬಹುದು.
ಮತ್ತು ನನ್ನ ಪಾಸ್ವರ್ಡ್ ನಾನು ನನ್ನ ಪಾಸ್ವರ್ಡ್ ಟೈಪ್ ಮಾಡಬಹುದು.
ಮತ್ತು ಆ ಕ್ಷೇತ್ರದಲ್ಲಿ ಏಕೆಂದರೆ , ಗುಪ್ತಪದವನ್ನು ಟೈಪ್ ಆಗಿದೆ
ನೀವು ನನ್ನ ಪಾಸ್ವರ್ಡ್ ಏನು ಗೊತ್ತಿಲ್ಲ.
ಇದು ಎಲ್ಲಾ ಚುಕ್ಕೆಗಳು ಇಲ್ಲಿದೆ.
>> ನಾನು ಸಹ ಒಂದು ಆಫ್ ಟಿಕ್ ಆಯ್ಕೆ ಮಾಡಬಹುದು ರೇಡಿಯೋ ಬಟನ್ ಅಥವಾ ಒಂದು ಚೆಕ್ ಬಾಕ್ಸ್ ಆಫ್ ಟಿಕ್.
ಅಥವಾ ನನ್ನ ಸಲ್ಲಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ.
ನಾನು ಏನನ್ನೂ ಮಾಡಲಿಲ್ಲ, ಆದ್ದರಿಂದ ನಾನು ನನ್ನ ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಿದಾಗ,
ಪುಟ ಕೇವಲ ಹೊಸತು.
ಆದರೆ ನಾನು ಬಹುಶಃ ಸಂರಚಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ನನ್ನ ಬೇರೇನಾದರೂ ಬಟನ್ ಸಲ್ಲಿಸಿ.
ಮತ್ತು ನಾವು ಏನು ಮಾಡಬಹುದು ನೋಡುತ್ತಾರೆ ಪಿಎಚ್ಪಿ ಮೇಲೆ ಭವಿಷ್ಯದ ವೀಡಿಯೊದಲ್ಲಿ ಎಂದು.
ಆದರೆ ಈ ಬಹಳ ನಿರ್ಮಿಸುತ್ತದೆ ಸರಳ ರೂಪ ಎಂದು ನಾವು
ಬಳಕೆದಾರರು ಪರಸ್ಪರ ಎಂದು ಬಳಸಬಹುದಾದ ಮತ್ತು ನಮ್ಮ ವೆಬ್ಸೈಟ್ ಗೆ ಮಾಹಿತಿಯನ್ನು ಸಲ್ಲಿಸಬಹುದು.
>> ಒಂದು ಕೊನೆಯ ಕಾಮೆಂಟ್ ನಾವು ಮೊದಲು ಕೆಲವು ಟ್ಯಾಗ್ಗಳನ್ನು ತೆರಳಿ
ಈ ನೋಡೋಣ ಮಾಡುವುದು ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ ಒಂದು ಬಾರಿ.
ನಾನು ಹೈಲೈಟ್ ಮಾಡಿರುವುದರಿಂದ ಎಚ್ಚರಿಕೆ ಕೆಂಪು ಟ್ಯಾಗ್ ತುದಿಗಳನ್ನು.
ನಾವು ಇದುವರೆಗೆ ನೋಡಿದ ಪ್ರತಿಯೊಂದು ಟ್ಯಾಗ್ ಹೊಂದಿದೆ ಒಂದು ಆದಿಯಿಂದ ಅಂತ್ಯದವರೆಗೂ, ಒಂದು ಆರಂಭಿಕ ಹಂತ
ಟ್ಯಾಗ್ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್.
>> ಆದರೆ ಒಂದು ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ ಮಾಡುವುದಿಲ್ಲ.
ಹೋಗುತ್ತಿದೆ ಯಾವುದೇ ಪಠ್ಯವಿಲ್ಲ ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು ನಡುವೆ.
ಮಾಹಿತಿಯನ್ನು ಎಲ್ಲಾ ನಾವು ತಿಳಿಸುವ ಉದ್ದೇಶವಿಲ್ಲದೇ ನೀವು
ಭಾಗವಾಗಿ ಎಲ್ಲೆಯೊಳಗೆ ಇರುತ್ತದೆ ಇನ್ಪುಟ್ ಲಕ್ಷಣಗಳು.
ನಾವು ಇನ್ಪುಟ್ ಹೆಸರು X ಸಮನಾಗಿರುತ್ತದೆ ಹೊಂದಿರುತ್ತವೆ ಗಮನಿಸಿ.
ಕೌಟುಂಬಿಕತೆ ವೈ ಸಮನಾಗಿರುತ್ತದೆ.
ಆ ನಿಜವಾಗಿಯೂ ಎಲ್ಲಾ ಮಾಹಿತಿಯನ್ನು ನಾವು ಅಗತ್ಯವಿದೆ.
>> ಈ ಸ್ವಯಂ ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಕರೆಯಲಾಗುತ್ತದೆ.
ಇದು ಒಂದು ಆರಂಭಿಕ ಮತ್ತು ಅಗತ್ಯವಿರುವುದಿಲ್ಲ ನಿಕಟ ಮಾಹಿತಿಯನ್ನು ಎಲ್ಲಾ ಏಕೆಂದರೆ
ಒಳಗೆ ಒಳಗೊಂಡಿದೆ ಟ್ಯಾಗ್ ಮತ್ತು ಅದರ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು.
ಆದ್ದರಿಂದ ಕೆಲವೊಮ್ಮೆ ನೀವು ತುಂಬಾ, ಈ ನೋಡುತ್ತಾರೆ.
ನೀವು ಹೊಂದಿದ್ದರೆ ಆದ್ದರಿಂದ ಕೇವಲ ತಿಳಿದಿರಲಿ ಸಂಪೂರ್ಣವಾಗಿ ಸ್ವಯಂಪೂರ್ಣವಾದ ಎಂದು ಟ್ಯಾಗ್,
ಇದು ತೆರೆಯುತ್ತದೆ ಮತ್ತು ಸ್ವತಃ ಮುಚ್ಚುವುದು ಎಡಭಾಗದಲ್ಲಿ ಮುಕ್ತ ಕೋನ ಆವರಣ ಚಿಹ್ನೆ
ಮತ್ತು ಕಡಿದು ಕೋನ ಬಲಭಾಗದಲ್ಲಿ ಬ್ರಾಕೆಟ್.
ನಾವು ಆ ಇನ್ನೊಂದು ನೋಡುತ್ತಾರೆ ಇದೀಗ ಚಿತ್ರ ಟ್ಯಾಗ್ಗಳನ್ನು ಜೊತೆಗೆ.
>> ನಾವು ಚಿತ್ರಗಳನ್ನು ಬಗ್ಗೆ ಮಾತನಾಡಲು ಮೊದಲು, ನಾವು ಹೈಪರ್ಲಿಂಕ್ಗಳನ್ನು ಬಗ್ಗೆ ಮಾತನಾಡಲು ಅಗತ್ಯವಿದೆ.
ನಾವು ಬಯಸಿದರೆ ನಮ್ಮ ವೆಬ್ ಪುಟ ಪರಸ್ಪರ ಮತ್ತು ನಮಗೆ ಸುತ್ತಲು,
ಇದು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಸಂತೋಷವನ್ನು ಎಂದು ಆ ಒಂದು ಕ್ಲಿಕ್
ಯಾವ ಸಾಮಾನ್ಯವಾಗಿ ನೀಲಿ ಲಿಂಕ್ ಬಂದಿದೆ.
ಈ ನಾವು ನಿರ್ಮಿಸಲು ಹೇಗೆ ವಾಸ್ತವವಾಗಿ ನಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಒಂದು ಹೈಪರ್ಲಿಂಕ್.
ಮತ್ತು ಕುತೂಹಲಕರ ವಿಷಯವೆಂದರೆ ಮತ್ತೊಂದು HTML ಟ್ಯಾಗ್ ಇಲ್ಲ
ಹೈಪರ್ಲಿಂಕ್ನ್ನು ಅಲ್ಲ, ಲಿಂಕ್ ಎಂದು.
ಒಂದು ಇಲ್ಲಿ ಆಧಾರ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಮತ್ತು ನಾವು ಹೈಪರ್ಲಿಂಕ್ನ್ನು ಸೂಚಿಸುತ್ತದೆ ಹೇಗೆ.
>> ಒಂದು href X ಸಾಧನವಾಗಿ ಹೋಗಿ ಸಮನಾಗಿರುತ್ತದೆ ವೆಬ್ ಪುಟ ಎಕ್ಸ್ ಮತ್ತು ಎಲ್ಲವೂ
ಒಂದು ಟ್ಯಾಗ್ ತೆರೆದ ನಡುವೆ ಮತ್ತು ಹತ್ತಿರ ಟ್ಯಾಗ್
ಏನು ಎಂದು ವಿಶೇಷವೇನು ಎಂದು ಅಡಿಗೆರೆ ಒಂದು ಲಿಂಕ್ ಕಾಣುತ್ತದೆ ನೀಲಿ ಪಠ್ಯ
ನಾವು ಪರಿಚಿತವಾಗಿರುವ.
ಕೆಳಗಿನ ನಾವು ಚಿತ್ರವನ್ನು ಟ್ಯಾಗ್, ಹೊಂದಿರುವ ಸ್ವಯಂ ಪ್ರದರ್ಶಿಸಲು ಟ್ಯಾಗ್ ಮುಚ್ಚುವ
ಎಕ್ಸ್ ಇದೆ ಇಮೇಜ್ ಮತ್ತು ನೀವು ಬದಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ
ಸೂಚಿಸುವ ಮೂಲಕ ಚಿತ್ರ ಅಗಲ ಮತ್ತು ಎತ್ತರ
ಮತ್ತು ಇತರ ವಿಶೇಷ ಎಂದು ಡಾಟ್ ಡಾಟ್ ಇಲ್ಲ ಕಾರ್ಯಪ್ರವೃತ್ತವಾಗಿವೆ.
>> ಇಲ್ಲಿ ಅತ್ಯಂತ ಕೆಳಭಾಗದಲ್ಲಿ ನಾವು ಒಂದು ಕುತೂಹಲಕಾರಿ ಹೊಂದಿವೆ
ಟ್ಯಾಗ್ ನೋಡುವ ನಾವು ವಿಷಯವನ್ನು ಒಂದು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಹೊಂದಿವೆ.
ಇದು ಕೂಗಾಟ doctype html ಇಲ್ಲಿದೆ.
ಆದ್ದರಿಂದ HTML ಸುಮಾರಿಗೆ ವೆಬ್ ಪುಟಗಳು ನಿರ್ಮಿಸಲು 1990,
ಮತ್ತು ಇದು ಒಳಗಾಯಿತು ಗಾನ್ ನಂತರ ಹಲವಾರು ಪರಿಷ್ಕರಣೆಗಳು.
ಇತ್ತೀಚೆಗೆ 2014 ರಲ್ಲಿ ಇದು ಪರಿಷ್ಕರಣೆಗೆ ಒಳಗಾಯಿತು
ಈಗ ಪ್ರಸ್ತುತ ಇದು HTML5 ಎಂಬ ವಸ್ತುತಃ ಎಚ್ಟಿಎಮ್ಎಲ್ ಪ್ರಮಾಣಿತ ರೀತಿಯ.
>> ಸೂಚಿಸುವ ನಮ್ಮ ವೆಬ್ ಪುಟಗಳು, HTML5 ಬಳಸಿಕೊಂಡು ಬರೆಯಲಾಗಿದೆ
ನಾವು ಆರಂಭಿಸುತ್ತಾರೆ ಹೇಗೆ.
ಇದು ಬಿಟ್ಟುಬಿಡಬಹುದು ಆದರೆ ಏನು ಮೂಲತಃ
ಎಂದರೆ ನೀವು ಟ್ಯಾಗ್ಗಳನ್ನು ಯಾವುದೇ ಬಳಸುವಂತಿಲ್ಲ ಆಗಿದೆ HTML5 ಟ್ಯಾಗ್ಗಳು, ಆ ಹೊಸ ಟ್ಯಾಗ್ಗಳನ್ನು ಎಂದು ಅವು.
ಆದ್ದರಿಂದ ನಾವು ಯಾವಾಗಲೂ ಆರಂಭಿಸುತ್ತಾರೆ ನಾವು HTML5 ಬಳಸುತ್ತಿದ್ದರೆ.
ಮತ್ತು ಎಲ್ಲಾ ಟ್ಯಾಗ್ಗಳನ್ನು ನಾವು ಕುರಿತು ನೀವು ಹಿಂದೆ HTML5 ಟ್ಯಾಗ್ಗಳು ಅಲ್ಲ.
ಆದರೆ ಈ ಎಂದು ಸೂಚಿಸುತ್ತದೆ HTML5 ಟ್ಯಾಗ್ಗಳು ಗಳಿರುತ್ತವೆ.
ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ಘೋಷಣಾ ಹೊಂದಿವೆ doctype html, ಇದು
ಅತ್ಯಂತ ಆರಂಭದಲ್ಲಿ ನಮ್ಮ HTML ಫೈಲ್, ಮತ್ತು ನಂತರ ನಂತರ ಆ
ನಾವು ವಾಸ್ತವವಾಗಿ ನಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ತೆರೆದುಕೊಂಡಿವೆ ಟ್ಯಾಗ್ ಮತ್ತು ಅಲ್ಲಿಂದ ಮುಂದುವರೆಯಲು.
>> ಕಳೆದ ಒಂದು ಕಾಮೆಂಟ್ ಟ್ಯಾಗ್ ಇದು ತುಂಬಾ, ಸ್ವಲ್ಪ ಭಿನ್ನವಾಗಿ ಕಂಡುಬಂತು.
ಇದು ಕೋನ ಅರಂಭಿಸುತ್ತಾನೆ ಬ್ರಾಕೆಟ್ ಘೋಷಣಾ ಡ್ಯಾಶ್
ಡ್ಯಾಶ್ ಆದರೆ ಯಾವುದೇ ಮುಕ್ತಾಯ ಬ್ರಾಕೆಟ್.
ಅಲ್ಲಿ ಆ ಎರಡು ಅಂಶಗಳನ್ನು ನಡುವೆ ನಿಮ್ಮ ಕಾಮೆಂಟ್ಗಳನ್ನು ಬರೆಯಲು ಅಲ್ಲಿ ಆಗಿದೆ.
ಮತ್ತು ಚಿತ್ರಗಳನ್ನು ನೋಡೋಣ ಅವಕಾಶ ಮತ್ತು ಕಾಮೆಂಟ್ಗಳನ್ನು ಮತ್ತು CS50 ಐಡಿಇ ಕೊಂಡಿಗಳು.
>> ಹಾಗಾಗಿ ಎಂಬ ಕಡತವನ್ನು ಇಮೇಜ್ ಲಿಂಕ್ ಇಲ್ಲಿರುವುದು ನಾನು ತೆರೆಯಲು ಪಡೆಯಲಿದ್ದೇನೆ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್.
ನಾನು ಒಂದೆರಡು ಪಡೆದಿರುವಿರಿ ಗಮನಕ್ಕೆ ನನ್ನ HTML ಕಾಮೆಂಟ್ಗಳನ್ನು ಇಲ್ಲಿ ಕಾಮೆಂಟ್ಗಳನ್ನು.
ಆದ್ದರಿಂದ ಕೇವಲ ಸಿ ಮತ್ತು ಇತರ ಹಾಗೆ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ,
ಕೇವಲ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆ ಮೂಲಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಾಮೆಂಟ್ಗಳನ್ನು ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದೆ.
ಮತ್ತು ಆದ್ದರಿಂದ ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ರಿಕ್ ಆಷ್ಲಿ ಚಿತ್ರವನ್ನು ಇರಿಸಿ
ಎಲ್ಲೋ ಈ DIV ನಡುವೆ ಟ್ಯಾಗ್, ಈ ಅನಿಯಂತ್ರಿತ ವಿಭಾಗ.
ಸ್ಪಷ್ಟವಾಗಿ ಕಡತವಾಗಿರುತ್ತದೆ ರಿಕ್ ಡಾಟ್, JPEG, ಇದೆ ಇದು
ಮೇಲೆ ಹಿಂದಕ್ಕೆ ಹೆಡ್ ಎರಡನೇ ನನ್ನ ಫೈಲ್ ಮರ,
ಅಂದಿನ ಒಂದು ಕಡತವಾಗಿರುತ್ತದೆ ಪ್ರಸಕ್ತ ಕೋಶವನ್ನು.
ಆದ್ದರಿಂದ ಎಂದು ಒಕೆ.
ನಾನು ಉಲ್ಲೇಖಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.
>> ನಂತರ ನಾನು ಆಂತರಿಕ ಕೊಂಡಿಗಳು ಹೊಂದಬಹುದು.
ಇಲ್ಲಿ ಲೈನ್ 11 ಗಮನಕ್ಕೆ ನನ್ನ href ಹಲೋ ಡಾಟ್ HTML ಆಗಿದೆ.
ಇದರಿಂದ ಕೇವಲ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಹಲೋ ಸೂಚಿಸುತ್ತದೆ ಇದು ಪ್ರಸಕ್ತ ಕೋಶವನ್ನು ಅಸ್ತಿತ್ವದಲ್ಲಿದೆ.
ಮತ್ತು ನಾನು ಬಾಹ್ಯ ಹೊಂದಬಹುದು HTTPS ಕೇವಲ ಸೂಚಿಸುವ ಮೂಲಕ ಕೊಂಡಿಗಳು
ನಾನು ನನಗಿಲ್ಲ ಎಂದು ಸೂಚಿಸಲು ನನ್ನ ಪ್ರಸ್ತುತ ಕೋಶದಲ್ಲಿ ಒಂದು ಕಡತ ಬಗ್ಗೆ.
ನಾನು ಅಸ್ತಿತ್ವದಲ್ಲಿದೆ ಒಂದು ಕಡತ ಬಗ್ಗೆ ಬಾಗುತ್ತೇನೆ ಎಲ್ಲೋ ನಾನು ಅಂತರ್ಜಾಲದಲ್ಲಿ
HTTP ಪ್ರೋಟೋಕಾಲ್ ಬಳಸಿಕೊಂಡು ಮನವಿ.
>> ಆದ್ದರಿಂದ ನೋಡೋಣ ಅವಕಾಶ ಏನು ಈ ಪುಟ ರೀತಿ ಇರಬಹುದು
ಮತ್ತು ರಿಕ್ ಚಿತ್ರವನ್ನು ತಯಾರಾಗಬೇಕು ಆಷ್ಲಿ ನಿಮ್ಮ ಪರದೆಯ ಮೇಲೆ ತೋರಿಸಲು.
ಹಾಗಾಗಿ ಈ ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡುತ್ತೇವೆ.
ರಿಕ್ ಆಷ್ಲಿ ನಲ್ಲಿ ಇಲ್ಲ ಈ ಅನಿಯಂತ್ರಿತ ಬಹಳ ಮೇಲಕ್ಕೆ
ವಿಭಾಗ ನಾನು ಮೇಲಿನ ಇಟ್ಟಿದೆ.
ನಂತರ ಕೆಳಗೆ ನಾನು ಕೆಳಗೆ ನನ್ನ ಸಂಬಂಧಗಳಿವೆ, ಬಲ?
>> ನಾನು ಹಲೋ ಡಾಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಲಿಂಕ್ ಹೊಂದಿರುತ್ತದೆ.
ಮತ್ತು ನಾನು ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ನಾನು ಈ ಪುಟ ಮುನ್ನಡೆದರು
ನಾವು ಅತ್ಯಂತ ಪರಿಚಿತ ಎಂಬುದನ್ನು ನಮ್ಮ ಕಾರ್ಯಕ್ರಮದ ಅತ್ಯಂತ ಆರಂಭದಲ್ಲಿ.
ನಾನು ಮತ್ತೆ ತೆರೆಯುವ ಪುಟ ಪಾಪ್, ನಾನು ವೇಳೆ ಪಾಪ್ ಇಮೇಜ್ ಲಿಂಕ್, ಒಂದು ಬಾರಿ ತೆರೆಯಲು
ನಾನು ಬಾಹ್ಯವಾಗಿ ಹೋಗಬಹುದು CS50 ನ ವೆಬ್ಸೈಟ್ಗೆ.
ಮತ್ತು ನಾವು ನಾನು ಮಾಡುತ್ತೇವೆ see-- ಒಂದು ಸ್ವಲ್ಪ ಔಟ್ ಜೂಮ್ ಇಲ್ಲಿ
ನಾವು CS50 ನ ವೆಬ್ಸೈಟ್ ರೀತಿಯ ನೋಡುತ್ತಾರೆ ನಮ್ಮ ಪುಟ ಮಧ್ಯದಲ್ಲಿ ಹುದುಗಿದೆ.
ಹಾಗಾಗಿ ಆಂತರಿಕ ಮಾಡಲು ಸಾಧ್ಯವಾಯಿತು ಬಾಹ್ಯ ಲಿಂಕ್ ಹಾಗೂ ಲಿಂಕ್.
>> ಎಚ್ಟಿಎಮ್ಎಲ್ ಕಳೆದ ನಿಯಮವು ಆ ನಾವು ಇಲ್ಲಿ ಬಗ್ಗೆ ಮಾತನಾಡಲು ನೀನು
ನಿಮ್ಮ HTML ಹಾಗೂ ರಚನೆಯಾದರೂ ಎಂಬುದು.
ಸಿ ನಾವು ಬಗ್ಗೆ ಬಹಳಷ್ಟು ಮಾತಾಡಿಕೊಂಡರು ವಸ್ತುಗಳ ವಿವಿಧ ವಾಕ್ಯ.
HTML ನಲ್ಲಿ ವಾಕ್ಯ ನಿಜವಾಗಿಯೂ ಟ್ಯಾಗ್ಗಳು ಸುತ್ತ.
ನೀವು ತೆರೆಯಲು ಪ್ರತಿ ಟ್ಯಾಗ್ ಮುಚ್ಚಲಾಗುವುದು ಅಗತ್ಯವಿದೆ.
ಮತ್ತು ವಾಸ್ತವವಾಗಿ, ಪ್ರತಿ ಟ್ಯಾಗ್ ತೆರೆಯಲು ರಿವರ್ಸ್ ಸಲುವಾಗಿ ಮುಚ್ಚಲಾಗುವುದು.
>> ಆದ್ದರಿಂದ ನೀವು ಒಂದು ದಪ್ಪ ಟ್ಯಾಗ್ ತೆರೆಯಲು ವೇಳೆ, ಇಟ್ಯಾಲಿಕ್ ಟ್ಯಾಗ್ ಮತ್ತು ನಂತರ ಒಂದು ಪರಿವಾರ ಟ್ಯಾಗ್
ಒಂದು ಎಲ್ಲಾ ಮೂರು ಮಾಡಲು ಪಠ್ಯದ ನಿರ್ದಿಷ್ಟ,
ನೀವು ರಿವರ್ಸ್ ಸಲುವಾಗಿ ಅವುಗಳನ್ನು ಮುಚ್ಚಿ.
ನೀವು ದಪ್ಪ ತೆರೆಯಿತು ಆದ್ದರಿಂದ, ಇಟಾಲಿಕ್, ನೀವು, ಪರಿವಾರ
ದಪ್ಪ, ಪರಿವಾರ, ಇಟಾಲಿಕ್ ಅಳಿಸಲು.
ಆವರಿಸುವುದನ್ನು ಈ ರೀತಿಯ ಏನು ಎಚ್ಟಿಎಮ್ಎಲ್ ಸಂತೋಷವನ್ನು ಮತ್ತು ಸಂಘಟಿತ ಇಡುತ್ತದೆ.
>> ಸಿ ಭಿನ್ನವಾಗಿ, ಆದರೂ, ವಾಕ್ಯ ದೋಷಗಳನ್ನು ತಿನ್ನುವೆ ವಾಸ್ತವವಾಗಿ ಬಹುಶಃ ನಿಮ್ಮ HTML ದುರ್ಬಲಗೊಳಿಸುತ್ತದೆ.
ನಿಮ್ಮ HTML ಚೆನ್ನಾಗಿ ಇರಬಹುದು ರೂಪುಗೊಂಡ ಆದರೆ ಇನ್ನೂ ಕೆಲಸ.
ಆದ್ದರಿಂದ ಈ ದೋಷಗಳನ್ನು ಮೂಲಕ ಸ್ಲೈಡ್ ಇವನ್ನು.
ಇದು ನಿಜವಾಗಿಯೂ ಜಾಗರೂಕ ನಿಮಗೆ ಬಿಟ್ಟಿದ್ದು.
ಕೆಲವೊಮ್ಮೆ ಅವರು ವಿಫಲಗೊಳ್ಳುತ್ತದೆ ಆದರೆ ಕೆಲವೊಮ್ಮೆ ನೀವು ಸಾಕಾಗುತ್ತದೆ.
>> ಇದು ನಿಜವಾಗಿಯೂ ಮಾಡಬಹುದು ಕಷ್ಟದ ಕೆಲಸ, ಆದರೂ,
ನೀವು ತೆರೆದಾಗ ಕಾಪಾಡುವುದು ಒಂದು ಟ್ಯಾಗ್, ನೀವು ಮುಚ್ಚಿದಾಗ,
ವಿಶೇಷವಾಗಿ ನಿಮ್ಮ HTML ಎಂದು ಕಡತಗಳನ್ನು ದೊಡ್ಡ ಮತ್ತು ದೊಡ್ಡ ಪಡೆಯಲು.
ನೀವು ಕೆಲವು ಸಹಾಯ ಬಯಸುವಿರಿ.
ಮತ್ತು ಆನ್ಲೈನ್ ಇವೆ ವಿಮರ್ಶಕರು ಉಪಕರಣಗಳು ನೀವು
ನಿಮ್ಮ ವೆಬ್ ಒಂದು ನೋಟ ಹೊಂದಿವೆ ಬಳಸಬಹುದಾದ ಪುಟ ಮತ್ತು ಇದು ಉತ್ತಮವಾಗಿ ರಚನೆಯಾದ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಂದು ವೀಕ್ಷಿಸಿ.
ಮತ್ತು ನೀವು ಖಂಡಿತವಾಗಿ ಮಾಡಬೇಕು ಆ ನೋಡೋಣ
ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಬಳಸಲು ಪ್ರಾರಂಭಿಸಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೆಲವು ಕೆಲಸ ಆರಂಭಿಸಲು,
ನೀವು ಪಡೆಯಲು ಕೇವಲ ಆದ್ದರಿಂದ, HTML ಬರೆಯುವ ಸಂಘಟಿಸುವ ಬಗ್ಗೆ ಕೆಲವು ಉತ್ತಮ ಪದ್ಧತಿ
ಉತ್ತಮ ರೀತಿಯಲ್ಲಿ ನಿಮ್ಮ HTML ಮತ್ತು ಉತ್ತಮ ಶೈಲಿಯ ಮತ್ತು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು
ನೀವು ಏನು ಮಾಡುವುದರಿಂದ ಇಲ್ಲ ಎಂದು ವಾಕ್ಯ ದೋಷವನ್ನು ರಚಿಸಲು ಎಂದು
ನೀವು ಒಂದು ಬಿಟ್ ಉಂಟುಮಾಡುತ್ತದೆ ರಸ್ತೆ ಕೆಳಗೆ ಸಮಸ್ಯೆ.
>> ನಾನು ಡೌಗ್ ಲಾಯ್ಡ್ ಮನುಷ್ಯ.
ಈ CS50 ಹೊಂದಿದೆ.