HyperText Markup Language (HTML) -ohjeet, jotka muodostavat verkkosivuille sijoitettuja taulukoita, tarjoavat melko suuren määrän lisäparametreja. Tämä sallii, toisin kuin muut lohkoelementit, koon asettamisen paitsi CSS-kielellä (Cascading Style Sheets tai "Cascading Style Sheets"), mutta myös itse HTML: llä.
Ohjeet
Vaihe 1
Määritä taulukon leveys pikseleinä taulukotunnisteen leveysmääritteen avulla. Tunniste (HTML-ohje) -taulukko koostuu aukosta (
) osia, joiden välissä on tunnisteita, jotka muodostavat taulukon rivit ja solut. Lisäparametreja (määritteitä) voidaan sijoittaa avaustunnisteeseen, jonka luettelo kullekin tietylle tagille määritetään kansainvälisten standardien mukaan. Nämä standardit sallivat taulukotunnisteelle leveysmääritteen käytön, joka määrittää taulukon leveyden pikseleinä. Yksinkertaisen taulukon HTML-koodi, jolla on 500 pikselin leveys määrittävä tunniste, voi näyttää tältä:
| 1. solu | 2. solu |
Vaihe 2
Lisää% -merkki leveysmääritteen arvoon, jos sinun on määritettävä taulukon leveys prosentteina eikä pikseleinä:
| 1. solu | 2. solu |
Huomaa, että nämä prosenttiosuudet eivät välttämättä perustu selainikkunan leveyteen. Asiakirjan rakenteella on merkitystä tässä - aivan kuten sisäkkäinen sisäkkäinen nukke ei voi olla leveämpi kuin se, johon se on sisäkkäinen, niin 100% taulukon leveydestä ei voi olla suurempi kuin pääelementin leveys. Esimerkiksi, jos taulukko on div-lohkon sisällä, tämän lohkon leveydeksi otetaan 100%.
Vaihe 3
Käytä tyylin kuvauksen kieliohjeita, jos haluat asettaa saman leveyden verkkosivun taulukoille yhdessä paikassa lähdekoodissa. Voit tehdä tämän asettamalla ensin HTML-koodin pääosaan (ja niiden väliin) avaavat ja sulkevat tagit, jotka rajoittavat CSS-kielilausekkeita:
/ * CSS-ohjeet ovat täällä * /
Laita sitten seuraava CSS näiden tunnisteiden väliin: table {width: 100px;} Tässä taulukko osoittaa, että kiharoiden aaltosulkeisiin sijoitettua kuvausta tulisi soveltaa kaikkiin sivukoodissa näkyviin taulukkotageihin. No, leveysparametri asettaa leveyden. Tässäkin voit käyttää suhteellista leveyttä prosentteina.
Vaihe 4
Määritä luokan nimi CSS-koodissa ja HTML-taulukon tagissa, jos sinun ei tarvitse määrittää leveyttä kaikille taulukoille, vaan vain yhdelle tai useammalle taulukolle. Oletetaan esimerkiksi, että luokka, joka merkitsee ryhmän kapeita pöytiä, on pieni. Sitten sen tyylin kuvaus saattaa näyttää tältä: table.tiny {width: 100px;} Ja yhden HTML-koodin taulukon vastaava tagi on seuraava:
| 1. solu | 2. solu |
