html gairės teksto šriftas, dydis ir spalva

HTML gairėsHTML gairėsTeksto šriftas, dydis ir spalvaTeksto šriftas, dydis ir spalva

IT mokytoja

Jolita Kuliukienė

Tekstą HTML dokumentuose galima ne tik skirstyti į pastraipas, bet ir naudoti daugumą teksto formavimo būdų, naudojamų šiuolaikinėse tekstų ruošimo programose, tokiose kaip Microsoft Word. Yra skiriami du teksto formavimo būdai:

Loginis formatas - priklauso nuo naršyklės. Tekstas parašytas naudojant komandą H1 visada bus didesnis nei tekstas, parašytas naudojant komandą H2, bet koks tiksliai bus raidžių dydis priklauso nuo naršyklės ir bendu atveju gali būti skirtingai programai skirtingas.

Fizinis formatas - visiškai priklauso tik nuo WWW puslapio kūrėjo. Tarkime, Jūs galite fiksuoti, kad tam tikra teksto dalis bus rašoma naudojant 14 dydžio TimesLT šriftą. Tada nepriklausomai nuo peržiūros programos tekstas bus vaizduojamas būtent 14 dydžio TimeLT šriftu, žinoma jei toks šriftas yra vartotojo kompiuteryje. Priešingu atveju rezultatai gali būti įvairūs.

Šrifto pakeitimas

Paprastai visas tekstas HTML dokumente rodomas tokiu šriftu ir spalva, kokie būna nurodytas naršyklėje ar HTML dokumento komandoje <BODY>. Skirtingoms teksto dalims galima naudoti skirtingus šriftus, spalvas ir dydžius. Šrifto, spalvos ir dydžio keitimui naudojama komanda , kurios pabaigos žymė yra . Pagrindiniai šios komandos atributai: FACE, FACE, COLOR, SIZECOLOR, SIZE.

HTML komanda Trumpas aprašymas Pavyzdžiai

 tekstas 

Tekstas bus vaizduojamas tokiu šriftu, koks nurodytas, jei toks šriftas yra vartotojo kompiuteryje

MS LineDraw,Modern

 tekstas 

Tekstas vaizduojamas spalva, nurodyta šešioliktainiu kodu (rrggbb). Spalvą galima nurodyti ir raktiniu žodžiu.

geltona, žalia, raudona

 tekstas 

Nurodo, kokio dydžio turi būti raidės. Leistini skaičiai nuo 1 iki 7. 1 atitinka 9 taškų dydį, o 7 - 36-ių. Dydis gali būti nurodomas ir reliatyviai: -3, -2, -1, +1, +2, +3 - nurodo kiek turi pasikeisti raidžių dydis, lyginant su naudojamomis.

trys, penki,

septyni

Galima rašyti ir keletą atributų vienoje komandoje. Pavyzdžiui, komandos rezultatas bus toks: Penkto dydžio mėlynas tekstas, rašytas "TimesLT" šriftu

Pastaba: Jei šrifto, kurį nurodėte, vartotojo kompiuteryje nebus, tai laukiamo efekto nebus. Taigi, patariama nepiknaudžiauti šia galimybe.

Spalvų kodai ir vardai

Spalva - dažniausiai naudojamų atributų HTML komandose ir viena iš pagrindinių priemonių formuojant HTML dokumentą. HTML kalboje naudojamas trijų bazinių spalvų - raudonos, žalios ir mėlynos (RGB - red-green-blue) kodas. Kodas yra šešių pozicijų šešioliktainis skaičius, kurio pirmi du skaitmenys atitinka raudonos, antri - žalios, treti - mėlynos spalvos intensyvumą. Kodas "#000000" atitinka juodą spalvą, o kodas "#FFFFFF" - baltą. Visų kitų spalvų kodai yra tarp šių dviejų kodų. Dauguma spalvų turi ne tik kodus bet ir savo pavadinimus. Jie gali būti naudojami vietoje tų spalvų kodų, jei taip yra patogiau. Štai pagrindinių 16 spalvų vardų lentelė:

Black = "#000000" Green = "#008000"

Silver = "#C0C0C0" Lime = "#00FF00"

Gray = "#808080" Olive = "#808000"

White = "#FFFFFF" Yellow = "#FFFF00"

Maroon = "#800000" Navy = "#000080"

Red = "#FF0000" Blue = "#0000FF"

Purple = "#800080" Teal = "#008080"

Fuchsia = "#FF00FF" Aqua = "#00FFFF"

Fiziniai formataiTai teksto formatavimo komandos, kurios nepriklauso nuo

peržiūros programų. Tarp jų yra jau aukščiau minėtos , ir komandos, o taip pat ir keletas kitų:

<BIG> tekstas </BIG> - tekstas taps truputį didesnis už aplinkinį.

<BLINK> tekstas </BLINK> - tekstas turėtų mirksėti. Ar mirksi? Jei ne, vadinasi Jūsų naršyklė "nesupranta" šios komandos.

 tekstas - tekstas taps truputį mažesnis už aplinkinį.

<STRIKE> tekstas </STRIKE> - tekstas bus perbrauktas, kaip neteisingas žodis tekste...

 tekstas - tekstas bus truputį žemiau ir mažesnis už aplinkinį.

 tekstas - tekstas bus truputį aukšciau ir mažesnis už aplinkinį.

<TT> tekstas </TT> - teletaipo teksto stilius - fixed-width typewriter font.

Klausimai

1 užduotisSukurk tinklalapį linijos.htm.

Pasinaudodamas gairės <hr> atributais sukurk penkias skirtingų savybių linijas.

2 užduoti

s

3 užduotis

4 užduotis

Smalsiems

html gairės teksto šriftas, dydis ir spalva

Documents