Javascript Tutorial for tabellkodeverdier

Javascript Tutorial for tabellkodeverdier


Tabeller gi nettstedet programmerere med evnen til å kontrollere oppsettet for hver HTML-element. Det er tre koder for en tabell: tabellen <tr> og <td>. Tabellen koden definerer hoved, rektangulære området som opptas av bordet element. Den <tr> tag definerer et bord rad og td tag definerer en celle. Sammen utgjør disse et rutenett-lignende struktur for å holde rader og kolonner med informasjon som skal vises til brukerne.

Bruksanvisning

1 Åpne HTML-fil i ren tekst editor. Du kan lage en tabell ved hjelp av en redaktør så enkelt som Notisblokk, eller bruke mer avanserte redaktører som fargekode kodene som Notepad ++ eller Visual Studio.

2 Rull ned filen til der du vil tabellen plassert. Start tabellen koden ved hjelp av "tabellen" tag. Tabellen koden inneholder alle rad- og kolonne koder for bordet ditt. Følgende kode oppretter en tom tabell:

<Table> </ table>

3 Opprett rader for tabellen. For eksempel, hvis du vil ha 3 rader for tabellen, må tabellen inneholde tre åpning og lukking "tr" tags. Følgende kode oppretter 3 rader i tabellen:

<Table>
<Tr> </ tr>
<Tr> </ tr>
<Tr> </ tr>
</ Table>

4 Legg tabellens celler. Celler kan også bli brukt som kolonner. Hver celle opprettet i raden legger til en kolonne i tabellen. Følgende kode legger 2 celler eller kolonner i tabellen:

<Table>
<Tr> <td> My First Cell </ td> <td> My Second Cell </ td> </ tr>
<Tr> <td> My First Cell </ td> <td> My Second Cell </ td> </ tr>
<Tr> <td> My First Cell </ td> <td> My Second Cell </ td> </ tr>
</ Table>

Legge merke til at cellene blir tilsatt til hver rad.

5 Lagre HTML filendringer og åpne den med nettleseren. Koden skaper ovenfor en tabell med tre rader og to kolonner som vises i nettleseren din.