Hogyan adok határokat egy táblázathoz a Markdownban?

2024-08-05

Rövid verzió

A Markdown nem támogatja közvetlenül a táblázatkereteket; használj HTML-t helyette:

<table>
<tr>
<th>Név</th>
<th>Kor</th>
<th>Helyszín</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Hosszú verzió

1. A Markdown korlátainak megértése

A Markdown önmagában nem rendelkezik natív támogatással a táblák kereteinek hozzáadásához. Azonban lehetőséget biztosít egyszerű táblák létrehozására pipe-ok és kötőjelek használatával az oszlopok és sorok számára.

2. HTML használata keretes táblázatokhoz

Ha keretekre van szükség, akkor a Markdown szintaxis helyett használhatod a szabványos HTML-t. Íme, hogyan:

<table>
<tr>
<th>Név</th>
<th>Kor</th>
<th>Helyszín</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Ez keretes táblázatot renderál, függetlenül a Markdown megjelenítőtől.

3. Keretek stílusozása CSS-sel

Ha a Markdown-t egy weboldalon belül ágyazod be, akkor a táblázatok kereteit CSS-sel stilizálhatod. Használj az alábbi CSS szabályt, hogy kereteket adj hozzá az összes táblázathoz:

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

Ennek a CSS-nek a hozzáadása javítja a Markdown táblázat vizuális megjelenését, amikor webkörnyezetben jelenik meg.