ಡ್ರೀಮ್ವೇವರ್ನಲ್ಲಿ HTML ಕೋಡ್ ಬರವಣಿಗೆ

ನೀವು ಮಾತ್ರ ಡಬ್ಲ್ಯುವೈಎಸ್ಐಡಬ್ಲ್ಯುವೈಜಿ ಬಳಸಬೇಡ

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

ಡ್ರೀಮ್ವೇವರ್ ಕೋಡ್ ವೀಕ್ಷಣೆಗೆ ಹೇಗೆ ಪ್ರವೇಶಿಸುವುದು

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

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

ಎರಡೂ ಬಾರಿ ಒಂದನ್ನು ಒಮ್ಮೆ ವೀಕ್ಷಿಸಲು:

• "ಸ್ಪ್ಲಿಟ್" ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ("ಕೋಡ್" ಮತ್ತು "ಡಿಸೈನ್" ನಡುವೆ)
• ವೀಕ್ಷಿಸು ಮೆನುವಿನಲ್ಲಿ, "ಕೋಡ್ ಮತ್ತು ವಿನ್ಯಾಸ" ಆಯ್ಕೆಮಾಡಿ

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

ಕೋಡ್ ವೀಕ್ಷಣೆ ಆಯ್ಕೆಗಳು

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

ನೀವು ಕೋಡ್ ವೀಕ್ಷಣೆಯಲ್ಲಿರುವಾಗ, ಟೂಲ್ಬಾರ್ನಲ್ಲಿ "ವೀಕ್ಷಣೆ ಆಯ್ಕೆಗಳು" ಬಟನ್ ಇದೆ. ವೀಕ್ಷಣೆ ಮೆನುಗೆ ಹೋಗಿ "ಕೋಡ್ ವೀಕ್ಷಣೆ ಆಯ್ಕೆಗಳು" ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ನೀವು ಆಯ್ಕೆಗಳನ್ನು ವೀಕ್ಷಿಸಬಹುದು. ಆಯ್ಕೆಗಳು ಹೀಗಿವೆ:

• ವರ್ಡ್ ರಾಪ್ - HTML ಕೋಡ್ ಅನ್ನು ಸುತ್ತುವ ಮೂಲಕ ನೀವು ಅಡ್ಡಲಾಗಿ ಸ್ಕ್ರೋಲಿಂಗ್ ಮಾಡದೆಯೇ ಅದನ್ನು ವೀಕ್ಷಿಸಬಹುದು. ಈ ಆಯ್ಕೆಯು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಯಾವುದೇ ಕ್ಯಾರೇಜ್ ರಿಟರ್ನ್ಸ್ ಅನ್ನು ಸೇರಿಸುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸಿ, ಅದು ಕೋಡ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ, ಇದರಿಂದಾಗಿ ಅದು ಸುಲಭವಾಗಿ ಓದಲು ಸಾಧ್ಯವಿದೆ.
• ಲೈನ್ ಸಂಖ್ಯೆಗಳು - ಸಂಕೇತದ ಬದಿಯಲ್ಲಿ ಲೈನ್ ಸಂಖ್ಯೆಯನ್ನು ತೋರಿಸುತ್ತದೆ. ಇದು ವೀಕ್ಷಣೆ ವಿಂಡೋಕ್ಕಿಂತ ದೀರ್ಘವಾಗಿ ಸುತ್ತುವ ರೇಖೆಗಳಿಗೆ ಒಂದು ಸಾಲು ಸುತ್ತು ಸಂಕೇತವನ್ನು ತೋರಿಸುತ್ತದೆ.
• ಹಿಡನ್ ಅಕ್ಷರಗಳು - ವೆಬ್ ಪುಟದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ವಿಶೇಷ ಪಾತ್ರಗಳನ್ನು ಬದಲಿಗೆ ಜಾಗಗಳನ್ನು ತೋರಿಸುತ್ತದೆ. ಡಾಟ್ ಜಾಗವನ್ನು ಬದಲಾಯಿಸಿದಂತೆಯೇ, ಒಂದು ಡಬಲ್ ಚೆವ್ರ್ರಾನ್ ಪ್ರತಿ ಟ್ಯಾಬ್ ಅನ್ನು ಬದಲಿಸುತ್ತದೆ ಮತ್ತು ಪಿಲ್ಕ್ರೊ ಅಥವಾ ಪ್ಯಾರಾಗ್ರಾಫ್ ಮಾರ್ಕರ್ ಪ್ರತಿ ಸಾಲು ಬ್ರೇಕ್ ಅನ್ನು ಬದಲಿಸುತ್ತದೆ.
• ಅಮಾನ್ಯ ಕೋಡ್ ಹೈಲೈಟ್ - ಹಳದಿ ಬಣ್ಣದಲ್ಲಿ ಹೈಲೈಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ತಪ್ಪಾಗಿದೆ. ನೀವು ಹಳದಿ ಟ್ಯಾಗ್ ಅನ್ನು ಆರಿಸಿದರೆ, ಆಸ್ತಿ ಇನ್ಸ್ಪೆಕ್ಟರ್ ನಿಮಗೆ ಅದನ್ನು ಹೇಗೆ ಸರಿಪಡಿಸಬೇಕು ಎಂಬುದರ ಕುರಿತು ಸುಳಿವು ನೀಡುತ್ತದೆ.
• ಸಿಂಟ್ಯಾಕ್ಸ್ ಬಣ್ಣ - ನಿಮ್ಮ ಕೋಡ್ನ ಬಣ್ಣ ಕೋಡಿಂಗ್ ಅನ್ನು ಆನ್ ಅಥವಾ ಆಫ್ ಮಾಡಿ. ಆದ್ಯತೆಗಳ ಕೋಡ್ ಬಣ್ಣ ವಿಭಾಗದಲ್ಲಿ ನಿಮ್ಮ ಬಣ್ಣ ಕೋಡಿಂಗ್ನ ಬಣ್ಣಗಳನ್ನು ನೀವು ಬದಲಾಯಿಸಬಹುದು.
• ಸ್ವಯಂ ಇಂಡೆಂಟ್ - ಮೇಲಿನ ಕೋಡ್ ಅನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಿದರೆ ಕ್ಯಾರೇಜ್ ರಿಟರ್ನ್ ನಂತರ ನಿಮ್ಮ ಕೋಡ್ ಇಂಡೆಂಟ್ ಅನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಮಾಡುತ್ತದೆ. ಆದ್ಯತೆಗಳ ಕೋಡ್ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ವಿಭಾಗದಲ್ಲಿ ಟ್ಯಾಬ್ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ಇಂಡೆಂಟ್ನ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸಬಹುದು.

