Ostatnio edytowany:

span

Autor: Virtual Patriot

Przeznaczenie atrybutu span

Za pomocą atrybutu span możemy określić ilość kolumn tabeli HTML, które powinny zostać przypisane do interesującego nas elementu HTML.

Elementy HTML dla atrybutu span

  1. col
  2. colgroup

Przykład atrybutu span

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <table border>
      <caption>Owoce Świata</caption>

      <colgroup span="2" style="background-color:orange;"></colgroup>
      <colgroup span="1" style="background-color:yellow;"></colgroup>

      <thead>
        <tr>
          <th>A - I</th>
          <th>J - R</th>
          <th>S - Z</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td>ananas</td>
          <td>jabłko</td>
          <td>truskawka</td>
        </tr>

        <tr>
          <td>banan</td>
          <td>kokos</td>
          <td>winogrono</td>
        </tr>

        <tr>
          <td>cytryna</td>
          <td>malina</td>
          <td>wiśnia</td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

Rezultat

Owoce Świata
A - I J - R S - Z
ananas jabłko truskawka
banan kokos winogrono
cytryna malina wiśnia

Dwie kolumny tabeli HTML zostały przypisane do przykładowego elementu "colgroup" posiadającego atrybut "style" o wartości "background-color:orange;", ponieważ do wspomnianego elementu "colgroup" został dodany atrybut "span" wraz z wartością "2".

Interpretacja atrybutu span

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak