HTML -ben:
<body>
<table summary="Ez a táblázat az athéni olimplia (2004) után aktuális éremtáblázatot mutatja a férfi vízilabda sportágban az olimpiákon. Magyarországnak 8 arany, 3 ezüst és 3 bronzérme van, ezzel vezeti a tabellát.">
<caption class="topcenter">
Férfi vízilabda összesített éremtáblázat, olimpiák
</caption>
<tr>
<th scope="col">Ország</th>
<th scope="col">Arany</th>
<th scope="col">Ezüst </th>
<th scope="col">Bronz</th>
</tr>
<tr>
<td>1. Magyarország</td>
<td>8</td>
<td>3</td>
<td>3</td>
</...................stb.
CSS-ben:
@charset "utf-8";
td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
}
caption.topcenter {
font-weight: bold;
color: red;
}
caption.topright {
text-align: right;
font-weight: bold;
color: red;
}
caption.bottomcenter {
caption-side: bottom;
font-weight: bold;
border: thick dotted purple;
}
caption.bottomleft {
caption-side: bottom;
text-align: left;
font-weight: bold;
border: thick dotted purple;
}
<body>
<table summary="Ez a táblázat az athéni olimplia (2004) után aktuális éremtáblázatot mutatja a férfi vízilabda sportágban az olimpiákon. Magyarországnak 8 arany, 3 ezüst és 3 bronzérme van, ezzel vezeti a tabellát.">
<caption class="topcenter">
Férfi vízilabda összesített éremtáblázat, olimpiák
</caption>
<tr>
<th scope="col">Ország</th>
<th scope="col">Arany</th>
<th scope="col">Ezüst </th>
<th scope="col">Bronz</th>
</tr>
<tr>
<td>1. Magyarország</td>
<td>8</td>
<td>3</td>
<td>3</td>
</...................stb.
CSS-ben:
@charset "utf-8";
td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
}
caption.topcenter {
font-weight: bold;
color: red;
}
caption.topright {
text-align: right;
font-weight: bold;
color: red;
}
caption.bottomcenter {
caption-side: bottom;
font-weight: bold;
border: thick dotted purple;
}
caption.bottomleft {
caption-side: bottom;
text-align: left;
font-weight: bold;
border: thick dotted purple;
}
Nincsenek megjegyzések:
Megjegyzés küldése