ಡ್ರೀಮ್ವೇವರ್ ಕೋಡ್ ವೀಕ್ಷಣೆಯಲ್ಲಿ ಎಡಿಟಿಂಗ್ HTML ಕೋಡ್

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

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

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

• ಎಚ್ಟಿಎಮ್ಎಲ್ ಲಕ್ಷಣಗಳು
• ವರ್ಗ ಮತ್ತು ID ಹೆಸರುಗಳು
• ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳು

ಕೋಡ್ ಸುಳಿವು ಕಾಣಿಸದಿದ್ದರೆ, ಅವುಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ನೀವು Ctrl-spacebar (Windows) ಅಥವಾ Cmd-spacebar (Macintosh) ಅನ್ನು ಹಿಟ್ ಮಾಡಬಹುದು. ನಿಮ್ಮ ಟ್ಯಾಗ್ ಅನ್ನು ಮುಂಚಿತವಾಗಿ ಬೇರೆ ವಿಂಡೋಗೆ ನೀವು ಬದಲಾಯಿಸಿದರೆ ಕೋಡ್ ಸುಳಿವು ಏಕೆ ಕಾಣಿಸುವುದಿಲ್ಲ ಎಂಬುದಕ್ಕೆ ಇರುವ ಸಾಮಾನ್ಯ ಕಾರಣವಾಗಿದೆ. ಡ್ರೀಮ್ವೇವರ್ ಪಾತ್ರವನ್ನು ಟೈಪ್ ಮಾಡುವುದನ್ನು ಆಫ್ ಮಾಡುವುದರಿಂದ <, ನೀವು ವಿಂಡೋ ಮತ್ತು ರಿಟರ್ನ್ ಅನ್ನು ಬಿಟ್ಟು ಹೋದರೆ, ನೀವು ಕೋಡ್ ಸುಳಿವುಗಳನ್ನು ಪುನರಾರಂಭಿಸಬೇಕು.

