ಸಾಮಾನ್ಯ ಸಂದರ್ಭಗಳಲ್ಲಿ ವೆಬ್ಪುಟದಲ್ಲಿ ಅಂಶಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಮಾರ್ಗವಾಗಿದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿರುವ ಎಲ್ಲಾ ಅಂಶಗಳು ಇನ್ಲೈನ್ ಪೆಟ್ಟಿಗೆಗಳು ಅಥವಾ ಬ್ಲಾಕ್ ಪೆಟ್ಟಿಗೆಗಳಲ್ಲಿರುವ ಪೆಟ್ಟಿಗೆಗಳಲ್ಲಿದೆ.
ಬ್ಲಾಕ್ ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಹಾಕುವುದು
ಸಾಮಾನ್ಯ ಹರಿವಿನಲ್ಲಿ, ಬ್ಲಾಕ್ ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಇತರ ನಂತರ ಪುಟವೊಂದರಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ (ಕ್ರಮದಲ್ಲಿ ಅವರು HTML ನಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ). ಅವು ಒಳಗೊಂಡಿರುವ ಪೆಟ್ಟಿಗೆಯ ಮೇಲಿನ ಎಡಭಾಗದಲ್ಲಿ ಮತ್ತು ಮೇಲಿಂದ ಕೆಳಗಿನಿಂದ ಪ್ರಾರಂಭಿಸುತ್ತವೆ. ಪ್ರತಿ ಪೆಟ್ಟಿಗೆಯ ನಡುವಿನ ಅಂತರವನ್ನು ಮೇಲ್ಭಾಗ ಮತ್ತು ಅಂಚಿನಲ್ಲಿರುವ ಅಂಚುಗಳು ಪರಸ್ಪರ ಒಂದರೊಳಗೆ ಕುಸಿದಿರುವುದರಿಂದ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ.
ಉದಾಹರಣೆಗೆ, ನೀವು ಈ ಕೆಳಗಿನ HTML ಅನ್ನು ಹೊಂದಿರಬಹುದು:
ಇದು ಮೊದಲ DIV. ಇದು ಸುಮಾರು 5 ಪಿಕ್ಸೆಲ್ ಅಂಚಿನಲ್ಲಿ 200 ಪಿಕ್ಸೆಲ್ ಅಗಲವಿದೆ.
ಇದು ವಿಶಾಲ ವಿಭಾಗವಾಗಿದೆ.
ಇದು ದ್ವಿತೀಯವಾದುದಕ್ಕಿಂತ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ವಿಶಾಲವಾದ ಒಂದು DIV.
ಪ್ರತಿ DIV ಒಂದು ಬ್ಲಾಕ್ ಅಂಶವಾಗಿದೆ, ಆದ್ದರಿಂದ ಇದು ಹಿಂದಿನ ಬ್ಲಾಕ್ ಅಂಶಕ್ಕಿಂತ ಕೆಳಗೆ ಇಡಲಾಗುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಎಡ ತುದಿಯು ಹೊಂದಿರುವ ಬ್ಲಾಕ್ನ ಎಡ ತುದಿಯನ್ನು ಸ್ಪರ್ಶಿಸುತ್ತದೆ.
ಇನ್ ಲೈನ್ ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಹಾಕುವುದು
ಇನ್ಲೈನ್ ಬಾಕ್ಸ್ಗಳನ್ನು ಅಡ್ಡಲಾಗಿ ಪುಟದಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ, ಕಂಟೇನರ್ ಎಲಿಮೆಂಟ್ನ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇನ್ನೊಂದು ಆರಂಭದ ನಂತರ. ಒಂದು ಸಾಲಿನಲ್ಲಿ ಇನ್ಲೈನ್ ಬಾಕ್ಸ್ನ ಎಲ್ಲ ಅಂಶಗಳನ್ನು ಸರಿಹೊಂದಿಸಲು ಸಾಕಷ್ಟು ಸ್ಥಳವಿಲ್ಲದೇ ಇರುವಾಗ, ಅವರು ಮುಂದಿನ ಸಾಲಿಗೆ ಸುತ್ತುತ್ತಾರೆ ಮತ್ತು ಅಲ್ಲಿಂದ ಲಂಬವಾಗಿ ಜೋಡಿಸುತ್ತಾರೆ.
ಉದಾಹರಣೆಗೆ, ಈ ಕೆಳಗಿನ HTML ನಲ್ಲಿ:
ಈ ಪಠ್ಯವು ದಪ್ಪವಾಗಿರುತ್ತದೆ ಮತ್ತು ಈ ಪಠ್ಯವು ಇಟಾಲಿಕ್ಸ್ ಆಗಿದೆ . ಮತ್ತು ಇದು ಸರಳ ಪಠ್ಯ.
ಪ್ಯಾರಾಗ್ರಾಫ್ ಒಂದು ಬ್ಲಾಕ್ ಅಂಶವಾಗಿದೆ, ಆದರೆ 5 ಇನ್ಲೈನ್ ಅಂಶಗಳಿವೆ:
- "ಈ ಪಠ್ಯ"
- "ದಪ್ಪ"
- "ಮತ್ತು ಈ ಪಠ್ಯವು"
- "ಇಟಾಲಿಕ್ಸ್"
- "ಇದು ಸರಳ ಪಠ್ಯವಾಗಿದೆ."
ಆದ್ದರಿಂದ ಸಾಮಾನ್ಯ ಹರಿವು ವೆಬ್ ಡಿಸೈನರ್ ಯಾವುದೇ ಹಸ್ತಕ್ಷೇಪವಿಲ್ಲದೆಯೇ ಈ ಬ್ಲಾಕ್ ಮತ್ತು ಇನ್ಲೈನ್ ಅಂಶಗಳನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ಹೇಗೆ ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂಬುದು.
ಒಂದು ಪುಟದಲ್ಲಿ ಅಂಶ ಎಲ್ಲಿದೆಯೆಂದರೆ ನೀವು ಸಿಎಸ್ಎಸ್ ಸ್ಥಾನೀಕರಣ ಅಥವಾ ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ಗಳನ್ನು ಬಳಸಬಹುದು .