alebo študijné značky, ktoré formátujú text HTML
Predstavujeme vám jednu z kľúčových a najjednoduchších lekcií tutoriálu.
Pozri nižšie značky, ktoré formátujú text HTML:
→ monopriestor HTML text(jednopriestorové písmo).Výsledok: ... jednopriestorové písmo
Výsledok: ...veľkosť písma je väčšia ako normálne
výsledok: ... kurzíva
Výsledok: prečiarknutý text (prečiarknuté písmo)
výsledok: horný index
Vyššie uvedené formátovacie techniky by sa mali používať len pre malé časti textu. Použi to CSS ak chcete nastaviť konkrétne písmo pre celú stránku, alebo napríklad pre niekoľko riadkov.
Html nám dáva niekoľko možností, pokiaľ ide o dizajn textu. Dnes vám poviem, ako urobiť kurzívu v HTML, a to ako v štandardnom, tak aj v neštandardnom písme. V druhom prípade budete musieť vziať do úvahy niekoľko vecí, aby všetko fungovalo.
Začnem tým, že v samotnom html sú dve značky, ktoré dávajú textu kurzívu. Toto sú em a i. Mimochodom, ten druhý je zabudovaný do html editora Wordpress motora, v ktorom teraz píšem tento článok. Ako sa tieto značky líšia? Popravde, dnes by som nerád nahlas vyhlasoval, že sú akosi iní.
Vo všeobecnosti sa em má používať na zvýraznenie slov, ktoré je potrebné vysloviť so špeciálnou intonáciou, a text jednoducho vizuálne zvýrazní. Ale netrápme sa tým, pretože nevieme, či je to skutočne tak.
Toto je vlastnosť štýlu písma a jej hodnota je kurzíva. Je tam aj hodnota šikmá a tá zmení text na kurzívu. Je medzi týmito hodnotami nejaký rozdiel? Prakticky žiadny. Mimochodom, podrobnosti o tomto a ďalších vlastnosti css pre text si prečítajte príslušný článok, kde je všetko vyriešené.
Faktom je, že ak pripojíte neštandardné písmo cez Google Fonts, potom v tomto prípade musíte začiarknuť políčko pri pripájaní aspoň 1 štýlu písma kurzívou. Ak to neurobíte, potom, keď sa pokúsite urobiť takéto písmo kurzívou, zobrazí sa kurzíva jedného zo štandardných písiem. Mimochodom, o pripájaní neštandardných písiem si môžete prečítať v tomto článku.
Na tejto snímke obrazovky môžete vidieť fragment pripojenia písma cez služby Google Písma.
Ako vidíte, vedľa aspoň jedného štýlu kurzívy je začiarknutie. Teraz, keď použijete potrebné značky alebo vlastnosti štýlu, toto písmo sa skutočne zmení na kurzívu a nie na iné.
Preto sme diskutovali o všetkých bodoch, ktoré existujú pri práci s kurzívou. Už sa ťa neodvážim zadržiavať.
Tag v HTML sa používa na zvýraznenie časti textu kurzívou.
HTML tag odkazuje na značky fyzického formátovania. Zmena štýlu písma pomocou značky má štylistický charakter.
Pomocou značky môžete zmeniť aj text HTML kurzívou. V tomto prípade bude text považovaný za logicky zvýraznený (významovo), „podčiarknutý“.
Špecifikácia HTML5 odporúča uprednostniť značky logického formátovania: dôležité textové fragmenty – tag, dôraz – tag, podnadpisy – tagy, zvýraznenie textu – tag. Kurzívou text pomocou značky by sa mal použiť len vtedy, ak vzor výberu nezodpovedá žiadnej značke logického formátovania.
Všetky typy výberu textu sú popísané v článku:.
Jednoduchý text, ktorý je možné umiestniť na akúkoľvek webovú stránku. A tu je text v kurzíve (
Kurzíva je jedným z najpopulárnejších spôsobov, ako zvýrazniť časť textu a dať mu nejaký význam. Je ideálny pre citácie, poznámky pod čiarou, názvy a vlastné mená. V HTML sú dve špeciálne značky na zobrazenie kurzívy. V CSS je kurzíva riadená vlastnosťou font-style.
Rovnaké písmo môže vyzerať inak v štýle kurzívy.
Obrázok ukazuje tri bloky textu napísané rovnakým písmom Playfair Display. Prvý z nich má obvyklý rímsky štýl, zatiaľ čo druhý a tretí majú kurzívu. Sú otvorené v rovnakom Prehliadač Google Chrome, ale vyzerá úplne inak.
Faktom je, že niektoré písma majú svoje vlastné znakové sady kurzívy. Ak prehliadač nemá prístup k tejto množine, ale narazí na text, ktorý by mal byť vykreslený ako kurzíva, pokúsi sa ju prepísať sám.
V druhom bloku je práve takáto verzia spracovaná prehliadačom a v treťom originálna kurzíva fontu Playfair Display, ktorý má jedinečný štýl, skôr písaný rukou. Prehliadač jednoducho nakloní každý znak textu pod určitým uhlom, čím simuluje kurzívu.
Pri zisťovaní, ako urobiť kurzívu v CSS alebo HTML, je dôležité pamätať na to, že v prípade špecifických písiem musíte prehliadaču poskytnúť prístup k ich sadám kurzívy. V niektorých prípadoch môže byť výsledok algoritmov naklonenia prehliadača neuspokojivý.
Na zobrazenie textu kurzívou v HTML existujú dve špeciálne značky: i (od slova kurzíva) a em. Štýl textového fragmentu v ktoromkoľvek z týchto deskriptorov bude rovnaký.
Rozdiel je v logickom výbere. Značka em označuje osobitný význam fragmentu. Toto je dôležité pre vyhľadávacie roboty a čítačky obrazovky, ktoré zvýraznia určený text pomocou intonácie.
V CSS je kurzíva riadená príkazom štýlu písma. Môže nadobúdať jednu z troch základných hodnôt:
V súčasnosti väčšina moderné prehliadače zaobchádzať so šikmými hodnotami a kurzívou rovnakým spôsobom, ale pôvodne sa predpokladalo, že prvá bola výsledkom špeciálnych algoritmov prehliadača, ktoré nakláňajú každý znak doprava.
Ak prehľadávač nenájde písmo, ktoré hľadáte, kurzíva bude vyzerať presne rovnako ako šikmá.
Na rozdiel od značky em nepripisuje výberu žiadnu zvláštnu dôležitosť, skôr zodpovedá deskriptoru i.
Úvodzovky sa často používajú kurzívou. Skúsme, aby to vyzeralo pekne.
Citát ( štýl písma: kurzíva; ľavý okraj: 5 pixelov, plná fialová; ľavý výplň: 20 pixelov; )
Okrem ozdobného okraja na pravej strane a zarážok má blok úvodzoviek pravidlo štýlu písma s hodnotou kurzíva.
Použite ho na nastavenie kurzívy v CSS.
Určuje, či je štýl písma obyčajný, kurzíva alebo kurzíva. Keď je text nastavený na kurzívu alebo kurzívu, prehliadač zavolá systém, aby našiel vhodné písmo. Ak sa zadaný font nenájde, prehliadač použije na simuláciu špeciálny algoritmus požadovaný typ text. Výsledok a kvalita môžu byť neuspokojivé, najmä pri tlači dokumentu.
štýl písma: normal | kurzíva | šikmé | dediť
HTML5 CSS2.1 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Výsledok tento príklad znázornené na obr. 1.
Ryža. 1. Použitie vlastnosti font-style
document.getElementById("elementID ").style.fontStyle
Verzie programu Internet Explorer do 7.0 vrátane nepodporujú hodnotu zdedenia.
Prehliadače vždy zobrazujú text s hodnotou šikmo ako kurzívou.