Kun tyylisivuja ei vielä ollut olemassa, tunnistetta käytettiin kirjasinkoon ja kirjasintyypin asettamiseen fontti. Kuitenkin sisään tällä hetkellä Tämän tunnisteen käyttöä ei suositella. Alla on esimerkkejä tämän tunnisteen käytöstä:

Tekstin vähimmäiskoko
Tekstin enimmäiskoko
Helvetica
Arial
Punainen

Miltä se näyttää:

Tekstin vähimmäiskoko
Tekstin enimmäiskoko
Helvetica
Arial
Punainen

On paljon kätevämpää ja oikeampaa käyttää tyylisivua näihin tarkoituksiin. Joka tapauksessa voit olla varma, että sivustosi näkyy oikein kaikissa selaimissa.

Koska, CSS-tiedosto on tekstiasiakirja, sitten poissa ollessa erikoistuneet ohjelmat, voit kirjoittaa sen yksinkertaisesti tekstieditori esimerkiksi Muistiossa.

Luodaan tiedosto nimellä 03.css ja sijoita se samaan hakemistoon esimerkkitiedostomme kanssa (koska esimerkkejä tulee olemaan monia, jokaisella esimerkkitiedostolla on oma tyylisivu). Tyylisivulla määritämme koko, värin ja kirjasintyypin koko HTML-sivulle - tagissa BODY

Miltä sivu näyttää ilman CSS:ää: Esimerkki 2
Miltä sivu näyttää CSS:llä: Esimerkki 3

Fragmentti sivun muokatusta HTML-koodista(vain META-tunniste lisättiin, joka yhdistää tyylisivutiedoston; itse sivuun ei tehty muutoksia):

Nimetön
runko (fonttiperhe: Verdana,Tahoma,Arial,Helvetica,sans-serif; väri: harmaa; fonttikoko: 8pt;)

Kuten sanotaan, tunne ero! Vain yksi rivi tyylisivutiedostosta muutti välittömästi koko HTML-sivun ulkoasun (jos sivusto sisältää kymmeniä, satoja, tuhansia sivuja, muutokset näkyisivät joka tapauksessa sivuston kaikilla sivuilla).

Katsotaanpa tarkemmin CSS-tiedoston riviä:

