Tämä artikkeli antaa sinulle yksityiskohtaisen ja kattavan tietämyksen HTML-taulukoista. Erilaiset tagit ja muotoilu, jotka voidaan tehdä.
Teknologisesta alusta lähtien taulukko on yleinen tapa tallentaa ja visualisoida tietoja. Sitä käytetään melkein kaikissa kentissä tekstitietojen ja numeeristen tietojen esittämiseen, jolloin voit helposti vertailla kahta tai useampaa elementtiä. Tässä artikkelissa keskustelen Taulukot seuraavassa järjestyksessä:
Yksinkertaisesti sanottuna taulukko on kokoelma asiaan liittyviä tietoja, jotka koostuvat riveistä ja sarakkeista. Nyt, kun tiedämme, HTML on tavallinen merkintäkieli verkkosivujen luomiseen ja näyttämiseen verkkoselaimessa. Joten taulukoiden luomisesta ja käsittelystä tulee tärkeä osaaminen HTML: n hallitsemiseksi. Tässä blogissa opitaan, miten HTML-taulukkoja käsitellään.
HTML-taulukon määrittämiseen käytämme
tag. Sisällä
tag, määrität ensin taulukon rivit
tag. Seuraavaksi määrität taulukon otsikot
tag. Taulukon data tai solu määritetään käyttämällä
tag.
HTML-taulukon tunnisteet
Tarkastellaan ensin taulukoiden luomiseen käytettyjen HTML-tunnisteiden luetteloa. Myöhemmin eteenpäin tässä blogissa opimme käyttämään niitä esimerkkien avulla.
: Käytetään taulukon määrittelemiseen
: Käytetään otsikkosolun määrittämiseen taulukossa
: Käytetään taulukon rivin määrittelemiseen
: Käytetään taulukon solun määrittelemiseen
:Määritetään taulukon otsikko
:Käytetään määrittämään yhden tai useamman sarakkeen ryhmä taulukossa muotoilua varten
: Käytetään määrittämään sarakkeen ominaisuudet kullekin elementin sarakkeelle
On kaksi attribuuttia, joita kutsutaan solupohjaisiksi ja solualueiksi, joiden avulla voit säätää taulukon solujen valkoista tilaa. Solutila-attribuutti määrittää taulukkosolujen välisen tilan, kun taas solualusta edustaa solureunojen ja solun sisällön välistä etäisyyttä.
Solutila ja solualusta
Nimi
Ikä
Abhishek
viisitoista
Bob
2. 3
Colspan- ja Rowspan-määritteet
Colspan-attribuuttia käytetään kahden tai useamman sarakkeen yhdistämiseen, kun taas riviväliä käytetään kahden tai useamman rivin yhdistämiseen.
Colspan & Rowspan
Erä
Nimi
Ikä
Tietokone Tiede
Abhishek
viisitoista
Bob
2. 3
Tauko
Pöydän korkeus ja leveys
HTML antaa sinulle mahdollisuuden säätää pöydän korkeutta ja leveyttä. Leveys- ja korkeusmääritettä käytetään vastaavasti taulukon leveyden ja korkeuden asettamiseen. Voit joko määrittää sen prosenttiosuutena näytöllä käytettävissä olevasta pinta-alasta tai pikseleinä.
Taulukko voidaan jakaa kolmeen osaan, eli otsikkoon, runkoon ja alatunnisteeseen. Otsikko ja alatunniste ovat samanlaisia kuin otsikko ja alatunniste Word-asiakirjassa, joka pysyy yleisenä jokaisella sivulla, kun taas runko sisältää pääsisällön.
-tunniste luo erillisen taulukon otsikon, missä merkintä luo erillisen taulukon alaotsikon. tagit sisältävät taulukon rungon.
HTML-taulukko, jossa otsikko, alatunniste ja runko
Taulukon otsikko
Taulukon alatunniste
Nimi
Ikä
Merkit
Taulukon taustat ja kuvateksti
Voit myös asettaa taulukon taustan. Bgväri attribuutti asettaa taustavärin koko taululle ja yhdelle solulle, kun taas tausta-attribuutti asettaa taustakuvan koko taulukolle ja vain yhdelle solulle.
Kuvateksti toimii taulukon otsikkona tai selityksenä, joka näkyy taulukon yläosassa.
HTML-taulukon tausta
Taulukon kuvateksti
Sarake 1
Sarake 2
Sarake 3
Rivi 1 Solu 1
Rivi 1 Solu 2
Rivi 1 Solu 3
Rivi 2 Solu 2
Rivi 2 Solu 3
Rivi 3 Solu 1
Tämän kanssa olemme päässeet tämän artikkelin loppuun. Nyt kun olet suorittanut yllä olevat katkelmat, olisit ymmärtänyt, miten taulukoita luodaan HTML-muodossa. Toivon, että tämä blogi on informatiivinen ja lisäarvoa sinulle.
KatsoEdureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa.Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se tämän artikkelin kommenttiosassa ja palaamme sinuun.
