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

ಹಾಟ್‌ಕೀ ಸಂಯೋಜನೆ +ಹುಡುಕಾಟ ವಿಂಡೋವನ್ನು ತೆರೆಯಿರಿ, Chrome ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಅದು ಮೇಲಿನ ಬಲಭಾಗದಲ್ಲಿ ಗೋಚರಿಸುತ್ತದೆ:

ಚಿತ್ರ 3. ಸೈಟ್ ಕೋಡ್ ಮೂಲಕ ಹುಡುಕಿ

ನೀವು ಹುಡುಕಾಟ ಫಾರ್ಮ್‌ಗೆ ವಿನಂತಿಯನ್ನು ನಮೂದಿಸಿದ ನಂತರ, ಪರದೆಯು ಕಂಡುಬರುವ ಮೊದಲ ಅಂಶಕ್ಕೆ ಚಲಿಸುತ್ತದೆ, ಬಾಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಅವುಗಳ ನಡುವೆ ಚಲಿಸಬಹುದು ಮತ್ತು ನಿಮಗೆ ಅಗತ್ಯವಿರುವದನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು:

ಚಿತ್ರ 4. HTML ಸೈಟ್ ಕೋಡ್ ಮೂಲಕ ಹುಡುಕಿ

ಸೂಚನೆ 2: Google Chrome ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸೈಟ್‌ನ HTML ಮತ್ತು CSS ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು ಮತ್ತು ಸಂಪಾದಿಸುವುದು

ಈಗ ಅತ್ಯಂತ ಮುಖ್ಯವಾದ ಭಾಗ, ಇದರಲ್ಲಿ ನೀವು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ವೆಬ್‌ಸೈಟ್‌ನ HTML ಮತ್ತು CSS ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಸಂಪಾದಿಸಬಹುದು ಎಂಬುದನ್ನು ನಾನು ತೋರಿಸುತ್ತೇನೆ. ನಂತರ ಬದಲಾವಣೆಗಳನ್ನು ಬ್ರೌಸರ್‌ಗೆ ವರ್ಗಾಯಿಸಿ.

ಈ ರೀತಿ ಉಪಯುಕ್ತ ಸಾಧನನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಯಾವಾಗಲೂ ಲಭ್ಯವಿರುತ್ತದೆ, ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಸಂಪಾದಿಸುವ ಇತರ ಆಜ್ಞೆಗಳೊಂದಿಗೆ ಪ್ರಯೋಗಿಸಿ.

ಕೌಶಲ್ಯ ಬದಲಾವಣೆ ಮೂಲ ಕೋಡ್ಪುಟಗಳು – ಉಪಯುಕ್ತ ಕೌಶಲ್ಯಮುಂದುವರಿದ ಇಂಟರ್ನೆಟ್ ಬಳಕೆದಾರರಿಗೆ. HTML ಕೋಡ್ ಅನ್ನು ಬದಲಿಸುವ ಮೂಲಕ, ನೀವು ಬದಲಾಯಿಸಬಹುದು ವೆಬ್ ಪುಟವನ್ನು ತೆರೆಯಿರಿನೀವು ಬಯಸಿದಂತೆ. ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ನಿಮಗೆ ಹೇಳುತ್ತೇವೆ ಪುಟ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು Google Chrome ನಲ್ಲಿ. ಆದಾಗ್ಯೂ, ಇತರ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಎಲ್ಲವನ್ನೂ ಒಂದೇ ರೀತಿ ಮಾಡಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ಯಾವುದೇ ತೊಂದರೆಗಳು ಇರಬಾರದು.

ಪುಟದ HTML ಕೋಡ್ ಯಾವುದು?

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

ವೆಬ್ ಪುಟವನ್ನು ಏಕೆ ಬದಲಾಯಿಸಬೇಕು?