ಪಾರು ಕೀಲಿಯನ್ನು ಹೊಡೆಯುವ ಮೂಲಕ ಕೋಡ್ ಸುಳಿವು ಮೆನುವನ್ನು ನೀವು ಆಫ್ ಮಾಡಬಹುದು.

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

ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿ ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಸಂಪಾದಿಸಲು ನೀವು ಬದಲಿಸಲು ಸಿದ್ಧವಾಗಿಲ್ಲದಿದ್ದರೆ ಆದರೆ ಕೋಡ್ ಬರೆಯುವುದರಿಂದ ನೀವು ಕೋಡ್ ಅನ್ನು ನೋಡಲು ಬಯಸಿದರೆ, ನೀವು ಕೋಡ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ ಅನ್ನು ಪ್ರಯತ್ನಿಸಬೇಕು. ಇದು HTML ಕೋಡ್ ಅನ್ನು ಪ್ರತ್ಯೇಕ ವಿಂಡೋದಲ್ಲಿ ತೆರೆಯುತ್ತದೆ. ಇದು ಕೋಡ್ ವೀಕ್ಷಣೆಯಂತೆಯೇ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಮತ್ತು, ವಾಸ್ತವವಾಗಿ, ಪ್ರಸ್ತುತ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಮೂಲತಃ ಡಿಟ್ಯಾಚೇಬಲ್ ಕೋಡ್ ವೀಕ್ಷಣೆಯ ವಿಂಡೋ ಆಗಿದೆ. ಕೋಡ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ ತೆರೆಯಲು, ವಿಂಡೋ ಮೆನುವಿಗೆ ಹೋಗಿ "ಕೋಡ್ ಇನ್ಸ್ಪೆಕ್ಟರ್" ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿ ಅಥವಾ ನಿಮ್ಮ ಕೀಬೋರ್ಡ್ನಲ್ಲಿ F10 ಕೀಲಿಯನ್ನು ಹಿಟ್ ಮಾಡಿ.

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

ಅನೇಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಡರ್ಗಳಿಗೆ ಗೊತ್ತಿಲ್ಲ ಅಥವಾ ಬಳಸದ ವೈಶಿಷ್ಟ್ಯವೆಂದರೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಡ್ ಅನ್ನು ಕುಸಿಯುವ ಸಾಮರ್ಥ್ಯ. ಇದು ಡಾಕ್ಯುಮೆಂಟ್ನಿಂದ ಟ್ಯಾಗ್ಗಳನ್ನು ತೆಗೆದುಹಾಕುವುದಿಲ್ಲ, ಆದರೆ ವೀಕ್ಷಣೆಗೆ ಅವುಗಳನ್ನು ತೆಗೆದುಹಾಕಿ ಇದರಿಂದ ನೀವು ಏನು ಮಾಡುತ್ತಿದ್ದೀರಿ ಎಂಬುದರ ಕಡೆಗೆ ಅವರು ಗಮನವನ್ನು ಕೇಳುವುದಿಲ್ಲ. ನಿಮ್ಮ ಕೋಡ್ ಕುಸಿಯಲು:

1. ನೀವು ಮರೆಮಾಡಲು ಬಯಸುವ ಕೋಡ್ ವಿಭಾಗವನ್ನು ಆಯ್ಕೆ ಮಾಡಿ
2. ಸಂಪಾದನಾ ಮೆನುವಿನಲ್ಲಿ, "ಸಂಕುಚನ ಆಯ್ಕೆ" ಅನ್ನು "ಕೋಡ್ ಸಂಕುಚಿಸಿ" ಉಪ-ಮೆನುವಿನಿಂದ ಆಯ್ಕೆ ಮಾಡಿ

ಕೋಡ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಮತ್ತು ಗಟರ್ನಲ್ಲಿ ಕಂಡುಬರುವ ಕೋಡ್ ಕುಸಿತ ಚಿಹ್ನೆಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದು ಸುಲಭವಾದ ಮಾರ್ಗವಾಗಿದೆ. ನೀವು ಆಯ್ದ ಕೋಡ್ ಅನ್ನು ನೇರವಾಗಿ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು "ಸಂಕುಚಿಸಿ ಆಯ್ಕೆ" ಆಯ್ಕೆ ಮಾಡಬಹುದು.

ಹೈಲೈಟ್ ಮಾಡಲಾಗಿರುವುದನ್ನು ಹೊರತುಪಡಿಸಿ ಎಲ್ಲವನ್ನು ಮರೆಮಾಡಲು ನೀವು ಬಯಸಿದರೆ, ಮೇಲಿನ ಯಾವುದೇ ವಿಧಾನಗಳಲ್ಲಿ "ಹೊರಗೆ ಕುಗ್ಗಿಸು" ಆಯ್ಕೆಮಾಡಿ.

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

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