1 / 17

HTML gairės Teksto šriftas, dydis ir spalva

HTML gairės Teksto šriftas, dydis ir spalva. IT mokytoja Jolita Kuliukienė.

tasya
Download Presentation

HTML gairės Teksto šriftas, dydis ir spalva

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML gairėsTeksto šriftas, dydis ir spalva IT mokytoja Jolita Kuliukienė

  2. 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.

  3. Š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 <FONT>, kurios pabaigos žymė yra </FONT>. Pagrindiniai šios komandos atributai: FACE, COLOR, SIZE.

  4. Galima rašyti ir keletą atributų vienoje komandoje. Pavyzdžiui, komandos <FONT SIZE="5" FACE="TimesLT" COLOR="#0000FF"> 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.

  5. 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ė:

  6. Fiziniai formatai Tai teksto formatavimo komandos, kurios nepriklauso nuo peržiūros programų. Tarp jų yra jau aukščiau minėtos <B>, <I> ir <U> 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. <SMALL> tekstas </SMALL> - tekstas taps truputį mažesnis už aplinkinį. <STRIKE> tekstas </STRIKE> - tekstas bus perbrauktas, kaip neteisingas žodis tekste... <SUB> tekstas </SUB> - tekstas bus truputį žemiau ir mažesnis už aplinkinį. <SUP> tekstas </SUP> - tekstas bus truputį aukšciau ir mažesnis už aplinkinį. <TT> tekstas </TT> - teletaipo teksto stilius - fixed-width typewriter font.

  7. Klausimai

  8. 1 užduotis Sukurk tinklalapį linijos.htm. Pasinaudodamas gairės <hr> atributais sukurk penkias skirtingų savybių linijas.

  9. 2 užduotis

  10. 3 užduotis

  11. 4 užduotis

  12. Smalsiems

More Related