ನೀವು ಸೈಟ್‌ನಲ್ಲಿ ಡೇಟಾವನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಸಂದೇಶದ ಪಠ್ಯವನ್ನು ಬದಲಾಯಿಸಬಹುದು ಅಥವಾ ನಕಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಎಲ್ಲಾ ಬದಲಾವಣೆಗಳು ನಿಮಗೆ ಮಾತ್ರ ಗೋಚರಿಸುತ್ತವೆ ಮತ್ತು ನೀವು ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದಾಗ ಅದು ಕಣ್ಮರೆಯಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಅಲ್ಲದೆ ಬದಲಾದ ಡೇಟಾ ನಿಜವಾಗುವುದಿಲ್ಲ. ಉದಾಹರಣೆಗೆ, ನನ್ನ ಬಳಿ 10 ಡಾಲರ್ ಇಲ್ಲದಿದ್ದರೆ ಮತ್ತು ನಾನು ಅದನ್ನು 100 ಕ್ಕೆ ಬದಲಾಯಿಸಿದರೆ, ನನ್ನ ಬಳಿ ಹೆಚ್ಚಿನ ಹಣ ಇರುವುದಿಲ್ಲ. ಇದು ಬ್ರೌಸರ್‌ನಿಂದ ಪುಟದ ಪ್ರದರ್ಶನವಾಗಿದೆ. ಉದಾಹರಣೆ:

ನಂತರ:

ಉದಾಹರಣೆಗೆ, ನಾನು ಅದೇ ಸೈಟ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತೇನೆ ಮತ್ತು "" ತೆರೆಯುವ ಲೇಖನದ ಹಿಂದಿನ ಪ್ರಕಟಣೆಯನ್ನು ಬದಲಾಯಿಸುತ್ತೇನೆ ಮುಖಪುಟ Google Chrome ನಲ್ಲಿ. ನಾನು ಬದಲಾಯಿಸಲು ಬಯಸುವ ಅಂಶದ ಮೇಲೆ ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ, ಉದಾಹರಣೆಗೆ, ಪ್ರಕಟಣೆಯ ಶೀರ್ಷಿಕೆ ಮತ್ತು "ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಆಯ್ಕೆಮಾಡಿ.

ತೆರೆಯುವ ವಿಂಡೋದಲ್ಲಿ, ಎಲಿಮೆಂಟ್ಸ್ ಟ್ಯಾಬ್ಗೆ ಹೋಗಿ ಮತ್ತು ಪುಟದ HTML ಕೋಡ್ ಅನ್ನು ನೋಡಿ. ಅದರಲ್ಲಿ ನಾವು ಆಸಕ್ತಿ ಹೊಂದಿರುವ ಪಠ್ಯವನ್ನು ಕಂಡುಹಿಡಿಯಬೇಕು. (ಕೆಂಪು ಬಣ್ಣದಲ್ಲಿ ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲಾಗಿದೆ)

ಈಗ ನಾನು ಹಳೆಯ ಪಠ್ಯವನ್ನು ಅಳಿಸುತ್ತೇನೆ ಮತ್ತು ಹೊಸದರಲ್ಲಿ ಬರೆಯುತ್ತೇನೆ.

ಅಷ್ಟೆ, ಘೋಷಣೆಯ ಶೀರ್ಷಿಕೆಯನ್ನು ಬದಲಾಯಿಸಲಾಗಿದೆ. ಈಗ ನಾನು ಪ್ರಕಟಣೆ, ಟ್ಯಾಗ್‌ಗಳು ಮತ್ತು ವರ್ಗವನ್ನು ಬದಲಾಯಿಸುತ್ತೇನೆ.

img ಟ್ಯಾಗ್‌ನಲ್ಲಿ src ಗುಣಲಕ್ಷಣವನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ಇನ್ನೊಂದು ಚಿತ್ರವನ್ನು ಸೇರಿಸಬಹುದು.