• BODY- kertoo selaimelle, että muotoilu koskee koko HTML-sivun runkoa (eli kaikkea tagien välistä Ja);
• {} (kiharat aaltosulut) - kaikki tyylimuotoiluattribuutit on kuvattu sisällä kiharat olkaimet ja erotetaan puolipisteillä ( ; );
• font-family:- määrittää fontin kirjasintyypin (fonttien nimet luetellaan kaksoispisteen jälkeen pilkuilla erotettuina). Tässä tapauksessa selain yrittää näyttää ensimmäisen kirjasimen (Verdana), jos tällaista fonttia ei ole käyttäjän tietokoneessa, selain yrittää näyttää seuraavan fontin (Tahoma) jne.;
• väri:- osoittaa fontin värin (se on mahdollista erilaisia ​​vaihtoehtoja oikeinkirjoitus: harmaa; #808080);
• fontin koko:- osoittaa kirjasinkoon (eri vaihtoehdot ovat myös mahdollisia: pt, px, pc, mm...);

"leikkiä" kanssa erilaisia ​​parametreja arvot ja näet kuinka sivusi muuttuu välittömästi.

Tyylien avulla voit luoda pieniä "temppuja", jotka näkyvät sivustollasi vieraileville käyttäjille, mutta ovat "näkymättömiä". hakukoneet(Kirjoittaja vähintään, kirjoitushetkellä tästä materiaalista). Kuten tiedät, hakukoneet luokittelevat ensimmäisen tason otsikon sisältämän tekstin (tunniste

). Mutta tämän tunnisteen sisällä oleva teksti ei aina näytä hyväksyttävältä - se on erittäin suuri ja lihavoitu. Tätä voidaan muuttaa esimerkiksi attribuutilla tyyli:

Ensimmäisen tason otsikon muotoilu: Esimerkki 4 - ensimmäinen otsikko näytetään oletuksena, toinen on muotoiltu attribuutilla tyyli.

Sivun HTML-koodi:

Nimetön

Venäjän kultainen sormus

Venäjän kultainen sormus

"Venäjän kultainen rengas" (muinaisina aikoina Zalesje), turistireitti, joka sisältää verkoston muinaisia ​​venäläisiä kaupunkeja: Sergiev Posad, Pereslavl-Zalessky, Rostov Suuri, Jaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Jurjev-Polskoy , Uglich. Nimi Zalesie on ensisijaisesti maantieteellinen, ja se merkitsi kaikkea, mikä oli "metsän tuolla puolen" suhteessa Kiovan Venäjään.

Sama vaikutus, mutta käyttämällä ulkoista tyylisivua (ei tehty muutoksia yllä olevaan sivukoodiin, CSS-tiedostoa muutettiin) Esimerkki nro 5
CSS-tiedoston sisältö:

runko (fonttiperhe: Verdana,Tahoma,Arial,Helvetica,sans-serif; väri: harmaa; fonttikoko: 8pt;) H1 (väri: vihreä; fonttikoko: 130%;)

On helppo nähdä, että tyylisivu asetti ensimmäisen tason otsikon vihreä ja aseta kirjasinkooksi 130 % asetetusta pääkoosta 8pt.

Attribuutin käyttö fontin kokoinen(fonttikoko) mahdollista aseta fontin koko seuraavissa yksiköissä:

• % (prosentti, suhteellinen arvo);
• cm(senttimetrinä, itseisarvo);
• em(hahmon korkeus tästä fontista, rel. in-on);
• esim(tämän fontin "x"-merkin korkeus suhteessa in);
• sisään(tuumaa, abs. in-na);
• mm(millimetri, abs. in-na);
• pc(cicero, abs. in-na);
• pt(piste, abs. in-on);
• px(pikseli, abs. in-on)

Verkkovastaavilla on kaksi viimeistä vaihtoehtoa. Huomaa, että kun määrität muuta kuin kokonaislukua, sinun on käytettävä erotinmerkkinä pistettä, ei pilkkua - 2,2 mm.

Kun määrität kirjasintyyppiä(attribuutti font-family:), voit asettaa mitä tahansa fontteja, mutta varmuuden vuoksi (jos ei ole haluttu fontti) on suositeltavaa sisällyttää vakiotyypit kuulokkeet:

• kursiivinen(kursivointi);
• fantasia(ylimääräinen sarja);
• monospace(tavallinen kirjoituskoneen kirjasintyyppi);
• sans-serif(serif-kirjasintyyppi);
• serif(sans serif kirjasintyyppi).

Fontin väri (attribuutti väri:) voidaan määrittää heksadesimaalimuodossa (#FCD34F) tai vakiovärin englanninkielisenä nimenä (punainen). Sinun tulee olla varovainen asettaessasi väriä heksadesimaalimuodossa, koska... ei kaikkia värejä annettu samalla tavalla, näytetään samana erilaisia ​​monitoreja. On paljon parempi käyttää turvallinen paletti värit, jotka näkyvät samalla tavalla kaikissa näytöissä.

Taulukon mitat, korkeus ja leveys määräytyvät automaattisesti riippuen siitä, mitä solujen sisällä on. Mitä enemmän täytettä soluissa, sitä suurempia kokoja pöydät ja päinvastoin.

Kuitenkin CSS-ominaisuudet voit muuttaa taulukon kokoa HTML-muodossa ja määrittää tarkalleen tarvitsemasi leveyden ja korkeuden. Ollakseni rehellinen, on huomattava, että taulukon attribuuttien avulla voit myös asettaa vaaditut koot. Kuitenkin sisään nykyinen hetki puhumme vain CSS:stä.

On syytä korostaa, että jokaisella pöydällä on oma vähimmäisleveys ja minimikorkeus, joihin sen sisältö vaikuttaa. Ja vaikka asetat leveys- ja korkeusarvot vielä pienemmiksi, mitään ei tapahdu. Pöydän sivut eivät ylitä minimiään.

Taulukon leveyden määrittämiseksi sinun on käytettävä CSS-ominaisuutta leveys, ja korkeuden asettamiseksi sinun on käytettävä ominaisuutta korkeus.

Esimerkissä se näyttää tältä.

Taulukko (leveys: 500px; korkeus: 100px;)

Tulos selaimessa:

Täysi koodi:

Pöytä annetuilla kooilla

1	2	3	4	5
1	2	3	4	5
1	2	3	4	5

Taulukon leveys- ja korkeusarvot voidaan määrittää seuraavasti absoluuttinen arvo(pikseleinä) ja suhteellinen – prosentteina. Esimerkiksi 20px ja 20% vastaavasti.

Jos käytät prosentteja taulukon mittojen asettamiseen, ne lasketaan mittojen perusteella pääelementti. Jos puhumme esimerkistämme, niin me puhumme tietoja selainikkunasta.

On toinenkin merkitys - auto. Ja se on erityinen, koska sen avulla pöydän leveys ja korkeus lasketaan oletusarvoisesti automaattisesti. Käytännössä tämän arvon määrittäminen näyttää tältä.

Leveys: auto;

Korkeus: auto;

Haluamme kiinnittää huomiosi vielä yhteen asiaan: tärkeä kohta. On parempi olla ilmoittamatta korkeutta prosentteina, koska yleensä ne eivät toimi tässä tapauksessa.

Yksittäisten solujen ja sarakkeiden koon määrittäminen

Jos uskot, että selain ei ole asettanut sarakkeiden leveyttä oikein solujen sisällön perusteella, sinulla on oikeus määrittää solujen ja sarakkeiden koot itse. Ja nyt puhumme kuinka muuttaa solun kokoa HTML-taulukossa.

Solujen koon muuttaminen tehdään käyttämällä samoja CSS-ominaisuuksia kuin taulukkokoot, nimittäin: leveys Ja korkeus.

Voit lisätä tyylejä soluihin käyttämällä yhtä kahdesta vaihtoehdosta:

1. Anna soluille yksittäisten luokkien nimet. Se näyttää tältä: class="cell-50px"

   Ja sen jälkeen sinun tulee soveltaa tyylejä näille luokille.

2. Ota attribuutti käyttöön tyyli, jonka sisään kirjoita tarvittava CSS-koodi.

Käytännössä toinen vaihtoehto näyttää tältä:

...

Haluamme kuitenkin huomioida, että solujen kokoa ei tarvitse muuttaa yksitellen kovin usein. Pääsääntöisesti tämä tehdään tilanteissa, joissa on tarpeen asettaa tietty leveys taulukon sarakkeille. Tässä tapauksessa ongelma on helpompi ratkaista. Sinun tarvitsee vain määrittää ensimmäisen rivin solujen leveys.

Pöytä annetuilla kooilla

1	2	3	4	5
1	2	3	4	5
1	2	3	4	5

Tulos selaimessa:

Kuinka muuttaa fontin kokoa taulukossa

Usein taulukon tekstin kokoa on muutettava. Esimerkiksi otsikkosoluissa. Tämä voidaan tehdä käyttämällä CSS-ominaisuutta fontin kokoinen. Asetetaan elementtien fonttikoko :

Th (fonttikoko: 30px;)

Tästä tämä oppitunti päättyy. Suosittelen, että harkitset huolellisesti läksyjäsi. Tutki vain sitä huolellisesti ja mieti sitä. Kaikkea hyvää kaikille!

Vaikuttaa siltä, ​​että miksi tietää tekstin HTML-tageja, jos nyt melkein jokaisessa hallintapaneelissa on kätevä, joka asettaa ne automaattisesti?

Tosiasia on, että verkkosivuston sisällön muotoilu eroaa olennaisesti työskentelystä toimistosovelluksia. Tässä ei riitä, että tekstille annetaan houkutteleva ulkonäkö, koska oikea muotoilu Ei vain verkkosivun näyttö riippuu, vaan myös sen edistäminen hakukoneissa.

HTML-tunnisteet ja attribuutit: Perussyntaksi

Missä tahansa tekstissä on piilotettu koodi, joka "selittää" tietokoneelle, mitä ja miten näytöllä näytetään. Kaikki tiedot tallennetaan käyttämällä universaaleja elementtejä.

Pohjimmiltaan HTML-tekstitunnisteet ovat komentoja, jotka lisäävät tai muuttavat tiettyjä lohkoja sivulle. ulkonäkö. Oikea muoto merkintä näyttää tältä:

Huomaa, että kaikkia tunnisteita ei ole yhdistetty. Esimerkiksi,
(rivin ohitus) tai

---

(lisäys vaakasuora viiva) ei tarvitse sulkea ollenkaan.

Miksi et voi kopioida artikkeleita Wordista ja muista ohjelmista verkkosivuston muokkausohjelmaan?

Vaikka moderni toimisto-ohjelmat Käytä samoja HTML-tageja tekstiin, 99 %:ssa tapauksista natiivikoodi ei ole käyttökelvoton verkkosivuille. Vaikka asiakirja näytetään normaalisti itse sovelluksessa, muotoilu saattaa kadota, kun se lisätään verkkosivustolle. Lisäksi johtuen suuria määriä ylimääräisiä tunnisteita ja attribuutteja, hakukoneet eivät pysty analysoimaan riittävästi sivun sisältöä. Mikä puolestaan ​​vaikeuttaa resurssien mainostamista.

Saadaksesi puhtaan ja osuvan koodin sinun on ensin poistettava tavallisen editorin luomien HTML-tunnisteiden teksti. Voit tehdä tämän useilla tavoilla:

1. "Aja" artikkeli Notepadin kautta ja lisää se vasta sitten sivustolle. Sovellus poistaa kaiken HTML:n, joten sen jälkeen sinun on muotoiltava teksti uudelleen (muokkaustyökalujen avulla tai manuaalisesti).
2. Kirjoita ja julkaise artikkeleita LiveWriterin avulla. Suosittu blogieditori luo heti oikean koodin. Ja erillisellä välilehdellä näet, miltä sivuston teksti näyttää.
3. Käytä HTML Cleaneria. Tämä verkkopalvelu ei tuhoa koko koodia, vaan vain tarpeettomia fragmentteja. Suodattimien avulla voit valita, mitkä tunnisteet haluat tallentaa. Siellä on myös voimakas visuaalinen editori muotoilua varten, joka lisää jo optimoidut komennot koodiin.

Kappaleet

Tämä elementti on läsnä melkein kaikissa artikkeleissa. Jokaisen kappaleen tulisi sijaita tällaisen säilön sisällä - tämä yksinkertaistaa muotoilua ja antaa sinun tallentaa yhtenäinen tyyli kaikilla sivuston sivuilla. Mukavuuden vuoksi tunniste

Kirjoita aina kanssa uusi rivi.

Tasaus

Erillistä HTML-tunnistetta "Text Alignment" ei ole käytetty pitkään aikaan. Sen sijaan luotiin yleinen ALIGN-attribuutti. Jos haluat muuttaa tekstilohkon sijaintia sivulla, sinun on valittava yksi kolmesta arvosta - CENTER, RIGHT tai LEFT. Voit asettaa tasauksen muille elementeille, kuten otsikoille, samalla tavalla.

Joissakin tilanteissa tasaukseen käytetään muita tunnisteita, esimerkiksi voit sijoittaa elementin avulla

.... Miksi se on kätevää erillinen tunniste? Toisin kuin attribuutti, se toimii kaiken sisällön kanssa, mukaan lukien valokuvat, videot, salama jne.

Otsikot ja alaotsikot

Alaotsikkojärjestelmän avulla voit luoda loogisen sisältörakenteen. Kun teksti on jaettu merkityksellisiin lohkoihin, lukijan on paljon helpompi keskittyä ja omaksua uutta tietoa. Hakukoneet analysoivat myös otsikoita saadakseen selville, millä kyselyillä sivua mainostaa. Tästä syystä SEO-asiantuntijat suosittelevat käyttämään niissä ajankohtaisia ​​avainsanoja.

HTML käyttää kuutta alaotsikkotasoa - alkaen

to

. Tässä järjestelmässä on selkeä hierarkia:

• ...

  . Pääartikkeli, tuote verkkokaupassa jne.). Tekstissä voi olla vain yksi

  . Yleensä se sisältää pääavainsanan.

• ...

  . Toisen tason alaotsikot jakavat tekstin merkityksellisiin lohkoihin. Jos esimerkiksi arvioit kannettavia tietokoneita, voit tehdä useita

  eri mallien nimillä.

• ...

  . Kolmas taso tarvitaan, jos teksti on kahden välillä

  on myös jaettu pieniin lohkoihin. Esimerkissämme nämä voivat olla arviointikriteerejä - "Suorituskyky", "Muisti", "Näytönohjain" jne. jokaiselle mallille.

• ,

  ,

  . Käytännössä ne ovat erittäin harvinaisia. Mutta yleinen periaate on sama - ne tulisi "sisättää" lohkoon, jossa on ylätason alaotsikko.

Muista säilyttää oikea hierarkia. Palataksemme esimerkkiimme, tämä tarkoittaa, että et voi syöttää heti mallinimiä nimellä

tai

. Ja vielä enemmän, käytä eri tasoisia alaotsikoita homogeenisille lohkoille (esimerkiksi korosta kannettavaa tietokonetta, joka sijoittui rankingissa viimeiseksi käyttämällä

).

Tässä on kaavio, joka auttaa sinua ymmärtämään ja muistamaan HTML-otsikoiden oikean rakenteen välittömästi.

Luettelot

Kaikki listaukset ja ohjeet on parempi muotoilla luetteloiksi käyttämällä erityisiä HTML-tageja tekstille ( tyypillinen virhe- vain muutama kappale

jotka alkavat yhdysmerkillä tai numerolla).

Tällaisten lohkojen rakenne on hyvin yksinkertainen. Ensin määritämme luettelon tyypin - luettelomerkitty tai numeroitu.

Kaikki elementit ovat avaus- ja sulkemistunnisteiden välissä. Jokainen luettelokohde alkaa uudelta riviltä ja on muotoa . Elementtien määrää ei ole rajoitettu.

Valinta ja sen ominaisuudet

Mitä voidaan muuttaa tällä fontilla ja värillä - ilman uusien luokkien lisäämistä CSS:ään. Tämä on erittäin kätevää, kun haluat korostaa vain yhtä lausetta tai fragmenttia.

on useita attribuutteja:

• Kasvot. Mahdollistaa tekstin fontin muuttamisen. Voit luetella useita vaihtoehtoja pilkuilla erotettuina (Tahoma, Verdana). Jos käyttäjällä ei ole ensimmäistä fonttia asennettuna, järjestelmä käyttää vain vaihtoehtoa.
• Koko. Voit suurentaa tai pienentää tekstiä kirjoittamalla arvon väliltä 1–7 lainausmerkeissä.
• Väri. Suunnittelusta riippuen voit valita yhden vakiosävyistä (punainen, vihreä, sininen) tai syöttää koodin mille tahansa valitsemallesi värille.

Älä käytä -muotoiltuja kappaleita , alaotsikoiden sijaan. On parempi asettaa samat suunnitteluparametrit oikealla tunnisteella.

Tapoja korostaa tekstiä

Yksitoikkoinen teksti on väsyttävää, jopa kappaleisiin jaettuina. Kiinnittääkseen huomion ja herättääkseen lukijan kiinnostuksen avainkohdat On suositeltavaa korostaa graafisesti. Tässä on joitain komentoja, jotka auttavat sinua selviytymään tästä tehtävästä.

... . Erittäin suosittu HTML-tunniste. Lihavoitu teksti pistää heti silmään, ja siksi sen avulla on kätevää korostaa tärkeitä teesejä ja faktoja.

Monet ihmiset sekoittavat tunnisteet Ja . Ei ole visuaalista eroa, mutta ne toimivat eri tavalla. Ensimmäinen yksinkertaisesti muuttaa tekstin ulkonäköä, ja toinen toimii "hakemistona" ja korostaa tärkeimmät fragmentit (teemaattinen avainsanoja ja lauseita hakukoneoptimoijalle).

... . Tyylikäs ja tiukka kursivoitu on ihanteellinen tieteellisten termien, vieraiden sanojen ja erilaisten lainausten suunnitteluun. Vakavissa julkaisuissa myös taideteosten nimet on korostettu kursivoitulla tekstillä.

... . Ehkä mikään muu HTML-tunniste ei ole aiheuttanut niin paljon kiistaa. Alleviivausta käytetään harvoin, koska tätä menetelmää Kohokohdat on historiallisesti osoitettu hyperlinkeille. Jos käytät artikkeleissa, huomaa, että tämä sopii vain lyhyille katkelmille - enintään 1 rivi.

... . Mielenkiintoinen tunniste, jonka avulla voit tehdä osan erittäin tärkeästä mainonnasta - esimerkiksi korostaa vanhan ja uuden hinnan kontrastia.

... . Helpoin tapa suurentaa fonttikokoa ilman lisäasetuksia.

... . Se toimii samalla periaatteella kuin edellinen tagi. Sisällä olevaa tekstiä pienennetään suhteessa päätekstiin.

^... . Oikea nimi tämä muoto on yläindeksi. Tämä tunniste on tarkoitettu pääasiassa matemaattisille tutkinnoille ja alaviitteille. Se pienentää fonttikokoa ja siirtää valittua tekstiä ylöspäin.

_... . Alaindeksit löytyvät usein erilaisista kaavoista. Valittu fragmentti sijaitsee päätekstin alla.

Merkitykselliset säiliöt

Koska lohkoja löytyi monista teksteistä, niille alettiin luoda erityisiä tunnisteita. Tämä yksinkertaistaa muotoilua, koska jos jokaisella sisällöllä on omat tyylinsä, sinun on vain korostettava tekstiosa ja ilmoitettava, mitä tietoja se sisältää.

... . Tunniste tietokonekoodien lisäämiseen. Välttämätön ohjelmointia koskevissa artikkeleissa, joissa on esimerkkejä - komentoja ei suoriteta, vaan ne näytetään pelkkänä tekstinä.

... . Suunniteltu muotoilemaan lainauksia - esimerkiksi keskeisiä otteita haastattelusta.

. Sijoittaa osan tekstistä erilliseen lohkoon. Oletuksena valinnassa on enemmän vasenta täyttöä, mutta voit myös muuttaa tekstin kokoa, tyyliä ja väriä CSS:ssä.

...

. Lisätunniste, joka sisältää tietoja tekijästä, mukaan lukien linkit.

jakoviiva

---

Yksinkertaisella viivalla voidaan merkitä suuren osan looginen pää.

---

ei koske parillisia tunnisteita. Tämä tarkoittaa, että sulkeva muotoelementtiei tarvita.

WIDTH-attribuutilla voit lyhentää erotinta määrittämällä sopivan koon pikseleinä tai prosentteina ikkunan leveydestä.

Oppimalla käyttämään tunnisteita oikein HTML-tekstin muotoiluun, et vain tee artikkeleistasi helpompia lukea, vaan lisää myös hakukoneoptimoinnin tehokkuutta.

Minulla on ongelma, jossa asetan tekstin kirjasimen kooksi 11 kuvapistettä, mutta taulukot näyttävät fontin 16 kuvapistettä. Minulla ei ole aavistustakaan, mistä tämä johtuu - olen käynyt läpi CSS:n ja tulosteen (sivulle siirtymisen lähde) yhä uudelleen ja uudelleen. Taulukon kirjasimen koon asettaminen 11px:iin tuottaa selvästi toivotun vaikutuksen, mutta minun ei tarvitse asettaa sitä mihinkään erilleen rungosta.

Minulla on seuraava CSS:

Runko ( kirjasinperhe: Verdana, Arial, Helvetica, sans-serif; fontin koko: 11px; marginaali: 0px; taustaväri: #E7D2B8; väri: #863F2B; ) img.headerImg (leveys: 100%; ) . menu-strip ( float: vasen; leveys: 20%; ) .main-content ( float: vasen; leveys: 80%; ) .clear ( selkeä: molemmat; ) ul.menu ( margin: 0px; margin-vasen: 10px täyttö: 0px; lista-tyyli: ei mitään :20% leveys: 100 %: tiivistää

Ja johtopäätös on tämä:

• Kotiin
• Yhteystiedot
  • Asiakkaat
  • Agentit
  • Taiteilijat
  • Toimittajat
  • Muut

Koodi	Etunimi	Sukunimi	Osoite	Postinumero	Puhelin	Faksi	Muokata
							Luoda
koodi 4	James	Sininen	osoite 11 osoite 24 osoite 32 kaupunki 5	postinumero4	fone4	fone2	Muokata
koodi 5	Fred	Valkoinen	osoite 13 osoite 24 osoite 31 kaupunki 1	postinumero2	fone5	fone3	Muokata

• Linkki 1
• Linkki 2
• Linkki 3
• Linkki 4
• Linkki 5
• Linkki 6

En todellakaan näe taulukossa mitään, mikä voisi asettaa kirjasinkooksi 16 kuvapistettä. Tämä tapahtuu kaikille kolmelle osalle (thead, tfoot, tbody). Näyttää myös siltä, ​​että Netbeans 6.9 ei muotoile taulukkoa oikein, vaan muuta asiakirjaa (ennen ja jälkeen). Melkein kuin pöydässä olisi jotain vikaa, mutta en ymmärrä mikä. Tämä tapahtuu Firefoxissa ja Operassa (useimmat uusimmat versiot molemmat). En ole testannut sitä IE:ssä, koska sitä ei koskaan käytetä IE:ssä.

Minulla on ongelma, jossa olen asettanut tekstin kirjasimen kooksi 11 kuvapistettä, mutta taulukoissa fontti on 16 kuvapistettä. Minulla ei ole aavistustakaan, mistä tämä johtuu - olen käynyt läpi CSS:n ja tulosteen (sivulle siirtymisen lähde) yhä uudelleen ja uudelleen. Taulukon kirjasimen koon asettaminen 11px:iin tuottaa selvästi toivotun vaikutuksen, mutta minun ei tarvitse asettaa sitä mihinkään erilleen rungosta.

Minulla on seuraava CSS:

Runko ( kirjasinperhe: Verdana, Arial, Helvetica, sans-serif; fontin koko: 11px; marginaali: 0px; taustaväri: #E7D2B8; väri: #863F2B; ) img.headerImg (leveys: 100%; ) . menu-strip ( float: vasen; leveys: 20%; ) .main-content ( float: vasen; leveys: 80%; ) .clear ( selkeä: molemmat; ) ul.menu ( margin: 0px; margin-vasen: 10px täyttö: 0px; lista-tyyli: ei mitään :20% leveys: 100 %: tiivistää

Ja tulos näyttää tältä:

• Kotiin
• Yhteystiedot
  • Asiakkaat
  • Agentit
  • Taiteilijat
  • Toimittajat
  • Muut

Koodi	Etunimi	Sukunimi	Osoite	Postinumero	Puhelin	Faksi	Muokata
							Luoda
koodi 4	James	Sininen	osoite 11 osoite 24 osoite 32 kaupunki 5	postinumero4	fone4	fone2	Muokata
koodi 5	Fred	Valkoinen	osoite 13 osoite 24 osoite 31 kaupunki 1	postinumero2	fone5	fone3	Muokata

• Linkki 1
• Linkki 2
• Linkki 3
• Linkki 4
• Linkki 5
• Linkki 6

En todellakaan näe taulukossa mitään, mikä voisi asettaa kirjasinkooksi 16 kuvapistettä. Tämä tapahtuu kaikille kolmelle osalle (thead, tfoot, tbody). Näyttää myös siltä, ​​että Netbeans 6.9 ei muotoile taulukkoa oikein, vaan muuta asiakirjaa (ennen ja jälkeen). Melkein kuin pöydässä olisi jotain vikaa, mutta en ymmärrä mikä. Tämä tapahtuu Firefoxissa ja Operassa (molempien uusimmat versiot). En ole testannut sitä IE:ssä, koska sitä ei koskaan käytetä IE:ssä.