HTML 4.0 - Td

HTML 4.0  

[ ! ]  [ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ I ]  [ K ]  [ L ]  [ M ]  [ N ]  [ O ]  [ P ]  [ Q ]  [ S ]  [ T ]  [ U ]  [ V ]

<TD>

 

Atrybuty znacznika:

  • colspan = "liczba" - liczba scalonych wierszy kolumn;
  • rowspan = "liczba" - liczba scalonych wierszy;
  • nowrap = "brak" - blokowanie przełamania akapitów;
  • width, height = "liczba" - szerokość i wysokość komórki;
  • abbr = "tekst" - opisanie zawartość komórki w tabeli;
  • axis = "tekst" - nazwa pokrewnej grupy komórek;
  • headers = "ID" - lista nazw nagłówków komórek;
  • scope = "row | col | rowgroup | colgroup" - zasięg komórki nagłówka;
  • bgcolor = "kolor" - kolor tła wiersza tabeli;
  • align = "left | center | right" - wyrównanie w poziomie;
  • valign = "top | middle | bottom | baseline" - wyrównanie w pionie;
  • char = "znak" - znak, względem którego nastąpi wyrównanie;
  • charoff = "piksele" - pozycja znaku wyrównania;
  • id, class = "tekst" - identyfikator i nazwa klasy zdefiniowanej w stylu;
  • lang, dir = "tekst" - język i kierunek wyświetlania tekstu bądź elementu;
  • title = "tekst" - tytuł elementu;
  • style = "styl" - definicja stylu elementu;
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup = "funkcja skryptu" - definicje reakcji na zdarzenia pochodzące od użytkownika.

 

Cechy znacznika:

  • niewymagany znacznik zamykający;
  • położenie wewnątrz polecenia <TR>.

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
   <META http-equiv="content-type"  content="text/html; charset=iso-8859-2">
   <TITLE>Pierwszy dokument</TITLE>
</HEAD>
<BODY>
   <table border="1" width="100%" cellspacing="20" frame="void">
      <tr>
        <td width="50%" bgcolor="#A0AFF4">Komórka 1</td>
         <td width="50%" bgcolor="#B0C0F5">Komórka 2</td>
      </tr>
      <tr>
         <td width="50%" bgcolor="#D0E9F0">Komórka 3</td>
         <td width="50%" bgcolor="#E0FFF2">Komórka 4</td>
      </tr>
   </table>
</BODY>
</HTML>

Efekt:

 

[ ! ]  [ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ I ]  [ K ]  [ L ]  [ M ]  [ N ]  [ O ]  [ P ]  [ Q ]  [ S ]  [ T ]  [ U ]  [ V ]