" ಅದೇ ಐಟಂ ಸಂದರ್ಭ ಮೆನುವಿನಲ್ಲಿಯೂ ಇದೆ, ನೀವು ಪಠ್ಯವನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಪುಟಗಳು. ನೀವು ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್ CTRL + U ಅನ್ನು ಸಹ ಬಳಸಬಹುದು. ಮೊಜಿಲ್ಲಾ ಫೈರ್‌ಫಾಕ್ಸ್ಬಾಹ್ಯ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ - ಮೂಲ ಕೋಡ್ ಪುಟಗಳುಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್ ಮಾಡುವಿಕೆಯೊಂದಿಗೆ ಪ್ರತ್ಯೇಕ ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ ತೆರೆಯಲಾಗುತ್ತದೆ.

IN ಇಂಟರ್ನೆಟ್ ಬ್ರೌಸರ್ಎಕ್ಸ್‌ಪ್ಲೋರರ್, ಮೆನುವಿನಲ್ಲಿ "ಫೈಲ್" ವಿಭಾಗವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು "ನೋಟ್‌ಪ್ಯಾಡ್‌ನಲ್ಲಿ ಸಂಪಾದಿಸಿ" ಆಯ್ಕೆಮಾಡಿ. ನೋಟ್‌ಪ್ಯಾಡ್ ಹೆಸರಿನ ಬದಲಿಗೆ, ಇನ್ನೊಂದು ಹೆಸರನ್ನು ಬರೆಯಬಹುದು, ಮೂಲವನ್ನು ವೀಕ್ಷಿಸಲು ನೀವು ಅದನ್ನು ಬ್ರೌಸರ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ನಿಯೋಜಿಸಿದ್ದೀರಿ ಕೋಡ್ಎ. ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಪುಟಗಳುಬಲ ಮೌಸ್ ಬಟನ್‌ನೊಂದಿಗೆ, ಸಂದರ್ಭ ಮೆನು ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ, ಇದು ಮೂಲವನ್ನು ತೆರೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಐಟಂ ಅನ್ನು ಸಹ ಹೊಂದಿದೆ ಕೋಡ್ ಪುಟಗಳುಒಳಗೆ ಬಾಹ್ಯ ಪ್ರೋಗ್ರಾಂ- "HTML ವೀಕ್ಷಿಸಿ" ಕೋಡ್ಎ".

IN ಒಪೇರಾ ಬ್ರೌಸರ್ಮೆನು ತೆರೆಯಿರಿ, "ಪುಟ" ವಿಭಾಗಕ್ಕೆ ಹೋಗಿ ಮತ್ತು "ಅಭಿವೃದ್ಧಿ ಪರಿಕರಗಳು" ಉಪವಿಭಾಗದಲ್ಲಿ "ಮೂಲ" ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಿಮಗೆ ಅವಕಾಶವಿದೆ ಕೋಡ್"ಅಥವಾ ಐಟಂ" ಮೂಲ ಕೋಡ್ಫ್ರೇಮ್." ಈ ಆಯ್ಕೆಯನ್ನು ಬಿಸಿಯಾಗಿ ನಿಗದಿಪಡಿಸಲಾಗಿದೆ CTRL ಕೀಗಳು+ U ಮತ್ತು CTRL + SHIFT + U ಕ್ರಮವಾಗಿ. ಒಂದು ಕ್ಲಿಕ್‌ಗೆ ಬದ್ಧವಾಗಿರುವ ಸಂದರ್ಭ ಮೆನುವಿನಲ್ಲಿ ಪುಟಗಳುಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ, "ಆರಂಭಿಕ" ಎಂಬ ಐಟಂ ಕೂಡ ಇದೆ ಕೋಡ್" ಒಪೆರಾ ಮೂಲ ಪುಟಗಳು OS ನಲ್ಲಿ ಅಥವಾ HTML ಫೈಲ್‌ಗಳನ್ನು ಸಂಪಾದಿಸಲು ಬ್ರೌಸರ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ನಿಯೋಜಿಸಲಾದ ಬಾಹ್ಯ ಪ್ರೋಗ್ರಾಂನಲ್ಲಿ.

