హెచ్టిఎంఎల్ పట్టిక
- ముందు పేజీ హెచ్టిఎంఎల్ చిత్రం
- తరువాత పేజీ హెచ్టిఎంఎల్ జాబితా
你可以使用 HTML 创建表格。
实例
పట్టిక
పట్టికలు <table> టాగ్ ద్వారా నిర్వచించబడతాయి. ప్రతి పట్టికకు కొన్ని వరుసలు ఉంటాయి (వరుసలు <tr> టాగ్ ద్వారా నిర్వచించబడతాయి), ప్రతి వరుసకు కొన్ని సెల్లు ఉంటాయి (సెల్లు <td> టాగ్ ద్వారా నిర్వచించబడతాయి). టిడి అక్షరం పట్టిక డేటా (table data) అన్నమాటలా, అంటే డేటా సెల్ యొక్క కంటెంట్. డేటా సెల్లు టెక్స్ట్, చిత్రాలు, జాబితాలు, ప్యారాగ్రాఫ్లు, ఫారమ్లు, హైపర్ లైన్స్, పట్టికలు మొదలైన వివిధ కంటెంట్లను కలిగి ఉంటాయి.
<table border="1"> <tr> <td>వరుస 1, సెల్ 1</td> <td>వరుస 1, సెల్ 2</td> </tr> <tr> <td>వరుస 2, సెల్ 1</td> <td>వరుస 2, సెల్ 2</td> </tr> </table>
బ్రౌజర్ లో ఈ విధంగా ప్రదర్శిస్తుంది:
| వరుస 1, సెల్ 1 | వరుస 1, సెల్ 2 |
| వరుస 2, సెల్ 1 | వరుస 2, సెల్ 2 |
పట్టిక మరియు కాంత్రప్పు అంశం
కాంత్రప్పు అంశాన్ని నిర్వచించకపోతే, పట్టిక కాంత్రప్పును ప్రదర్శించబడదు. కొన్ని సందర్భాల్లో ఇది ఉపయోగపడుతుంది, కానీ అత్యంత సమయంలో మనం కాంత్రప్పును ప్రదర్శించాలి.
కాంత్రప్పు అంశాన్ని వాడి కాంత్రప్పు కలిగిన పట్టికను ప్రదర్శించండి:
<table border="1"> <tr> <td>వరుస 1, సెల్ 1</td> <td>వరుస 1, సెల్ 2</td> </tr> </table>
పట్టిక శీర్షికలు
పట్టిక శీర్షికలు <th> టాగ్ తో నిర్వచించబడతాయి.
అత్యంత బ్రౌజర్లు పట్టిక శీర్షికలను బోల్డ్ మధ్యస్థ టెక్స్ట్ గా ప్రదర్శిస్తాయి:
<table border="1"> <tr> <th>శీర్షిక</th> <th>మరొక శీర్షిక</th> </tr> <tr> <td>వరుస 1, సెల్ 1</td> <td>వరుస 1, సెల్ 2</td> </tr> <tr> <td>వరుస 2, సెల్ 1</td> <td>వరుస 2, సెల్ 2</td> </tr> </table>
బ్రౌజర్ లో ఈ విధంగా ప్రదర్శిస్తుంది:
| శీర్షిక | మరొక శీర్షిక |
|---|---|
| వరుస 1, సెల్ 1 | వరుస 1, సెల్ 2 |
| వరుస 2, సెల్ 1 | వరుస 2, సెల్ 2 |
పట్టికలో ఖాళీ కంపోనెంట్స్
కొన్ని బ్రౌజర్లు లేని కంటెంట్ కలిగిన టేబుల్ యూనిట్లను బాగా ప్రదర్శించలేవు. కొన్ని సెల్లు ఖాళీగా ఉన్నప్పుడు, బ్రౌజర్ ఆ సెల్ యొక్క కాంత్రప్పును ప్రదర్శించలేదు.
<table border="1"> <tr> <td>వరుస 1, సెల్ 1</td> <td>వరుస 1, సెల్ 2</td> </tr> <tr> <td></td> <td>వరుస 2, సెల్ 2</td> </tr> </table>
బ్రౌజర్ ఈ విధంగా ప్రదర్శించవచ్చు:
గమనిక:ఈ ఖాళీ సెల్ యొక్క కాంత్రప్పు ప్రదర్శించబడలేదు. ఈ పరిస్థితిని నివారించడానికి, ఖాళీ సెల్లలో ఖాళీ స్థానికరణి జోడించడం ద్వారా కాంత్రప్పును ప్రదర్శించవచ్చు.
<table border="1"> <tr> <td>వరుస 1, సెల్ 1</td> <td>వరుస 1, సెల్ 2</td> </tr> <tr> <td> </td> <td>వరుస 2, సెల్ 2</td> </tr> </table>
బ్రౌజర్ లో ఈ విధంగా ప్రదర్శిస్తుంది:
| వరుస 1, సెల్ 1 | వరుస 1, సెల్ 2 |
| వరుస 2, సెల్ 2 |
మరిన్ని ఉదాహరణలు
- కాంత్రప్పు లేని పట్టిక
- 本例演示一个没有边框的表格。
- 表格中的表头(Heading)
- 本例演示如何显示表格表头。
- 空单元格
- 本例展示如何使用 " " 处理没有内容的单元格。
- 带有标题的表格
- 本例演示一个带标题 (caption) 的表格
- 跨行或跨列的表格单元格
- 本例演示如何定义跨行或跨列的表格单元格。
- 表格内的标签
- 本例演示如何显示在不同的元素内显示元素。
- 单元格边距(Cell padding)
- 本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
- 单元格间距(Cell spacing)
- 本例演示如何使用 Cell spacing 增加单元格之间的距离。
- 向表格添加背景颜色或背景图像
- 本例演示如何向表格添加背景。
- పట్టిక కొలబడులకు బ్యాక్గ్రౌండ్ రంగు లేదా బ్యాక్గ్రౌండ్ చిత్రాన్ని జోడించు.
- పట్టిక కొలబడులకు బ్యాక్గ్రౌండ్ జోడించు.
- పట్టిక కొలబడుల్లో విషయాలను క్రమీకరించు.
- ఈ ఉదాహరణలో, పట్టిక కొలబడులను అలంకరించడానికి "align" అంశాన్ని ఉపయోగించడం చూపిస్తుంది.
- ఫ్రేమ్ (frame) అంశం
- ఈ ఉదాహరణలో పట్టికను చుట్టిన కర్తవ్యాలను నియంత్రించే "frame" అంశాన్ని ఉపయోగించడం చూపిస్తుంది.
పట్టిక టాగు
| పట్టిక | వివరణ |
|---|---|
| <table> | పట్టిక నిర్వచించు. |
| <caption> | పట్టిక శీర్షిక నిర్వచించు. |
| <th> | పట్టిక ప్రారంభ భాగం నిర్వచించు. |
| <tr> | పట్టిక వరుసను నిర్వచించు. |
| <td> | పట్టిక కొలబడి నిర్వచించు. |
| <thead> | పట్టిక ప్రారంభ భాగం నిర్వచించు. |
| <tbody> | పట్టిక ప్రధాన భాగం నిర్వచించు. |
| <tfoot> | పట్టిక పాదం నిర్వచించు. |
| <col> | పట్టిక నిరాకరణలకు ఉపయోగపడే అంశాలను నిర్వచించు. |
| <colgroup> | పట్టిక నిరాకరణ గుంపుని నిర్వచించు. |
- ముందు పేజీ హెచ్టిఎంఎల్ చిత్రం
- తరువాత పేజీ హెచ్టిఎంఎల్ జాబితా
