Autor publikacji: Virtual Patriot - Administrator

span

Data publikacji: Kwiecień 09 2016
Ostatnio edytowano: Październik 01 2019

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`

col #span
colgroup #span

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`

: tak
: tak
: tak
: tak
: tak
: tak