Google Chrome ಬ್ರೌಸರ್ ನಿಸ್ಸಂದೇಹವಾಗಿ ಹೊಂದಿದೆ ಅತ್ಯುತ್ತಮ ಸಂಸ್ಥೆಮೂಲವನ್ನು ನೋಡುವುದು ಕೋಡ್ಎ. ನಿಮ್ಮ ಮೌಸ್ ಅನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ, ನೀವು ವೀಕ್ಷಿಸಿ ಆಯ್ಕೆ ಮಾಡಬಹುದು ಕೋಡ್ಎ ಪುಟಗಳು"ತದನಂತರ ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್ ಮಾಡುವ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಪ್ರತ್ಯೇಕ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯಲಾಗುತ್ತದೆ. ಅಥವಾ ನೀವು ಅದೇ ಮೆನುವಿನಲ್ಲಿ "ವೀಕ್ಷಿಸು" ಎಂಬ ಸಾಲನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು ಕೋಡ್ಅಂಶ” ಮತ್ತು ಅದೇ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ನೀವು HTML ಮತ್ತು CSS ಅನ್ನು ಪರಿಶೀಲಿಸಬಹುದಾದ ಎರಡು ಹೆಚ್ಚುವರಿ ಫ್ರೇಮ್‌ಗಳನ್ನು ತೆರೆಯುತ್ತದೆ ಕೋಡ್ಅಂಶ ಪುಟಗಳು. ರೇಖೆಗಳಾದ್ಯಂತ ಚಲಿಸುವ ಕರ್ಸರ್‌ಗೆ ಬ್ರೌಸರ್ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ ಕೋಡ್ಮತ್ತು, HTML ನ ಈ ವಿಭಾಗಕ್ಕೆ ಸಂಬಂಧಿಸಿರುವ ಪುಟದಲ್ಲಿನ ಅಂಶಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡುವುದು ಕೋಡ್ಎ.

ಬಿಡುಗಡೆ ಮಾಡಿದೆವು ಹೊಸ ಪುಸ್ತಕ"ಕಂಟೆಂಟ್ ಮಾರ್ಕೆಟಿಂಗ್ ಇನ್ ಸಾಮಾಜಿಕ ಜಾಲಗಳು: ನಿಮ್ಮ ಚಂದಾದಾರರ ತಲೆಗೆ ಪ್ರವೇಶಿಸುವುದು ಮತ್ತು ನಿಮ್ಮ ಬ್ರ್ಯಾಂಡ್‌ನೊಂದಿಗೆ ಅವರನ್ನು ಪ್ರೀತಿಯಲ್ಲಿ ಬೀಳುವಂತೆ ಮಾಡುವುದು ಹೇಗೆ.

ಸೈಟ್‌ನ ಮೂಲ ಕೋಡ್ HTML ಮಾರ್ಕ್‌ಅಪ್‌ನ ಒಂದು ಸೆಟ್ ಆಗಿದೆ, ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳುಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು, ವೆಬ್ ಸರ್ವರ್‌ನಿಂದ ಬ್ರೌಸರ್ ಸ್ವೀಕರಿಸುತ್ತದೆ.

ನಮ್ಮ ಚಾನಲ್‌ನಲ್ಲಿ ಹೆಚ್ಚಿನ ವೀಡಿಯೊಗಳು - SEMANTICA ನೊಂದಿಗೆ ಇಂಟರ್ನೆಟ್ ಮಾರ್ಕೆಟಿಂಗ್ ಕಲಿಯಿರಿ

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

