HTML-taulukot tarjoavat tehokkaan työkalun tietojen esittämiseen verkkosivustollasi. Mutta niiden hallitseminen on muutakin kuin vain rivejä ja sarakkeita. Tämä artikkeli toimii sinun lopullinen opas vapauttamaan HTML-taulukoiden mahdollisuudet, ylittää perusasiat .
Edellytykset: HTML Johdanto
Sisällysluettelo
- Mikä on HTML-taulukot?
- HTML-taulukko – Koodiesimerkki
- HTML-taulukoissa käytetyt tunnisteet
- Reunuksen lisääminen HTML-taulukkoon
- Solun täytön lisääminen HTML-taulukkoon
- Vasemman tasausotsikoiden lisääminen HTML-taulukkoon
- Reunusvälin lisääminen HTML-taulukkoon
- Useita sarakkeita sisältävien solujen lisääminen HTML-taulukoihin
- Taulukon taustavärin lisääminen
- Sisäkkäisten taulukoiden luominen
Mikä on HTML-taulukot?
HTML-taulukko on tietojen järjestely rivit ja sarakkeita taulukkomuodossa. Taulukot ovat hyödyllisiä erilaisiin tehtäviin, kuten tekstitietojen ja numeeristen tietojen esittämiseen. Taulukko on hyödyllinen työkalu löytääksesi nopeasti ja helposti yhteyksiä erityyppisten tietojen välillä. Taulukoita käytetään myös tietokantojen luomiseen.
Esimerkki HTML-taulukkokoodista
HTML
Etunimi> Sukunimi> Ageth> tr> Priyatd> Sharmatd> 24td> tr> Aruntd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> taulukko> body> html>>> Lähtö:
Yksinkertainen HTML-taulukko
HTML-taulukoissa käytetyt tunnisteet
lopputunnisteeksi.Syntaksi
Content...>
Taulukon rivit
Rivit voidaan muodostaa taulukkosolujen yhdistelmän avulla. Sitä merkitään
ja tagi alku- ja lopputunnisteiksi.
Syntaksi
Otsikoita käytetään yleensä otsikon antamiseen. Taulukon otsikoita voidaan käyttää myös otsikon lisäämiseen taulukkoon. Tämä sisältäätunnisteet.Syntaksi
Content...>
Esimerkki 1: Yksinkertaisen taulukon luominen HTML-kielellä taulukkotunnisteen avulla.
HTML
Kirjan nimi> Kirjoittaja Nameth> Tyylilaji> tr> Kirjavaras> Markus Zusaktd> Historiallinen fiktiotd> tr> Julma Princetd> Holly Blacktd> Fantasytd> tr> Hiljainen potilas> Alex Michaelidestd> Psychological Fictiontd> tr> taulukko> body> html>> Lähtö:
HTML-taulukko
Reunuksen lisääminen HTML-taulukkoon
Reunus asetetaan käyttämällä CSS border -ominaisuutta. Jos et määritä taulukolle reunaa, se näytetään ilman reunuksia.
muuntaa merkkijono char javaksi
Syntaksi
table, th, td { border: 1px solid black; }> Esimerkki : Reunuksen lisääminen HTML-taulukkoon.
HTML
