ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಕಲಿಯುವ ಮೂಲಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಷ್ಟಕಗಳ ಹೆಚ್ಚಿನದನ್ನು ಪಡೆಯುವುದು
ಎಚ್ಟಿಎಮ್ಎಲ್ ಟೇಬಲ್ ಲಕ್ಷಣಗಳು ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಷ್ಟಕಗಳ ಮೇಲೆ ಹೆಚ್ಚಿನ ನಿಯಂತ್ರಣವನ್ನು ನೀಡುತ್ತವೆ. ಹೆಚ್ಚು ಆಸಕ್ತಿದಾಯಕವಾಗುವಂತೆ ಮತ್ತು ನಿಮ್ಮ ಪುಟದ ನೋಟವನ್ನು ಬದಲಿಸಲು ಕೋಷ್ಠಕಗಳಿಗೆ ಲಭ್ಯವಿರುವ ಬಹಳಷ್ಟು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಇಲ್ಲಿ ಕಾಣಬಹುದು.
ಎಚ್ಟಿಎಮ್ಎಲ್ ಟೇಬಲ್ ಎಲಿಮೆಂಟ್ ಗುಣಲಕ್ಷಣಗಳು
HTML5 ನಲ್ಲಿ ಅಂಶವು ಜಾಗತಿಕ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಮತ್ತು ಇನ್ನೊಂದು ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುತ್ತದೆ:. ಮತ್ತು 1 ಅಥವಾ ಖಾಲಿ (ಅಂದರೆ ಗಡಿ = "") ಮೌಲ್ಯವನ್ನು ಮಾತ್ರ ಹೊಂದಲು ಬದಲಾಗಿದೆ. ನೀವು ಗಡಿ ಅಗಲವನ್ನು ಬದಲಿಸಲು ಬಯಸಿದರೆ, ನೀವು ಗಡಿ-ಅಗಲ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಬೇಕು.
ಮಾನ್ಯ HTML5 ಟೇಬಲ್ ಲಕ್ಷಣಗಳ ಬಗ್ಗೆ ತಿಳಿಯಲು ಕೆಳಗೆ ನೋಡಿ.
ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ನಿರ್ದಿಷ್ಟತೆಯ ಭಾಗವಾಗಿರುವ ಹಲವು ಲಕ್ಷಣಗಳು HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲ:
- ಟೇಬಲ್ನ TD ಮತ್ತು TH ಅಂಶಗಳಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ಪ್ಯಾಡಿಂಗ್ ಆಸ್ತಿ ಬಳಸಿ.
- ಮೇಜಿನ ಮೇಲೆ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಗಡಿ-ಅಂತರವನ್ನು ಬಳಸಿ.
- ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳು ಗಡಿ ಬಣ್ಣ ಬಳಸಿ: ಕಪ್ಪು; ಮತ್ತು ಟೇಬಲ್ ಮೇಲೆ ಗಡಿ-ಶೈಲಿಯ.
- ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳು ಗಡಿ ಬಣ್ಣ ಬಳಸಿ: ಕಪ್ಪು; ಮತ್ತು ಟೇಬಲ್ನ ಸೂಕ್ತ ಅಂಶಗಳ ಮೇಲೆ ಗಡಿ-ಶೈಲಿಯ.
- ಬದಲಿಗೆ, ನೀವು ಮೇಜಿನ ರಚನೆಯನ್ನು ವಿವರಣಾಕಾರದಲ್ಲಿ ವಿವರಿಸಬೇಕು ಅಥವಾ ಇಡೀ ಟೇಬಲ್ ಅನ್ನು FIGURE ನಲ್ಲಿ ಇರಿಸಿ ಅದನ್ನು FIGCAPTION ನಲ್ಲಿ ವಿವರಿಸಬೇಕು. ಪರ್ಯಾಯವಾಗಿ, ನೀವು ಮೇಜಿನ ರಚನೆಯನ್ನು ಸರಳಗೊಳಿಸಬಹುದು ಆದ್ದರಿಂದ ಯಾವುದೇ ವಿವರಣೆ ಅಗತ್ಯವಿಲ್ಲ.
- ಸಿಎಸ್ಎಸ್ ಅಗಲ ಆಸ್ತಿ ಬಳಸಿ.
ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ರಲ್ಲಿ ಅಸಮ್ಮತಿಗೊಂಡ ಒಂದು ಗುಣಲಕ್ಷಣ ಮತ್ತು HTML5 ನಲ್ಲಿ ಸಹ ಬಳಕೆಯಲ್ಲಿಲ್ಲ.
HTML 4.01 ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿಯಿರಿ.
- ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಮಾರ್ಜಿನ್ ಆಸ್ತಿ ಬಳಸಿ.
ಯಾವುದೇ ಎಚ್ಟಿಎಮ್ಎಲ್ ಸ್ಪೆಸಿಫಿಕೇಶನ್ನ ಭಾಗವಾಗಿಲ್ಲದ ಹಲವು ಲಕ್ಷಣಗಳು ಸಹ ಇವೆ.
ನೀವು ಬೆಂಬಲಿಸುವ ಬ್ರೌಸರ್ಗಳು ಅವುಗಳನ್ನು ನಿಭಾಯಿಸಬಹುದೆಂದು ನಿಮಗೆ ತಿಳಿದಿದ್ದರೆ ಈ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿ ಮತ್ತು ನೀವು ಮಾನ್ಯವಾದ HTML ಬಗ್ಗೆ ಕಾಳಜಿ ವಹಿಸುವುದಿಲ್ಲ.
- ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಬಳಸಿ.
- bordercolor-ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳು ಗಡಿ ಬಣ್ಣ ಬಳಸಿ.
- bordercolorlight ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳು ಗಡಿ ಬಣ್ಣ ಬಳಸಿ.
- bordercolordark- ಬದಲಾಗಿ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಗಡಿ ಬಣ್ಣ ಬಳಸಿ.
- ಕೋಲ್ಗಳು -ಈ ಗುಣಲಕ್ಷಣಕ್ಕೆ ಪರ್ಯಾಯವಾಗಿಲ್ಲ.
- ಎತ್ತರ ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಎತ್ತರ ಬಳಸಿ.
- ಬದಲಿಗೆ CSS ಆಸ್ತಿ ಅಂಚು ಬಳಸಿ.
- ಬದಲಿಗೆ CSS ಆಸ್ತಿ ಅಂಚು ಬಳಸಿ.
- ಬದಲಿಗೆ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಿಳಿ ಜಾಗವನ್ನು ಬಳಸಿ.
- ಬದಲಿಗೆ CSS ಆಸ್ತಿ ಲಂಬ-ಅಲೈನ್ ಬಳಸಿ.
ಬ್ರೌಸರ್ ನಿರ್ದಿಷ್ಟವಾದ ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿಯಿರಿ.
HTML5 ಟೇಬಲ್ ಎಲಿಮೆಂಟ್ ಗುಣಲಕ್ಷಣಗಳು
ನಾವು ಮೇಲೆ ಹೇಳಿದಂತೆ, ಜಾಗತಿಕ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊರತುಪಡಿಸಿ, ಕೇವಲ ಒಂದು ಗುಣಲಕ್ಷಣವಿದೆ, ಅದು HTML5 ಟ್ಯಾಬ್ಲೆಟ್ ಅಂಶ: ಅಂಚಿನಲ್ಲಿ ಮಾನ್ಯವಾಗಿದೆ.
ಬಾರ್ಡರ್ ಆಟ್ರಿಬ್ಯೂಟ್ ಇಡೀ ಟೇಬಲ್ ಸುತ್ತಲೂ ಗಡಿ ಮತ್ತು ಅದರೊಳಗಿನ ಎಲ್ಲಾ ಕೋಶಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು HTML5 ವಿವರಣೆಯಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆಯೆ ಎಂದು ಕೆಲವು ಪ್ರಶ್ನೆಗಳು ಕಂಡುಬಂದವು, ಆದರೆ ಇದು ಟೇಬಲ್ ರಚನೆಯ ಬಗ್ಗೆ ಸರಳವಾದ ಶೈಲಿ ಪರಿಣಾಮಗಳನ್ನು ಮೀರಿದೆ.
ಗಡಿ ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಲು, ಇಲ್ಲದಿದ್ದರೆ ಗಡಿ ಮತ್ತು ಖಾಲಿ ಇದ್ದರೆ (ಅಥವಾ ಗುಣಲಕ್ಷಣವನ್ನು ಬಿಟ್ಟುಬಿಡಿ) ಮೌಲ್ಯವನ್ನು ನೀವು 1 ಕ್ಕೆ ಹೊಂದಿಸಿ. ಗಡಿ ಅಗಲವಿಲ್ಲದ 0 ಮತ್ತು ಹೆಚ್ಚಿನ ಅಂಚುಗಳ ಮೌಲ್ಯವು (2, 3, 30, 500, ಇತ್ಯಾದಿ) ಗಡಿಯ ಅಗಲವನ್ನು ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಘೋಷಿಸಲು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಬೆಂಬಲಿಸುತ್ತವೆ, ಆದರೆ ಇದು HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲ. ಬದಲಿಗೆ, ನೀವು ಗಡಿ ಅಗಲ ಮತ್ತು ಇತರ ಶೈಲಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಸಿಎಸ್ಎಸ್ ಗಡಿ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಬೇಕು.
ಗಡಿಯೊಂದಿಗೆ ಟೇಬಲ್ ರಚಿಸಲು, ಬರೆಯಿರಿ:
border = "1" >
ಇದು ಗಡಿಯೊಂದಿಗೆ ಟೇಬಲ್ ಆಗಿದೆ
HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲದ HTML 4.01 ಲಕ್ಷಣಗಳು ಇವೆ. ನೀವು HTML 4.01 ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಬರೆಯಲು ಯೋಜಿಸಿದರೆ, ನೀವು ಅವುಗಳನ್ನು ಕಲಿಯಬಹುದು, ಇಲ್ಲದಿದ್ದರೆ, ನೀವು ಅವುಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸಬಹುದು. ಈ ಹೆಚ್ಚಿನ ಗುಣಲಕ್ಷಣಗಳು ಪರ್ಯಾಯಗಳನ್ನು ಹೊಂದಿವೆ, ಮೇಲೆ ವಿವರಿಸಲಾಗಿದೆ.
HTML5 (ಮತ್ತು HTML 4.01) ನಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುವ ಅಂಶದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಾವು ವಿವರಿಸುತ್ತೇವೆ. ಇದು ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ನಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುವ ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವಿವರಿಸುತ್ತದೆ, ಆದರೆ HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲ. ನೀವು ಇನ್ನೂ HTML 4.01 ಡಾಕ್ಯುಮೆಂಟ್ಗಳನ್ನು ಬರೆಯುತ್ತಿದ್ದರೆ, ನೀವು ಈ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಬಹುದು, ಆದರೆ ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನವುಗಳು ನೀವು HTML5 ಗೆ ಚಲಿಸುವಾಗ ನಿಮ್ಮ ಪುಟಗಳು ಹೆಚ್ಚು ಭವಿಷ್ಯದ-ಪ್ರೂಫ್ ಮಾಡುವ ಪರ್ಯಾಯಗಳನ್ನು ಹೊಂದಿವೆ.
ಮಾನ್ಯ ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ಗುಣಲಕ್ಷಣಗಳು
ನಾವು ಮೇಲೆ ವಿವರಿಸಿದ ಗುಣಲಕ್ಷಣ.
ಅಂಚುಗಳ ಅಗಲವನ್ನು ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲು ಯಾವುದೇ ಪೂರ್ಣಾಂಕವನ್ನು (0, 1, 2, 15, 20, 200, ಇತ್ಯಾದಿ) ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು ಎಂಬುದು HTML5 ನಿಂದ HTML 4.01 ನಲ್ಲಿರುವ ಒಂದೇ ಒಂದು ವ್ಯತ್ಯಾಸ.
5px ಗಡಿಯೊಂದಿಗೆ ಟೇಬಲ್ ಅನ್ನು ನಿರ್ಮಿಸಲು, ಬರೆಯಿರಿ:
border = "5" >
ಈ ಟೇಬಲ್ 5px ಗಡಿ ಹೊಂದಿದೆ.
ಎರಡು ಕೋಷ್ಟಕಗಳ ಗಡಿಗಳ ಉದಾಹರಣೆ ನೋಡಿ.
ಜೀವಕೋಶದ ಅಂಚುಗಳು ಮತ್ತು ಕೋಶದ ವಿಷಯಗಳ ನಡುವಿನ ಸ್ಥಳವನ್ನು ಗುಣಲಕ್ಷಣವು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಡೀಫಾಲ್ಟ್ ಎರಡು ಪಿಕ್ಸೆಲ್ಗಳು. ವಿಷಯ ಮತ್ತು ಗಡಿಗಳ ನಡುವೆ ಯಾವುದೇ ಜಾಗವನ್ನು ನೀವು ಬಯಸದಿದ್ದರೆ ಸೆಲ್ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು 0 ಗೆ ಹೊಂದಿಸಿ.
ಸೆಲ್ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು 20 ಕ್ಕೆ ಹೊಂದಿಸಲು, ಬರೆಯಿರಿ:
cellpadding = "20" >
ಈ ಟೇಬಲ್ 20 ರ ಸೆಲ್ಪ್ಯಾಡ್ ಅನ್ನು ಹೊಂದಿದೆ.
ಸೆಲ್ ಅಂಚುಗಳನ್ನು 20 ಪಿಕ್ಸೆಲ್ಗಳಿಂದ ಬೇರ್ಪಡಿಸಲಾಗುತ್ತದೆ.
ಸೆಲ್ಪ್ಯಾಡ್ನೊಂದಿಗೆ ಮೇಜಿನ ಉದಾಹರಣೆ ನೋಡಿ
ಗುಣಲಕ್ಷಣವು ಟೇಬಲ್ ಜೀವಕೋಶಗಳು ಮತ್ತು ಕೋಶದ ವಿಷಯದ ನಡುವಿನ ಸ್ಥಳಾವಕಾಶವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಸೆಲ್ಪ್ಯಾಡ್ ಮಾಡುವಂತೆ, ಡೀಫಾಲ್ಟ್ ಎರಡು ಪಿಕ್ಸೆಲ್ಗಳಿಗೆ ಹೊಂದಿಸಲ್ಪಡುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ಯಾವುದೇ ಸೆಲ್ ಸ್ಪೇಸಿಂಗ್ ಬಯಸದಿದ್ದರೆ ಅದನ್ನು 0 ಗೆ ಹೊಂದಿಸಬೇಕು.
ಕೋಶದ ಅಂತರವನ್ನು ಟೇಬಲ್ಗೆ ಸೇರಿಸಲು, ಬರೆಯಿರಿ:
<ಟೇಬಲ್ ಸೆಲ್ಸ್ಪೇಸಿಂಗ್ = "20" >
ಈ ಕೋಷ್ಟಕವು 20 ರ ಕೋಶದ ಅಂತರವನ್ನು ಹೊಂದಿದೆ.
ಜೀವಕೋಶಗಳನ್ನು 20 ಪಿಕ್ಸೆಲ್ಗಳಿಂದ ಬೇರ್ಪಡಿಸಲಾಗುತ್ತದೆ.
ಸೆಲ್ಸ್ಪೇಸಿಂಗ್ನ ಟೇಬಲ್ ಅನ್ನು ನೋಡಿ
ಟೇಬಲ್ ಹೊರಗಡೆ ಸುತ್ತಲಿನ ಗಡಿಯ ಯಾವ ಭಾಗಗಳು ಗೋಚರಿಸುತ್ತವೆ ಎಂದು ಗುಣಲಕ್ಷಣ ಗುರುತಿಸುತ್ತದೆ. ನೀವು ಎಲ್ಲಾ ನಾಲ್ಕು ಬದಿಗಳಲ್ಲಿ, ಯಾವುದೇ ಒಂದು ಬದಿ, ಮೇಲಿನ ಮತ್ತು ಕೆಳಭಾಗದಲ್ಲಿ, ಎಡ ಮತ್ತು ಬಲ, ಅಥವಾ ಯಾವುದೂ ನಿಮ್ಮ ಟೇಬಲ್ ಅನ್ನು ಫ್ರೇಮ್ ಮಾಡಬಹುದು.
ಎಡಭಾಗದ ಗಡಿ ಮಾತ್ರ ಹೊಂದಿರುವ ಮೇಜಿನ HTML:
ಫ್ರೇಮ್ = "lhs" >
ಈ ಟೇಬಲ್
ಅನ್ನು ಹೊಂದಿರುತ್ತದೆ
ಮಾತ್ರ
ಎಡಭಾಗದ ಚೌಕಟ್ಟು.
ಮತ್ತು ಕೆಳಗಿನ ಚೌಕಟ್ಟಿನೊಂದಿಗೆ ಮತ್ತೊಂದು ಉದಾಹರಣೆ:
ಫ್ರೇಮ್ = "ಕೆಳಗೆ" >
ಈ ಮೇಜಿನ ಕೆಳಭಾಗದಲ್ಲಿ ಚೌಕಟ್ಟನ್ನು ಹೊಂದಿದೆ.
ಫ್ರೇಮ್ಗಳೊಂದಿಗೆ ಕೆಲವು ಟೇಬಲ್ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
ಆಟ್ರಿಬ್ಯೂಟ್ ಫ್ರೇಮ್ ಆಟ್ರಿಬ್ಯೂಟ್ಗೆ ಹೋಲುತ್ತದೆ, ಇದು ಮೇಜಿನ ಕೋಶಗಳ ಸುತ್ತಲಿನ ಗಡಿಯನ್ನು ಮಾತ್ರ ಪ್ರಭಾವಿಸುತ್ತದೆ. TBODY ಮತ್ತು TFOOT ಅಥವಾ ಯಾವುದೂ ಇಲ್ಲದ ಗುಂಪುಗಳ ನಡುವೆ ಕಾಲಮ್ಗಳ ನಡುವೆ ಎಲ್ಲಾ ಕೋಶಗಳ ಮೇಲೆ ನೀವು ನಿಯಮಗಳನ್ನು ಹೊಂದಿಸಬಹುದು.
ಸಾಲುಗಳ ನಡುವೆ ಮಾತ್ರ ಸಾಲುಗಳನ್ನು ಹೊಂದಿರುವ ಟೇಬಲ್ ಅನ್ನು ನಿರ್ಮಿಸಲು, ಬರೆಯಿರಿ:
ನಿಯಮಗಳು = "ಸಾಲುಗಳು" >
ಈ 4x4 ಟೇಬಲ್ ಅನ್ನು ಹೊಂದಿದೆ
ಸಾಲುಗಳು ಕಾಲಮ್ಗಳು
ನೊಂದಿಗೆ ವಿವರಿಸಲ್ಪಟ್ಟಿದೆ
ನಿಯಮಗಳು ಗುಣಲಕ್ಷಣ.
ಮತ್ತು ಕಾಲಮ್ಗಳ ನಡುವಿನ ರೇಖೆಗಳೊಂದಿಗೆ ಮತ್ತೊಂದು:
ನಿಯಮಗಳು = "cols" >
ಇದು ಆಗಿದೆ
ಟೇಬಲ್
ಅಲ್ಲಿ
ಕಾಲಮ್ಗಳು
ಇವೆ
ಹೈಲೈಟ್ ಮಾಡಿದೆ
ನಿಯಮಗಳೊಂದಿಗೆ ಆ ಟೇಬಲ್ನ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ
ಗುಣಲಕ್ಷಣ ಓದುವ ಕೋಷ್ಟಕಗಳನ್ನು ಹೊಂದಿರುವ ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಮತ್ತು ಇತರ ಬಳಕೆದಾರ ಏಜೆಂಟರಿಗೆ ಟೇಬಲ್ ಬಗ್ಗೆ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಸಾರಾಂಶ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಲು, ನೀವು ಟೇಬಲ್ನ ಸಂಕ್ಷಿಪ್ತ ವಿವರಣೆಯನ್ನು ಬರೆಯಿರಿ ಮತ್ತು ಆ ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವಾಗಿ ಇರಿಸಿ. ಸಾರಾಂಶ ವೆಬ್ ಪುಟದಲ್ಲಿ ಹೆಚ್ಚಿನ ಗುಣಮಟ್ಟದ ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲ.
ಒಂದು ಸರಳ ಟೇಬಲ್ ಅನ್ನು ಸಾರಾಂಶದೊಂದಿಗೆ ಬರೆಯುವುದು ಹೇಗೆ:
summary = "ಇದು ಫಿಲ್ಮರ್ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿರುವ ಒಂದು ಮಾದರಿ ಕೋಷ್ಟಕವಾಗಿದ್ದು, ಈ ಕೋಷ್ಟಕದ ಉದ್ದೇಶವು ಸಾರಾಂಶವನ್ನು ಪ್ರದರ್ಶಿಸುವುದು." >
ಕಾಲಮ್ 1 ಸಾಲು 1
ಕಾಲಮ್ 2 ಸಾಲು 1
ಕಾಲಮ್ 1 ಸಾಲು 2
ಕಾಲಮ್ 2 ಸಾಲು 2
ಸಾರಾಂಶದೊಂದಿಗೆ ಟೇಬಲ್ ವೀಕ್ಷಿಸಿ
ಗುಣಲಕ್ಷಣವು ಟೇಬಲ್ನ ಅಗಲವನ್ನು ಎರಡೂ ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಅಥವಾ ಕಂಟೇನರ್ ಎಲಿಮೆಂಟ್ನ ಶೇಕಡಾವಾರು ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಅಗಲವನ್ನು ಹೊಂದಿಸದಿದ್ದಲ್ಲಿ, ಟೇಬಲ್ ಹೆಚ್ಚು ಜಾಗವನ್ನು ಮಾತ್ರ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಏಕೆಂದರೆ ಇದು ವಿಷಯಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಅಗತ್ಯವಾಗಿರುತ್ತದೆ, ಗರಿಷ್ಟ ಅಗಲವನ್ನು ಪೋಷಕ ಅಂಶದ ಅಗಲವು ಒಂದೇ ಆಗಿರುತ್ತದೆ.
ನಿರ್ದಿಷ್ಟ ಅಗಲ ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಟೇಬಲ್ ಅನ್ನು ನಿರ್ಮಿಸಲು, ಬರೆಯಿರಿ:
width = "300" >
ಈ ಟೇಬಲ್ ಇದು ಒಳಗಿನ ಧಾರಕದ ಅಗಲದ 80% ಆಗಿದೆ.
ಮತ್ತು ಪೋಷಕ ಅಂಶದ ಶೇಕಡಾವಾರು ಅಗಲವನ್ನು ಹೊಂದಿರುವ ಟೇಬಲ್ ಅನ್ನು ನಿರ್ಮಿಸಲು, ಬರೆಯಿರಿ:
width = "80%" >
ಈ ಟೇಬಲ್ ಇದು ಒಳಗಿನ ಧಾರಕದ ಅಗಲದ 80% ಆಗಿದೆ.
ಅಗಲವಿರುವ ಮೇಜಿನ ಉದಾಹರಣೆ ನೋಡಿ
ಅಸಮ್ಮತಿಸಿದ HTML 4.01 ಟೇಬಲ್ ಲಕ್ಷಣ
ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ರಲ್ಲಿ ಅಸಮ್ಮತಿಗೊಂಡಿದೆ ಮತ್ತು HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲದ TABLE ಅಂಶದ ಒಂದು ಗುಣಲಕ್ಷಣವಿದೆ: align . ಈ ಆಟ್ರಿಬ್ಯೂಟ್ ಅದರ ಪಕ್ಕದಲ್ಲಿರುವ ಪಠ್ಯಕ್ಕೆ ಸಂಬಂಧಿಸಿದಂತೆ ಪುಟದಲ್ಲಿ ಟೇಬಲ್ ಅನ್ನು ಎಲ್ಲಿ ಇರಿಸಬೇಕೆಂದು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಈ ಗುಣಲಕ್ಷಣವು HTML 4.01 ರಲ್ಲಿ ಅಸಮ್ಮತಿಗೊಂಡಿದೆ, ಮತ್ತು ನೀವು ಅದನ್ನು ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಬೇಕು. ಬದಲಿಗೆ, ನೀವು ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಅಥವಾ ಅಂಚು-ಎಡವನ್ನು ಬಳಸಬೇಕು: ಸ್ವಯಂ; ಮತ್ತು ಅಂಚು-ಬಲ: ಸ್ವಯಂ; ಶೈಲಿಗಳು. ಫ್ಲೋಟ್ ಗುಣಲಕ್ಷಣವು ನಿಮಗೆ ಫಲಿತಾಂಶವನ್ನು ನೀಡುತ್ತದೆ, ಅದು align ಗುಣಲಕ್ಷಣವನ್ನು ಒದಗಿಸಿದ ವಿಷಯಕ್ಕೆ ಹತ್ತಿರದಲ್ಲಿದೆ, ಆದರೆ ಉಳಿದ ಪುಟದ ವಿಷಯಗಳ ಮೇಲೆ ಅದು ಪರಿಣಾಮ ಬೀರಬಹುದು. ಅಂಚು-ಬಲ: ಸ್ವಯಂ; ಮತ್ತು ಅಂಚು-ಎಡ: ಸ್ವಯಂ; ಪರ್ಯಾಯವಾಗಿ ಡಬ್ಲ್ಯು 3 ಸಿ ಶಿಫಾರಸು ಮಾಡುವುದು.
Align ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ಅಸಮ್ಮತಿಗೊಂಡ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:
align = "right" >
ಈ ಟೇಬಲ್ ಬಲ ಜೋಡಿಸಿದ
ಪಠ್ಯ ಅದರ ಸುತ್ತಲೂ ಹರಿಯುತ್ತದೆ
Align ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ಒಂದು ಅಸಮ್ಮತಿಗೊಂಡ ಉದಾಹರಣೆಯನ್ನು ನೋಡಿ.
ಮತ್ತು ಮಾನ್ಯವಾದ (ನಿರಾಕರಿಸದ) ಎಚ್ಟಿಎಮ್ಎಲ್ನೊಂದಿಗೆ ಅದೇ ಪರಿಣಾಮವನ್ನು ಪಡೆಯಲು, ಬರೆಯಿರಿ:
style = "float: right;" >
ಈ ಟೇಬಲ್ ಬಲ ಜೋಡಿಸಿದ
ಪಠ್ಯ ಅದರ ಸುತ್ತಲೂ ಹರಿಯುತ್ತದೆ
ಕೆಳಗಿನವುಗಳು ಯಾವುದೇ HTML ವಿವರಣೆಯ ಭಾಗವಾಗಿಲ್ಲದ ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವಿವರಿಸುತ್ತದೆ.
ಹಿಂದಿನ ಮಾಹಿತಿ ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ರಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುವ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಂಶದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವಿವರಿಸುತ್ತದೆ ಆದರೆ HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲ.
ಕೆಳಗಿನವುಗಳು ಯಾವುದೇ ಪ್ರಸ್ತುತ ವಿವರಣೆಯಲ್ಲಿ ಮಾನ್ಯವಾಗಿರದಂತಹ ಟೇಬಲ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವಿವರಿಸುತ್ತದೆ. ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಮತ್ತು ನಿಮ್ಮ ಬಳಕೆದಾರರು ಈ ಅಂಶಗಳನ್ನು ಬೆಂಬಲಿಸುವ ಬ್ರೌಸರ್ ಅನ್ನು ಬಳಸುತ್ತಾರೆಯೇ ಎಂದು ನೀವು ಕಾಳಜಿ ವಹಿಸದಿದ್ದರೆ, ನೀವು ಈ ಅಂಶಗಳನ್ನು ಬಳಸಬಹುದು. ಆದರೆ ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನವು ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ ಅಥವಾ ಹೆಚ್ಚಿನ ಗುಣಮಟ್ಟವನ್ನು ಅನುಸರಿಸುವಂತಹ ಪರ್ಯಾಯಗಳನ್ನು ಹೊಂದಿವೆ.
ನಿಮ್ಮ HTML ಕೋಷ್ಟಕಗಳಲ್ಲಿ ಈ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಿ ನಾವು ಶಿಫಾರಸು ಮಾಡುವುದಿಲ್ಲ .
ಗುಣಲಕ್ಷಣವು ಹಳೆಯ ಗುಣಲಕ್ಷಣವಾಗಿದ್ದು ಅದು ಸಿಎಸ್ಎಸ್ ವ್ಯಾಪಕವಾಗಿ ಬೆಂಬಲಿತಗೊಳ್ಳುವ ಮೊದಲು ಸೇರಿಸಲ್ಪಟ್ಟಿದೆ. ಟೇಬಲ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಇದು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ನೀವು ಬಣ್ಣ ಹೆಸರು ಅಥವಾ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಕೋಡ್ ಅನ್ನು ಹೊಂದಿಸಬಹುದು. ಈ ಗುಣಲಕ್ಷಣವು ಇನ್ನೂ ಬಹಳಷ್ಟು ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಆದರೆ ಭವಿಷ್ಯದ-ಪುರಾವೆಗೊಳಿಸಿದ ಎಚ್ಟಿಎಮ್ಎಲ್ಗಾಗಿ, ನೀವು ಇದನ್ನು ಬಳಸಬಾರದು ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಬದಲಿಗೆ ಬಳಸಬೇಕು.
ಈ ಆಟ್ರಿಬ್ಯೂಟ್ಗೆ ಉತ್ತಮ ಪರ್ಯಾಯವೆಂದರೆ ಶೈಲಿ ಆಸ್ತಿ.
ಟೇಬಲ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು, ಬರೆಯಿರಿ:
style = "background-color: #ccc;" >
ಈ ಟೇಬಲ್ ಬೂದು ಹಿನ್ನೆಲೆ ಹೊಂದಿದೆ
Bgcolor ಗುಣಲಕ್ಷಣದಂತೆಯೇ, bordercolor ಗುಣಲಕ್ಷಣವು ಗುಣಲಕ್ಷಣದ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಈ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಮಾತ್ರ ಬೆಂಬಲಿಸುತ್ತದೆ. ಬದಲಿಗೆ, ನೀವು ಗಡಿ-ಬಣ್ಣ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಬೇಕು.
ನಿಮ್ಮ ಮೇಜಿನ ಗಡಿಯ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು, ಬರೆಯಿರಿ:
style = "border-color: red;" >
ಈ ಟೇಬಲ್ಗೆ ಕೆಂಪು ಅಂಚು ಇದೆ.
ನಿಮ್ಮ ಮೇಜಿನ ಸುತ್ತ 3D ಗಡಿ ರಚಿಸಲು ನಿಮಗೆ ಅವಕಾಶ ನೀಡುವಂತೆ ಗಡಿ ಬಣ್ಣ ಮತ್ತು ಬಾರ್ಡರ್ಲೋರ್ಡ್ ಮಾರ್ಕ್ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ. ಆದಾಗ್ಯೂ, IE8 ಮತ್ತು ಮೇಲಾಗಿ, ಇದು IE7 ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಮೋಡ್ ಮತ್ತು ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ಮಾತ್ರ ಬೆಂಬಲಿಸುತ್ತದೆ. ಈ ಗುಣಲಕ್ಷಣಗಳು ಇನ್ನು ಮುಂದೆ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ ಎಂದು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಹೇಳುತ್ತದೆ.
ಸ್ವಲ್ಪ ಸಮಯದವರೆಗೆ, ಕೋಷ್ಟಕಗಳು ಟೇಬಲ್ ಎಷ್ಟು ಕಾಲಮ್ಗಳನ್ನು ತಿಳಿಯಲು ಬ್ರೌಸರ್ಗಳಿಗೆ ಸಹಾಯ ಮಾಡಲು TABLE ಅಂಶವನ್ನು ಸೂಚಿಸುತ್ತವೆ. ದೊಡ್ಡ ಕೋಷ್ಟಕಗಳ ರೆಂಡರಿಂಗ್ ಅನ್ನು ವೇಗಗೊಳಿಸಲು ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ ಎಂದು ಪೂರ್ವಭಾವಿಯಾಗಿತ್ತು. ಆದರೆ ಇದು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನಿಂದ ಮಾತ್ರ ಜಾರಿಗೊಳಿಸಲ್ಪಟ್ಟಿತು, ಮತ್ತು IE8 ಮತ್ತು ಮೇಲಾಗಿ, ಇದು IE7 ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಮೋಡ್ ಮತ್ತು ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ಮಾತ್ರ ಬೆಂಬಲಿತವಾಗಿದೆ.
ಏಕೆಂದರೆ ಒಂದು ಅಗಲ ಗುಣಲಕ್ಷಣವಿದೆ (HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲದ) ಅನೇಕ ಜನರು ಕೋಷ್ಟಕಗಳಿಗೆ ಎತ್ತರ ಗುಣಲಕ್ಷಣವಿದೆ ಎಂದು ಊಹಿಸಲಾಗಿದೆ. ಆದರೆ ಕೋಷ್ಟಕಗಳು ಅವುಗಳ ವಿಷಯದ ಅಗಲಕ್ಕೆ ಅನುಗುಣವಾಗಿರುತ್ತವೆ ಅಥವಾ CSS ಅಥವಾ ಅಗಲ ಗುಣಲಕ್ಷಣಗಳಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಅಗಲವನ್ನು ಹೊಂದಿದ್ದು, ಎತ್ತರವನ್ನು ನಿರ್ಬಂಧಿಸಲಾಗುವುದಿಲ್ಲ. ಆದ್ದರಿಂದ ಬದಲಿಗೆ, ಮೇಜಿನ ಕನಿಷ್ಠ ಎತ್ತರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಎತ್ತರವು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ಟೇಬಲ್ ಆ ಎತ್ತರಕ್ಕಿಂತ ಎತ್ತರವಾಗಿದ್ದರೆ, ಅದು ಎತ್ತರವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಆದರೆ ನೀವು ಆಸ್ತಿಯನ್ನು ಬಳಸಬೇಕು
ಸಿಎಸ್ಎಸ್ ಎತ್ತರ ಆಸ್ತಿಯೊಂದಿಗೆ ನೀವು ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿದರೆ ನೀವು ಯಾವುದೇ ಹೆಚ್ಚಿನ ವಿಷಯದೊಂದಿಗೆ ಏನಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ನೀವು ಎತ್ತರವನ್ನು ನಿರ್ಬಂಧಿಸಬಹುದು.
ಮೇಜಿನ ಮೇಲೆ ಕನಿಷ್ಠ ಎತ್ತರವನ್ನು ಹೊಂದಿಸಲು, ಬರೆಯಿರಿ:
style = "height: 30em;" >
ಈ ಟೇಬಲ್ ಕನಿಷ್ಟ 30 ಎಮ್ಎಮ್ ಹೆಚ್ಚು.
ಎರಡು ಲಕ್ಷಣಗಳು ಮತ್ತು ಎಡ / ಬಲ ಬದಿಗಳಲ್ಲಿ (hspace) ಮತ್ತು ಮೇಜಿನ ಮೇಲಿನ / ಕೆಳಭಾಗದ (ವರ್ಸ್ಪೇಸ್) ಸ್ಥಳಾವಕಾಶವನ್ನು ಸೇರಿಸಲಾಗಿದೆ. ಬದಲಿಗೆ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನೀವು ಬಳಸಬೇಕು.
ಲಂಬ ಜಾಗವನ್ನು 20 ಪಿಕ್ಸೆಲ್ಗಳಿಗೆ ಹೊಂದಿಸಲು ಮತ್ತು ಸಮತಲ ಸ್ಥಳವನ್ನು 40 ಪಿಕ್ಸೆಲ್ಗಳಿಗೆ ಹೊಂದಿಸಲು, ಬರೆಯಿರಿ:
style = "margin: 20px 40px;"
ಈ ಟೇಬಲ್ 20 ಪಿಕ್ಸೆಲ್ಗಳ vspace ಮತ್ತು 40 ಪಿಕ್ಸೆಲ್ಗಳ hspace ಅನ್ನು ಹೊಂದಿದೆ.
ಆಟ್ರಿಬ್ಯೂಟ್ ಎನ್ನುವುದು ಬೂಲಿಯನ್ ಗುಣಲಕ್ಷಣವಾಗಿದ್ದು, ಟೇಬಲ್ನ ವಿಷಯಗಳು ಮೂಲ ಅಂಶ ಅಥವಾ ವಿಂಡೋದ ಅಂಚಿನಲ್ಲಿ ಸುತ್ತುವಂತೆ ಅಥವಾ ಸಮತಲ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಒತ್ತಾಯಿಸಬೇಕೆ ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಬದಲಿಗೆ, ನೀವು CSS ಆಸ್ತಿ ಬಳಸಿ ಪ್ರತಿ ಟೇಬಲ್ ಕೋಶದ ಸುತ್ತುವ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬೇಕು.
ಬಹಳಷ್ಟು ಪಠ್ಯದೊಂದಿಗೆ ಒಂದು ಕಾಲಮ್ ಅನ್ನು ಕಟ್ಟಲು, ಬರೆಯಿರಿ:
style = "white-space: nowrap;" > ಇದು ಒಂದು ಟನ್ ವಿಷಯದೊಂದಿಗೆ ಒಂದು ಕಾಲಮ್. ಆದರೆ ಕಂಟೇನರ್ಗಿಂತಲೂ ವಿಶಾಲವಾದರೂ ಪಠ್ಯವು ಮುಂದಿನ ಸಾಲಿಗೆ ಸುತ್ತುವಂತಿಲ್ಲ, ಬದಲಿಗೆ ಎಲ್ಲಾ ವಿಂಡೋಗಳನ್ನು ನೋಡಲು ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಅಡ್ಡಲಾಗಿ ಸ್ಕ್ರಾಲ್ ಮಾಡಲು ಒತ್ತಾಯಿಸುತ್ತದೆ.
ಅಂತಿಮವಾಗಿ, ಪ್ರತಿ ಕೋಶದ ವಿಷಯವು ಜೀವಕೋಶದೊಳಗೆ ಲಂಬವಾಗಿ ಹೇಗೆ ಜೋಡಿಸಬೇಕು ಎಂಬುದನ್ನು ಗುಣಲಕ್ಷಣ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಈ ಅಮಾನ್ಯ ಗುಣಲಕ್ಷಣಕ್ಕೆ ಬದಲಾಗಿ, ಪ್ರತಿಯೊಂದು ಕೋಶದಲ್ಲಿ ನೀವು ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿಯನ್ನು ಬಳಸಬೇಕು. ಕೋಶದ ವಿಷಯಗಳು ಇತರ, ದೊಡ್ಡ ಕೋಶಗಳಿಂದ ನಿರ್ಮಿಸಿದ ಲಭ್ಯವಿರುವ ಜಾಗಕ್ಕಿಂತ ಕಡಿಮೆ ಇದ್ದರೆ ಈ ಶೈಲಿಯ ಪರಿಣಾಮಗಳನ್ನು ನೀವು ಗಮನಿಸುವುದಿಲ್ಲ.
ಕೋಶವನ್ನು ಕೆಳಕ್ಕೆ ಒಗ್ಗೂಡಿಸಲು ಒತ್ತಾಯಿಸಲು (ಮಧ್ಯದ ಬದಲಿಗೆ, ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ) ಬರೆಯಿರಿ:
ಈ ಜೀವಕೋಶವು ಉಳಿದಕ್ಕಿಂತ ಉದ್ದವಾಗಿದೆ ಮತ್ತು ಆದ್ದರಿಂದ ಎತ್ತರವು ಎತ್ತರವಾಗಿರುತ್ತದೆ. ಆದ್ದರಿಂದ ಲಂಬವಾಗಿ ಜೋಡಿಸಿದ ಕೋಶವು ಕೆಳಕ್ಕೆ ಜೋಡಿಸಲ್ಪಟ್ಟಿದೆ ಎಂದು ನೀವು ನೋಡಬಹುದು.
style = "ಲಂಬ- align: bottom;" > ಕೆಳಗೆ ವಿಷಯ.
ಮಧ್ಯದಲ್ಲಿ ವಿಷಯಗಳನ್ನು.