ಸೈಟ್ ಅನ್ನು ವೆಬ್ ಸರ್ವರ್‌ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾಗಿದೆ, ಇದು ಬಳಕೆದಾರರ ಕೋರಿಕೆಯ ಮೇರೆಗೆ ಪುಟವನ್ನು ಕಳುಹಿಸುತ್ತದೆ. ವಿನಂತಿಯು ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿ URL ಅನ್ನು ಟೈಪ್ ಮಾಡುವುದು, ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದು ಅಥವಾ ಫಾರ್ಮ್‌ನಲ್ಲಿ ಸಲ್ಲಿಸು ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದು. ವೆಬ್ ಪುಟಗಳನ್ನು ಯಾವ ಭಾಷೆಯಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ, ಅವುಗಳು ಒಳಗೊಂಡಿವೆಯೇ ಎಂಬುದು ಮುಖ್ಯವಲ್ಲ ಸಾಫ್ಟ್ವೇರ್ ಭಾಗ. ಯಾವುದೇ ಸರ್ವರ್-ಸೈಡ್ ಅಲ್ಗಾರಿದಮ್‌ನ ಅಂತಿಮ ಫಲಿತಾಂಶವು html ಟ್ಯಾಗ್‌ಗಳು ಮತ್ತು ಪಠ್ಯದ ಒಂದು ಸೆಟ್ ಆಗಿದೆ.
ಪುಟದ ಮೂಲ ಕೋಡ್ ಡೇಟಾವನ್ನು ಒಳಗೊಂಡಿರುವ ಒಂದು ಸೆಟ್ ಆಗಿದೆ:

• html ಮಾರ್ಕ್ಅಪ್;
• ಸ್ಟೈಲ್ ಶೀಟ್ ಅಥವಾ ಫೈಲ್ ಲಿಂಕ್;
• ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಬರೆಯಲಾದ ಪ್ರೋಗ್ರಾಂಗಳು ಅಥವಾ ಕೋಡ್‌ನೊಂದಿಗೆ ಫೈಲ್‌ಗಳಿಗೆ ಲಿಂಕ್‌ಗಳು.

ಈ ಮೂರು ವಿಭಾಗಗಳನ್ನು ಬ್ರೌಸರ್ ಮೂಲಕ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತದೆ. ಸರ್ವರ್‌ಗಾಗಿ, ಇದು ವಿನಂತಿಗೆ ಪ್ರತಿಕ್ರಿಯೆಯಾಗಿ ಕಳುಹಿಸಬೇಕಾದ ಪಠ್ಯವಾಗಿದೆ.

ನಾವು ಮೂಲ ಕೋಡ್ ಅನ್ನು ಏಕೆ ಅಧ್ಯಯನ ಮಾಡಬೇಕಾಗಬಹುದು

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

• ಅವುಗಳನ್ನು ವಿಶ್ಲೇಷಿಸಲು ನಿಮ್ಮ ಅಥವಾ ಬೇರೆಯವರ ಸೈಟ್‌ನ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ನೋಡಿ.
• ಸೈಟ್‌ನಲ್ಲಿ ಕೆಲವು ಅಂಶಗಳ ಉಪಸ್ಥಿತಿ ಅಥವಾ ಅನುಪಸ್ಥಿತಿಯನ್ನು ನೋಡಿ: ಕೌಂಟರ್‌ಗಳು, ಗುರುತಿನ ಸಂಕೇತಗಳು ವಿವಿಧ ವ್ಯವಸ್ಥೆಗಳು, ಕೆಲವು ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಮತ್ತು ಇತರ ವಿಷಯಗಳು.
• ಅಂಶಗಳ ನಿಯತಾಂಕಗಳನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ: ಗಾತ್ರಗಳು, ಬಣ್ಣಗಳು, ಫಾಂಟ್ಗಳು.
• ಪುಟದಲ್ಲಿರುವ ಫೋಟೋಗಳು ಮತ್ತು ಇತರ ಅಂಶಗಳಿಗೆ ಮಾರ್ಗವನ್ನು ಹುಡುಕಿ.
• ಪುಟದಿಂದ ಲಿಂಕ್‌ಗಳನ್ನು ಅನ್ವೇಷಿಸಿ.
• ವೆಬ್‌ಸೈಟ್ ಆಪ್ಟಿಮೈಸೇಶನ್ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಮಧ್ಯಪ್ರವೇಶಿಸುವ ಕೋಡ್‌ನೊಂದಿಗೆ ಸಮಸ್ಯೆಗಳನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ: ಅವುಗಳಲ್ಲಿ ತಿಳಿಸಲಾಗಿಲ್ಲ ಪ್ರತ್ಯೇಕ ಕಡತಗಳುಶೈಲಿಗಳು, ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು, ಅಮಾನ್ಯ ಕೋಡ್.

