Wéi bauen eng 2x2 Table

HTML Tabellen kënne ganz einfach fäeg sinn wéi Dir d'Basics vu Reien a Spalten verstinn - och wa se verstanen wann et OK ass fir eng Tabell ze benotzen an wann Dir se vermeit.

Eng kuerz Geschicht vu Dëscher a Webdesign

Viru laanger Joeren, virun den akzeptabelste vu CSS a Webstandards, hunn Webdesigner d'HTML

Element benotzt fir Säitenaussicht fir Siten ze erstellen. Webdesigner wären "geschnidden" an kleng Stécker wéi e Puzzel an dann kombinéiert mat enger HTML Tabelle, fir am Browser esou wéi méiglech ze maachen. Et war e ganz komplexe Prozess, deen vill extra HTML-Markup entwéckelt huet an dat net méi an der Multi-Screen Welt vun eise Websäiten ka sinn . Wéi CSS déi akzeptéiert Methode fir Websäit Visualiséierungen a Layout war, gouf de Gebrauch vun Dëscher zougelooss a vill Webdesigner hunn d'Erënnerung unerkannt datt "Dëscher schlecht waren". Dat war a stëmmt net. Tabell fir Layout sinn schlecht, awer si hunn ëmmer nach Plaz am Webdesign an HTML, nämlech fir tabuläre Donnéeën wéi en Kalenner vum Zuchplan ze weisen. Fir deen Inhalt, mat enger Tabelle ass ëmmer nach akzeptabel a gutt Approche.

Also, wéi hutt Dir e Tableau? Loosst eis un engem 2x2 Dësch einfach erstellen. Dëst wäert 2 Säulen hunn (dat sinn déi vertikale Blöden) an 2 Reegelen (den horizontalen Bloc). Nodeems Dir eng 2x2-Tabelle gebaut hutt, kënnt Dir all Tëschentiel bauen, déi Dir gär hätt, andeems Dir nei Reegelen oder Spalten doduerch zouschreiwt.

Schwiereg: Duerchschnëtt

Zäit néideg: 10 Minutte

Hei ass Wéi:

  1. Éischt den éischten Dësch
  2. Öffne fir d'éischt Zeil mam Tr ett
  • Öffne der éischter Späicher mat dem TD Tag
  • Wann dës Säit am Browser erliewt, wäerte dës éischter Zeil mat den Table Headers Standardfäeg fett an hunn se an der Tabellzelle fokusséiert, déi se agebonnen hunn.

    Also, ass et OK fir Tabellen am HTML ze benotzen?

    Jo - sou laang du se se net fir Layoutzwecker benotzt. Wann Dir tabellaresch Informatiounen erfëllt muss, ass eng Tabell de Wee. Tatsächlech de Vermeiden vun engem Dësch op Grond vun e puer falsch Faarwen, dës legitiméiert HTML Element ze stierzen ass esou wéi hannert dem Gebrauch aus Grënn vun der Layout an dësem Dag a vum Alter.

    Geschriwwen vum Jennifer Kyrin. Edited by Jeremy Girard am 8/11/16

  • Schreift d'Inhalter vun der Zell
  • Schreift déi éischt Zelle an de Second
  • Schreift den Inhalt vun der zweeter Zelle
  • Schreift déi zweet Zelle an schloe d'Zeil
  • Schreift déi zweet Zeil genau wéi déi éischt
  • Dann schloe de Table
  • Dir kënnt och wielen fir Tabellen Header op Ärem Dësch ze benotze mat dem

    Element. Dës Tableauër wäerte d'oder "Tabellen Daten" Stécker an der éischter Tableau ersetzen, wéi:

    Numm Rolle
    Jeremy Designer < td> Jennifer Developer