ಇವು ಮೂಲಭೂತ ವೈಶಿಷ್ಟ್ಯಗಳಾಗಿವೆ, ಆದರೆ ವಾಸ್ತವವಾಗಿ, ಕೋಡ್ ಅನ್ನು ಓದಲು ಸಾಧ್ಯವಾಗುವ ಮೂಲಕ, ನೀವು ಪುಟದ ಬಗ್ಗೆ ಹೆಚ್ಚಿನದನ್ನು ಕಲಿಯಬಹುದು.

ಸೈಟ್‌ನ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ಬ್ರೌಸರ್‌ನಿಂದ ಸರ್ವರ್‌ನಲ್ಲಿ ಪೋಸ್ಟ್ ಮಾಡಲಾದ ರೂಪದಲ್ಲಿ ಇದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಮಾಡಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ. ಆದರೆ ಪುಟದ ಮೇಲೆ ಬಲ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ನೀವು ಎಲ್ಲಾ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ನೋಡಬಹುದು. ಇಲ್ಲಿ ಮತ್ತು ಮುಂದೆ ಗೂಗಲ್ ಉದಾಹರಣೆಕ್ರೋಮ್.

“ಪುಟ ಕೋಡ್ ವೀಕ್ಷಿಸಿ” ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ ಮತ್ತು ಸಂಪೂರ್ಣ ಪಟ್ಟಿಯನ್ನು ಪ್ರತ್ಯೇಕ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ಪಡೆಯಿರಿ.

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

ವೆಬ್‌ಸೈಟ್ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಕಂಡುಹಿಡಿಯುವುದು

ಬ್ರೌಸರ್‌ನಲ್ಲಿರುವ ಮೆನು ಐಕಾನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ. ಹೆಚ್ಚಾಗಿ ಇದು ಬಲಭಾಗದಲ್ಲಿದೆ ಮತ್ತು ಮೂರು ಚುಕ್ಕೆಗಳು ಅಥವಾ ಪಟ್ಟೆಗಳಂತೆ ಕಾಣುತ್ತದೆ.

ವಿಭಾಗದಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಉಪಕರಣಗಳು"ಡೆವಲಪರ್ ಪರಿಕರಗಳು" ಆಯ್ಕೆಮಾಡಿ.

ಕೋಡ್‌ನ ಸಕ್ರಿಯ ಸ್ಥಿತಿಯನ್ನು ತೋರಿಸುವ ವಿಂಡೋ ತೆರೆಯುತ್ತದೆ. ಇದರರ್ಥ ನೀವು ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಅಂಶದ ಶೈಲಿಯು ಅದರ ಪಕ್ಕದಲ್ಲಿ ಗೋಚರಿಸುತ್ತದೆ ಮತ್ತು ಆಯ್ದ ಬ್ಲಾಕ್ಗಳನ್ನು ಪುಟದಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡಲಾಗುತ್ತದೆ.

"ಮೂಲ" ಟ್ಯಾಬ್ನಲ್ಲಿ ನೀವು ಕೆಲವು ಫೈಲ್ಗಳ ವಿಷಯಗಳನ್ನು ವೀಕ್ಷಿಸಬಹುದು: ಸ್ಕ್ರಿಪ್ಟ್ಗಳು, ಫಾಂಟ್ಗಳು, ಚಿತ್ರಗಳು.

"ಭದ್ರತೆ" ಟ್ಯಾಬ್ನಲ್ಲಿ, ನೀವು ಸೈಟ್ನ ಪ್ರಮಾಣಪತ್ರವನ್ನು ಪರಿಶೀಲಿಸಬಹುದು.

ಹೋಸ್ಟಿಂಗ್‌ನಲ್ಲಿ ಪೋಸ್ಟ್ ಮಾಡಲಾದ ಸಂಪನ್ಮೂಲವನ್ನು ಪರಿಶೀಲಿಸಲು "ಆಡಿಟ್ಸ್" ಟ್ಯಾಬ್ ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಬಲಭಾಗದಲ್ಲಿರುವ ಫಲಕದ ಸ್ಥಳವು ಅನಾನುಕೂಲವಾಗಿದ್ದರೆ, ನೀವು ಮೂರು ಚುಕ್ಕೆಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಬಯಸಿದ ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ಅದನ್ನು ಬದಲಾಯಿಸಬಹುದು.

ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ಪ್ರತಿಯೊಂದು HTML ಡಾಕ್ಯುಮೆಂಟ್ ರಚನೆ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಅವುಗಳಲ್ಲಿ ಕೆಲವು ಇಲ್ಲಿವೆ:

1. Html - ಸಂಪೂರ್ಣ ಡಾಕ್ಯುಮೆಂಟ್.
2. ಮುಖ್ಯಸ್ಥ - ಸೇವಾ ಹೆಡರ್ಗಳ ವಿಭಾಗ.
3. ಶೀರ್ಷಿಕೆ - ಪುಟದ ಶೀರ್ಷಿಕೆ (ಟ್ಯಾಬ್ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ).
4. ದೇಹ - ದಾಖಲೆಯ ದೇಹ.
5. H1-H6 - ಪುಟ ಪಠ್ಯ ಶೀರ್ಷಿಕೆಗಳು.
6. ಲೇಖನ - ಲೇಖನ.
7. ವಿಭಾಗ - ವಿಭಾಗ.
8. ಮೆನು - ಮೆನು.
9. ಡಿವಿ - ಬ್ಲಾಕ್.
10. ಸ್ಪ್ಯಾನ್ - ಸ್ಟ್ರಿಂಗ್.
11. ಪಿ - ಪ್ಯಾರಾಗ್ರಾಫ್.
12. ಟೇಬಲ್ - ಟೇಬಲ್.

ಒಂದು ಪುಟದಲ್ಲಿ ವಿಭಾಗಗಳನ್ನು ತಾರ್ಕಿಕವಾಗಿ ಡಿಲಿಮಿಟ್ ಮಾಡಲು ಅಂಶಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಅವುಗಳನ್ನು ಶೈಲಿಗಳನ್ನು ಬಳಸಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಅವು ಪುಟದಲ್ಲಿ ಹೇಗಾದರೂ ಗೋಚರಿಸುವ ಪಠ್ಯವನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ. ಆದರೆ ಒಳಗೆ ಟ್ಯಾಗ್ ಹೆಡ್ಸೇವಾ ಮಾಹಿತಿ ಇದೆ. ಅದನ್ನು ಸೂಚಿಸಲು ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಅವುಗಳಲ್ಲಿ ಬರೆಯಲಾದ ಎಲ್ಲವೂ ಸರ್ವರ್ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್ಗಳಿಗಾಗಿ ಉದ್ದೇಶಿಸಲಾಗಿದೆ.

ಅವರ ವಿಷಯಗಳನ್ನು ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಕಂಡುಹಿಡಿಯಲಾಗುವುದಿಲ್ಲ.

ಲಿಂಕ್ ಟ್ಯಾಗ್‌ಗೆ ಗಮನ ಕೊಡೋಣ. ಅದರ ಸಹಾಯದಿಂದ, ಬಾಹ್ಯ ಒಳಗೊಂಡಿರುವ ಫೈಲ್‌ಗಳಿಗೆ ಲಿಂಕ್‌ಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ. ಬಯಸಿದಲ್ಲಿ, ನೀವು ವಿಷಯಗಳನ್ನು ನೋಡಬಹುದು ಮತ್ತು ಡಿಸ್ಕ್ಗೆ ಉಳಿಸಬಹುದು. ಇದನ್ನು ಮಾಡಲು, ಪಾಯಿಂಟರ್ ಅನ್ನು ವಿಳಾಸಕ್ಕೆ ಸರಿಸಿ ಮತ್ತು RMB ಒತ್ತಿರಿ. "ಹೊಸ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯಿರಿ" ಆಯ್ಕೆಮಾಡಿ.

ಹೊಸ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಫೈಲ್, ನೀವು ವೀಕ್ಷಿಸಬಹುದು ಅಥವಾ ಉಳಿಸಬಹುದು.

ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಡೀಬಗ್ ಮಾಡಲು ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಪುಟವನ್ನು ತೆರೆಯಲು ಇದು ಹೆಚ್ಚು ಅನುಕೂಲಕರವಾಗಿದೆ ಸ್ಥಳೀಯ ಯಂತ್ರ. ನೀವು ಮಾರ್ಕ್‌ಅಪ್, ಶೈಲಿಗಳು ಮತ್ತು ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಮಾತ್ರ ಸರಿಪಡಿಸಬೇಕಾದರೆ, ಇದನ್ನು ನೇರವಾಗಿ ಫೋಲ್ಡರ್‌ನಿಂದ ಮಾಡಬಹುದು. HTML ಕೋಡ್ ಅನ್ನು ಅದೇ ರೀತಿಯಲ್ಲಿ ವೀಕ್ಷಿಸಲಾಗುತ್ತದೆ. ತಪ್ಪುಗಳು ಇಲ್ಲಿವೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್"ಕನ್ಸೋಲ್" ಟ್ಯಾಬ್ನಲ್ಲಿ ನೋಡಬಹುದು. ಇದು ದೋಷದ ವಿವರಣೆ ಮತ್ತು ಅದು ಸಂಭವಿಸಿದ ಸಾಲಿನ ಸಂಖ್ಯೆಯನ್ನು ತೋರಿಸುತ್ತದೆ.

ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ನೇರವಾಗಿ ಕೋಡ್‌ನಲ್ಲಿ ನೋಡಬಹುದು. ಇದಕ್ಕಾಗಿಯೇ "ಮೂಲ" ಟ್ಯಾಬ್ ಆಗಿದೆ.

ನಿರ್ದಿಷ್ಟ ಅಂಶದ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ಫಾರ್ ದೊಡ್ಡ ಪುಟಗಳುಜೊತೆಗೆ ಒಂದು ದೊಡ್ಡ ಸಂಖ್ಯೆಅಂಶಗಳನ್ನು ಕಂಡುಹಿಡಿಯುವುದು ಕಷ್ಟ ಅಗತ್ಯವಿರುವ ಕೋಡ್ಮಾರ್ಕ್ಅಪ್ ಉದ್ದಕ್ಕೂ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಬಳಸಬೇಕು ವಿಶೇಷ ತಂಡ ಸಂದರ್ಭ ಮೆನು. ತುಣುಕಿನ ಮೇಲೆ ಮೌಸ್ ಅನ್ನು ಸರಿಸಿ ಮತ್ತು RMB ಒತ್ತಿರಿ. "ವೀಕ್ಷಣೆ ಕೋಡ್" ಆಜ್ಞೆಯನ್ನು ಆಯ್ಕೆಮಾಡಿ.

ಅದೇ ವಿಂಡೋ ತೆರೆಯುತ್ತದೆ, ಆದರೆ ಆಯ್ದ ವಸ್ತುವಿನ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ.

ಪುನರಾರಂಭಿಸಿ

ಪುಟದ ಮೂಲ ಕೋಡ್ ಏನೆಂದು ನಾವು ನಿಮಗೆ ಹೇಳಿದ್ದೇವೆ. HTML ಮತ್ತು CSS ನ ಮೂಲಭೂತ ಜ್ಞಾನವನ್ನು ಕರಗತ ಮಾಡಿಕೊಳ್ಳಲು ಮತ್ತು ಬಳಸಿದರೆ ಸಾಕು ಅನುಕೂಲಕರ ಉಪಕರಣಗಳುಡೆವಲಪರ್, ನೀವು ನಿಮ್ಮ ಸ್ವಂತ HTML ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳನ್ನು ಡೀಬಗ್ ಮಾಡಬಹುದು.

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