Kurzíva v CSS: Zmeňte štýl písma. Základné značky formátovania textu HTML - zvýrazňovanie textu tučným písmom a kurzívou; možnosti veľkosti, farby a písma; značky odsekov a nadpisov Ďalšie možnosti zarovnania a štýlu
Aby naša WEB stránka vyzerala reprezentatívnejšie, rozdelíme text na odseky a zvýrazníme nadpis. HTML má 6 úrovní nadpisov sekcií dokumentu, očíslovaných od 1 do 6. Nadpisy sú deklarované dvojicou značiek s číslami zodpovedajúcimi úrovni, napr.
- názov časti prvej úrovne a - názov sekcie šiestej úrovne. Nadpisy sa od bežného textu líšia veľkosťou a šírkou písmen. Nadpis prvej úrovne h1 sa zvyčajne zobrazuje veľmi veľkým písmom, zatiaľ čo nadpis h6 šiestej úrovne sa zvyčajne zobrazuje veľmi malým písmom.Tituly
Nezamieňajte si názvy sekcií dokumentu s predtým diskutovaným názvom dokumentu definovaným prvkom
.Prvú vetu používame ako názov textu - Na to stačí obmedziť ho značkami
A
.Vložte značky do textu súboru other.html
A
tak, že obmedzujú prvú vetu textu a tento kus kódu má nasledujúcu formu:Vitajte na stránke spoločnosti SD!
Pozrime sa na získaný výsledok.
Uložte súbor výberom príkazu ponuky Poznámkový blok Súbor - Uložiť.
Operáciu uloženia je potrebné vykonať vždy pred zobrazením dokumentu, pretože súbor otvorí na prezeranie jeho načítaním do pamäte RAM počítača z disku. Ak po úprave HTML kódu súbor neuložíte, v prehliadači neuvidíte žiadne konfigurácie.
Obnovte okno prehliadača kliknutím na jeho tlačidlo na paneli úloh.
Stlačte tlačidlo F5 alebo tlačidlo Obnoviť na paneli nástrojov pracovného okna programu. Súbor other.html sa znova načíta a v okne prehliadača uvidíte, ako vyzerá hlavička prvej úrovne.
Pozrite sa, ako budú vyzerať názvy ďalších 5 úrovní, keď zmeníte čísla v značkách: h2, h3 atď. Po každej konfigurácii nezabudnite uložiť súbor a aktualizovať obrázok v okne prehliadača.
Po dokončení experimentov znova obnovte značky v súbore other.html
.Pomocou 6 úrovní nadpisov, ktoré poskytuje HTML, môžete vytvoriť ľahko čitateľný dokument s intuitívnou štruktúrou. Pamätajte, že váš dokument sa bude vždy oveľa lepšie čítať, ak bude prehľadne rozdelený na sekcie a podsekcie.
Zarovnanie nadpisov
Štandardne je nadpis zarovnaný k ľavému okraju strany. Dá sa však zarovnať aj doprava alebo na stred. Pre správne zarovnanie v značke
Používa sa atribút align="right" a pre centrovanie - align="center". Povolené je aj zjavné označenie zarovnania na ľavej strane – align="left".
Pridať k značke
align="center" na vycentrovanie nadpisu. Tento prvok by mal vyzerať takto:
Vitajte na stránke spoločnosti SD!
V budúcnosti nebudeme pripomínať nutnosť uložiť súbor s úvodným kódom a pred prezeraním obnoviť obrázok v prehliadači.
Ako urobiť text zvýraznený (tučným) v HTML
Teraz prejdime k zvyšku textu. Zväčšíme jeho veľkosť a spravme text tučným kurzívou. Na nastavenie tučného štýlu sa používajú párové značky .
Vložte úvodný do súboru other.html a zatváranie tagy tak, aby obmedzovali text Tu sa dozviete... Tento prvok by mal mať nasledujúcu podobu:
Ako urobiť text kurzívou v HTML
Štýl kurzívy sa nastavuje pomocou značiek .
Vložte značku HTML do počiatočného kódu A takže upravený prvok má nasledujúcu podobu:
Tu sa dozviete o našej činnosti, softvérové produkty o našej spoločnosti a o zariadeniach, ktoré vyrábame
Prvky značiek môžu byť vnorené, ako v tejto štruktúre, kde je prvok … vnorené do prvku …. Moderné prehliadače dokážu správne spracovať vnorené značky. Preto musíte zabezpečiť, aby nedošlo k porušeniu investičného poriadku. Prehliadač bude ťažké ovládať, ak je vnorenie porušené. Napríklad tento záznam by bol nesprávny: …. Súlad s vnorením je veľmi dôležitou súčasťou všeobecnej kultúry písania HTML kódu.
Ako urobiť text podčiarknutý v HTML
Použitie niekoľkých značiek môžete nastaviť podčiarknutý štýl textu, ktorý je obmedzený týmito značkami a pomocou dvojice značiek - zobraziť text v ďalekopisnom písme.
Je potrebné poznamenať, že nedávno značka zjednodušené a zdôraznené pomocou štýlov. ekvivalent . Áno, nový analóg vyzerá ťažkopádnejšie, ale bohužiaľ je to pravdivejšie. Hlavná vec v prospech toho je, že objemná verzia je vhodná pre rôzne prehliadače, inými slovami, vhodná pre všetky prehliadače, keď Nie všetky prehliadače to podporujú.
Ako zvýšiť text v HTML
Teraz zväčšíme veľkosť písma textu. To sa dá dosiahnuť rôznymi metódami.
Tagy zväčšiť veľkosť písma textu uzavretého medzi nimi.
Pridajte značky na začiatok a koniec vyššie uvedenej časti kódu A takže prvok má nasledujúci tvar:
Tu sa dozviete o našej činnosti, o softvérových produktoch našej spoločnosti a o zariadeniach, ktoré vyrábame
Používanie značiek môžete zmenšiť veľkosť písma textu v porovnaní s pôvodným písmom.
Ďalšou metódou určenia veľkosti písma je použitie značiek s atribútom size. Ako hodnoty pre tento atribút sa používajú celé čísla od 1 do 7. V tomto prípade hodnota 1 zodpovedá najmenšej veľkosti písma a hodnota 7 zodpovedá najväčšej.
Použitie namiesto značiek zobraziť značky , pozrite sa, ako sa mení veľkosť písma textu pre rôzne hodnoty atribútu size - od 1 do 7.
Ako hodnotu atribútu size môžete použiť aj čísla od 1 do 7 so znamienkom + (plus) alebo - (mínus). V tomto prípade sa veľkosť písma zodpovedajúcim spôsobom zväčšuje alebo zmenšuje v porovnaní s pôvodnou veľkosťou, napríklad značky Veľkosť písma sa oproti aktuálnej zväčší o jednu úroveň. Skontrolovať to.
Nastavte 5 ako hodnotu atribútu size pre príslušný text: . HTML kód pre tento kus by mal byť takýto:
Tu sa dozviete o našej činnosti, o softvérových produktoch našej spoločnosti a o zariadeniach, ktoré vyrábame.
V značkách Atribút color možno použiť aj na určenie farby písma obmedzenej textovými značkami. Význam tohto atribútu je rovnaký ako pre predtým diskutované atribúty, ktoré popisujú farbu pozadia a textu dokumentu.
Štandardne je odsek s textom Tu sa dozviete... zarovnaný doľava. Vycentrujte ho vodorovne pomocou značiek
Vložte značky
Upozorňujeme, že na vycentrovanie odseku sme použili značky
Pozornosť! Pre značky 2010 ,
=
=
Existuje aj veľké množstvo ďalších zastaraných značiek, ktoré nie je možné načrtnúť v tomto článku, takže je lepšie okamžite sa zoznámiť so špecializovanými webovými stránkami o tejto problematike. Ale tie hlavné som tu zverejnil o niečo vyššie
Alokačné kódy
Jazyk HTML umožňuje dva prístupy k výberu písma fragmentov textu. Na jednej strane môžete priamo naznačiť, že písmo v určitej časti textu môže byť tučné alebo kurzíva, inými slovami, môžete jasne uviesť štýl písma textu, ako sme to urobili v tomto experimente. Na druhej strane môžete ľubovoľný text označiť ako logický štýl, ktorý sa líši od bežného štýlu, pričom interpretáciu tohto štýlu ponechajte prehliadaču. Logický štýl teda ukazuje úlohu textu, napríklad jeho obrovský význam v porovnaní s bežným textom alebo fakt, že ide o citát. Vo svojej vlastnej práci môžete použiť nasledujúce značky, ktoré definujú logické štýly. Skontrolujte, ako fungujú rôzne prehliadače.
- používa sa na definovanie slova. Text sa štandardne zobrazuje kurzívou.
- zvýrazniť slová a posilniť ich. Text sa štandardne zobrazuje kurzívou.
- na zvýraznenie názvov kníh, filmov, predstavení atď. sa štandardne zobrazuje kurzívou.
- pre fragmenty programového kódu. Zobrazuje sa na displeji písmom s pevnou šírkou.
- používa sa pre text, ktorý používateľ zadáva z klávesnice. V rôznych prehliadačoch sa môže zobraziť v rôznych typoch písma. Značka je zastaraná.
- slúži na zobrazenie hlásení programu. Zobrazuje sa písmom s pevnou šírkou. Značka je zastaraná.
- pre obzvlášť dôležité fragmenty. Zvyčajne sú zvýraznené tučným písmom.
- používa sa na označenie, že časť textu alebo slovo je symbolická premenná, inými slovami text, ktorý možno nahradiť rôznymi výrazmi. Štandardne sa zobrazuje kurzívou. Značka je zastaraná.
Špecifikácia HTML 4.0 ponúka pokročilejšiu metódu špecifikácie štýlov pre text a ďalšie časti – pomocou špeciálneho jazyka nazývaného CSS (Cascading Style Sheets). Šablóny štýlov sú obrovským úspechom v oblasti WEB dizajnu, rozširujúc možnosť zlepšiť vzhľad stránok. Šablóny štýlov uľahčujú definovanie riadkovania, výplne, farieb použitých pre text a pozadie, veľkosti a štýlu písma atď. Väčšinu častí HTML je možné upravovať pomocou atribútu štýlu, ktorý je umiestnený v úvodnej značke prvku. Ako hodnota atribútu štýlu sa používajú dvojice tvaru „vlastnosť: hodnota“. Napríklad v časti kódu popisujúcej hlavičku sekcie,
atribút style="color: blue" určuje, že vlastnosť color má hodnotu blue, inými slovami, text nadpisu prvej úrovne by mal byť zobrazený modrou farbou.
Zarovnanie so štýlmi
Pozrime sa, ako použiť jazyk kaskádových štýlov na určenie štýlu textu, ktorý začína slovami Tu sa naučíte...
Ak chcete určiť hrúbku písma, použite vlastnosť font-weight s hodnotami svetlejšie (úzky), tučné (polotučné), tučné (tučné), napríklad style="font-weight: bold".
Ak chcete určiť štýl kurzívy, použite vlastnosť font-style s hodnotou kurzíva. Preto, aby ste dali textu štýl tučnej kurzívy, mali by ste nájsť atribút štýlu takto: style="font-weight: bold; font-style: italic". Poznámka: charakteristiky môžu byť uvedené v ľubovoľnom poradí a musia byť oddelené bodkočiarkou.
Ak potrebujete určiť veľkosť písma, mali by ste použiť vlastnosť font-size, ktorej hodnoty možno zadať v relatívnych alebo absolútnych hodnotách. Relatívne hodnoty sú percentá a body (pt), pixely (px), centimetre (cm), milimetre (mm) sa používajú ako absolútne hodnoty. Napr.:
style="font-size: 200%"
style="font-size: 16pt"
style="font-size: 100px"
Zadaním absolútnych a nie relatívnych veľkostí zbavíte používateľov prezerajúcich si vaše stránky možnosti zväčšiť alebo zmenšiť veľkosť písma pomocou príkazu ponuky prehliadača v súlade s ich víziou a rozlíšením monitora. Písma sa zobrazia iba vo veľkosti, ktorú určíte. Preto je lepšie určiť veľkosť písma v percentách. V tomto prípade bude veľkosť písma menšia alebo väčšia o uvedený počet percent, ako keď bolo navrhnuté HTML pomoc predvolená značka.
Na určenie metódy vodorovného zarovnania textu použite vlastnosť zarovnania textu s hodnotami vľavo (doľava), vpravo (vpravo), na stred (na stred), zarovnať (šírka). Ak teda chcete uviesť, že text Tu sa naučíte... by mal byť formátovaný tučnou kurzívou s veľkosťou 150 % originálu a zarovnaný na stred, jeho štýl by mal byť nasledujúci:
style="font-weight: bold; font-style: italic; font-size: 150 %; text-align: center"
Tento atribút budeme používať v značkách<р>, ktoré vám umožňujú prezentovať text ako samostatný odsek.
Upraviť HTML prvok, vrátane textu Tu sa dozviete... odstránením značiek
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Tu sa dozviete o našej činnosti, o softvérových produktoch našej spoločnosti a o zariadeniach, ktoré vyrábame
Vidíte, HTML vám umožňuje používať rôzne metódyštýlový dizajn. Súčasne použitie jazyka kaskádových tabuliek CSS štýly je viac žiaduce.
Ďalšie možnosti zarovnania a štýlu
Videli sme len jeden prípad použitia pre jazyk štýlov, kde je definícia štýlu umiestnená konkrétne v značke prvku, ktorý popisujete.
To sa vykonáva pomocou atribútu style, ktorý sa používa s väčšinou štandardných značiek HTML. CSS má však aj iné využitie.
V štandardnom HTML, bez zavádzania hárkov štýlov, ak chcete priradiť určité parametre k akémukoľvek prvku, ako je farba, veľkosť, poloha na stránke a podobne, musíte tieto vlastnosti načrtnúť pre každý prvok zakaždým, aj keď 10 strán musia byť umiestnené na jednej strane ki takých častí, ktoré sa navzájom nelíšia. Rovnaký kúsok HTML kódu musíte vložiť na stránku desaťkrát, čím sa zväčší veľkosť súboru a čas potrebný na jeho stiahnutie z internetu.
Štýly fungujú iným, pohodlnejším a ekonomickejším spôsobom. Ak chcete prvku priradiť určité vlastnosti, musíte tento prvok raz načrtnúť a nájsť tento popis ako štýl a potom jednoducho označiť, že prvok, ktorý chcete vhodne navrhnúť, musí mať vlastnosti štýlu, ktorý ste opísali. Pohodlné, však?
Okrem toho môžete popis štýlu uložiť nie do textu svojej webovej stránky, ale do samostatný súbor- to vám umožní použiť popis štýlu na ľubovoľnom počte WEB stránok. A ďalšou súvisiacou výhodou je možnosť zmeniť dizajn ľubovoľného počtu strán, pričom sa opraví iba popis štýlu v jednom samostatnom súbore.
Jazyk štýlov navyše umožňuje ešte viac pracovať s dizajnom písma stránok najvyššia úroveň než štandardné HTML.
V súčasnosti má jazyk CSS pomerne veľké množstvo parametrov pre časti HTML, ktoré môže ovládať. Použitím „bezpečného“, inými slovami kompatibilného s najväčší počet prehliadače, CSS prvky - charakteristika písma, farby častí a pozadí, textová charakteristika a orámovanie - môžete si výrazne uľahčiť prácu a zatraktívniť svoje WEB stránky z hľadiska textového dizajnu.
V tomto článku si povieme, ako zvýrazniť text kurzíva HTML. Rovnako ako pri tučnom texte, kurzíva môže byť vytvorená tromi spôsobmi:
- Tag i HTML;
- Tag em HTML;
- Vlastnosť CSS štýl písma.
Pozrime sa na všetky tri možnosti, ako urobiť kurzívu v HTML, diskutujme o zložitosti tohto problému a o tom, ktoré metódy sú v určitých situáciách pohodlnejšie a správnejšie.
Kurzíva: značka
Tag i(kurzíva), podobne ako značka b pre tučný text slúži na fyzické zvýraznenie textu kurzívou (to znamená, že sa zmení iba štýl textu). Použitie značky i:
Tvorca webových stránok "Nubex"
Požadovaná časť textu sa teda umiestni medzi značky .
Kurzíva: značka
Hoci tag i zostáva v platnosti, z hľadiska optimalizácie stránky je lepšie použiť značku em na zvýraznenie logicky dôležitých častí textu. To znamená, že vyhľadávacie roboty berú do úvahy dôležitosť textu umiestneného medzi značkami :
Tvorca webových stránok "Nubex"
výsledok:
Tvorca webových stránok "Nubex"
Ale nezabudnite, že text uzavretý v značkách i A em, aj keď sú zobrazené takmer identicky (vo všetkých moderné prehliadače), vo svojej podstate nie sú úplne totožné, ako je uvedené vyššie. Preto musíte podľa potreby použiť značky: tag em HTML orámuje dôležité časti textu a vizuálna kurzíva sa aplikujú pomocou značky i alebo CSS štýly. Pozrime sa teraz na používanie štýlov CSS na vytvorenie textu kurzívou.
Kurzíva s CSS
Ak chcete nastaviť štýly zobrazenia písma v CSS, použite vlastnosť štýl písma, ktorý môže nadobúdať nasledujúce hodnoty: šikmé(text kurzívou), kurzíva(kurzívou) a normálne(bežné písmo).
Stojí za to si to pripomenúť kurzíva písmo a naklonený, v podstate nie sú to isté. Kurzíva- toto je špeciálne písmo, ktoré je analogické ručne písaný text, A naklonený vytvorené naklonením bežného písma doprava.
Použitie atribútu štýl písma na praxi:
Naše stránky sú skutočne obrovský krok vo vývoji webu.
Robíme to naozaj kvalitu stránky.
Musíte si však uvedomiť, že niektoré prehliadače majú text s vlastnosťou font-style:oblique; nemožno interpretovať ako text kurzívou, ale ako text kurzívou.
Dobrý deň, milí čitatelia blogu! Tento článok bude hovoriť o značky na formátovanie textu. Medzi hlavné príklady patrí zvýraznenie textu tučným písmom alebo kurzívou. Pozrieme sa aj na vplyv niektorých značiek na internú optimalizáciu webu a pravidlá ich písania. O tom sa dočítate v danom článku. Mimochodom, podobné prvky textového dizajnu nájdete v mnohých textových editoroch, napríklad vo Worde.
Tagy sú rozdelené do 2 typov: blokové a vložené. Pri použití prvého môžete zmeniť obsah časti textu (riadky, jednotlivé fragmenty alebo slová) a tie druhé sú . Formátovacie značky, na ktoré sa pozrieme v tomto článku, sú primárne malé písmená.
Pravidlá a poradie písania značiek
Už viete, čo sú otváracie a zatváracie značky. Ak nie, prečítajte si článok uvedený na samom začiatku tohto materiálu. Stručne povedané, existujú dva typy značiek: jednoduché (napríklad nový riadok) a kontajner (v pároch). Takže všetky značky formátovania textu sú spárované. To znamená, že každý prvok má otváraciu a zatváraciu značku a zvýraznenie musí byť umiestnené medzi nimi. Napríklad správny výber frázy by vyzeral takto: Vybraný fragment
Keď prehliadač spracuje tento fragment, zobrazí sa nasledujúci text: Vybraný fragment. Mimochodom, všetky značky sa nezobrazujú v kanáli RSS ().
Hlavnou vecou pri písaní značiek je nezabudnúť ich zavrieť. V opačnom prípade bude všetok text na stránke zvýraznený tučným písmom (v príklade so značkou ). Existujú však prípady, keď potrebujete súčasne zvýrazniť určitý fragment tučným písmom a kurzívou. Neexistuje však žiadna značka, ktorá vykonáva túto akciu. Z tejto situácie existuje len jedna cesta: použiť dve značky súčasne. Nezáleží na tom, v akom poradí ich použijete. Preto písanie textu so značkami, ako je tento:
Vybraný fragment
alebo takto:
Vybraný fragment
Stále budete dostávať Vybraný fragment kurzíva a tučné písmo zároveň. Je však vhodnejšie použiť prvú možnosť, pretože pôvodne bola jediná a správna. Tiež nezabudnite, že každý prehliadač môže spracovať značky inak (), v závislosti od nastavení. Teraz prejdime k samotným formátovacím značkám.
Tučný text a kurzíva - značky , , A
Najpopulárnejšie značky formátovania textu - zvýraznenie tučný A kurzíva. Zvyčajne sa používajú na pridelenie dôležitosti fragmentu. Prvý prípad slúži na výber fragmentu obsahujúceho užitočná informácia alebo Kľúčové slová. Kurzíva slúži na rovnaký účel ako tučný text, ale informácia je menej dôležitá, pretože kurzíva je na pozadí hlavného textu menej nápadná ako tučný text.Najprv zvážime urobiť text tučným písmom. Pre túto akciu sa používajú dve značky − A . Rozdiely v vzhľad Nie Hoci každý prehliadač môže interpretovať každý prvok odlišne, môžete vidieť akékoľvek rozdiely. Takto vyzerá text v značkách A vo formulári, ktorý už prehliadač spracoval:
Text v značkách silný
Text v značkách b
A takto vyzerajú tieto dva riadky v zdrojovom kóde stránky:
Text v značkách silný Text v značkách b
Rovnakú situáciu môžeme pozorovať aj v prípade značky kurzívou A . Pokúste sa nájsť rozdiely medzi týmito dvoma príkladmi:
Text v em tagoch
Text v značkách I
A tu zdroj:
Text v em tagoch Text v značkách I
Uvažované značky s tučným písmom a kurzívou sa teda v skutočnosti nelíšia, ale prečo potom potrebujeme napríklad značku Ak tu ? Koniec koncov, posledný obsahuje iba jeden znak (nepočítajúc zátvorky), a preto sa ľahšie píše. A celá pointa je v tom, že značky A vplyv . Ak kľúčové slová obklopíte týmito tagmi, priaznivo to ovplyvní propagáciu webu. Hlavné je to nepreháňať – text by mal obsahovať maximálne 5 % tučného textu v tagu a rovnaké množstvo kurzívy v značke .
Ak chcete len zvýrazniť nejaký bod v texte, použite značku alebo . Vo všeobecnosti si myslím, že vyhľadávače považujú aj text v týchto tagoch za dôležitejší, ale interná optimalizácia stále majú menší vplyv ako A .
Značky na zvýraznenie textu čiarou - , A
Teraz sa pozrime na niekoľko značiek, ktoré v textovom dizajne používajú pomlčku. Pre vás ten najznámejší textové editory — tag
alebo podčiarknite. Tento tag nemá vplyv na hodnotenie (pokiaľ viem), ale pomôže zvýraznenie nejakého textu a sústredenie pozornosti naň. Príklad použitia tejto značky Citoval som to trochu vyššie. Ďalšie dve značky podobného účelu - A . Oba plnia funkciu vyčiarknutia textu. Túto značku môžete použiť v akejkoľvek situácii: ak aktualizujete dokument (alebo skôr jeho časť), môžete prečiarknuť starý a pridať nový; ak sa chystáte napísať niečo, čo sa odchyľuje od témy materiálu; niečo, čo nezodpovedá morálnym a etickým štandardom.
Rozdiely medzi týmito dvoma značkami sú iba v nich písanie, v dôsledku čoho je vhodnejšie použiť prvý, pretože po prvé, písanie je pohodlnejšie a po druhé, vaša stránka bude obsahovať menej kódu HTML a vyhľadávače to milujú.
Tag a atribúty - parametre písma textu
Teraz zvážte značku, ktorá sa nepoužíva bez atribútov. Pomocou neho môžete nastaviť parametre pre konkrétny text. Vo všeobecnosti je teraz vhodnejšie použiť (kaskádové štýly), pretože... pomocou nich môžete výrazne zmenšiť celý HTML kód stránky. Pozrime sa teda na tú istú značku . Všetko pre neho existuje tri atribúty:
- tvár- samotné písmo. Napríklad Arial, Courier alebo Verdana. Môžete uviesť niekoľko, pretože nie všetci používatelia majú rozsiahlu sadu písiem a napísaním niekoľkých písiem do atribútu tváre si prehliadač bude môcť vybrať, ktoré z nich použije, alebo skôr, ktoré sa nachádza v systéme;
- veľkosť— atribút označujúci veľkosť textu. Dá sa vyjadriť v konvenčných jednotkách aj v pixeloch;
- farba- farba textu. Tento atribút je možné použiť v kódoch farieb HTML aj vo worde. Prvé majú tvar #FFFFFF (kde F je ľubovoľné číslo alebo písmeno od A do F) a druhé sa píšu jednoduchými slovami(napríklad červená - červená).
Takto vyzerá text v značke pomocou každého atribútu:
Tento text má veľkosť 6 pixelov
Tento text je červený Tento text je napísaný písmom Arial Tento text je červený a má veľkosť 5pxA toto uvidíte po spracovaní napísaného kódu: 
Prvky návrhu bloku textu - nadpisy -, odsek
, odsek
Nakoniec sa pozrieme na blokové prvky, ktoré sa používajú takmer v každom dokumente. Sú to značky nadpisov a odsekov. Uvažujme o prvom. Existuje 6 typov nadpisov a každý má svoj vlastný štítok. Každý typ má len svoje sériové číslo a zaznamenáva sa pomocou značiek
, ,..., . Takto vyzerajú všetky hlavičky pri spracovaní:
. Takto vyzerajú všetky hlavičky pri spracovaní:
Číslo za názvom slova zodpovedá číslu v tagu
Teraz si povedzme o značke zvýraznenia odseku
Funkciou tejto značky je oddeliť text medzi iný identický text a prázdny riadok. Ak sa pozriete na zdrojový kód dokumentu, môžete vidieť nasledovné:
Zelené obdĺžniky obsahujú jeden odsek, červené obdĺžniky obsahujú ďalší. A takto vyzerá tento kód po spracovaní prehliadačom (šípka ukazuje na prázdny riadok):
Výsledkom je pomerne zreteľné oddelenie jedného odseku od druhého, čo je výhodné - čítanie sa stáva pohodlnejším.
Toto je koniec článku o formátovacie značky dokumentu. Je ich oveľa viac, ako som opísal v tomto materiáli. O niektorých z nich je len potrebné povedať veľa, v dôsledku čoho im budú venované samostatné články s úplnou recenziou!
Popis
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 špeciálny algoritmus na simuláciu požadovaného typu textu. Výsledok a kvalita môžu byť neuspokojivé, najmä pri tlači dokumentu.
Syntax
štýl písma: normal | kurzíva | šikmé | dediť
hodnoty
normálny Normálny štýl textu. kurzíva Kurzíva štýl. šikmá kurzíva. Kurzíva a kurzíva, hoci sú podobné, nie sú to isté. Kurzíva je špeciálne písmo, ktoré napodobňuje rukopis, pričom kurzíva vzniká nakláňaním bežných znakov doprava. zdediť Zdedí hodnotu rodiča.HTML5 CSS2.1 IE Cr Op Sa Fx
Duis te feugifacilisi
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 tohto príkladu je znázornený na obr. 1.
Ryža. 1. Použitie vlastnosti font-style
Objektový model
document.getElementById("elementID ").style.fontStyle
Prehliadače
Verzie programu Internet Explorer do 7.0 vrátane nepodporujú hodnotu zdedenia.
Prehliadače vždy zobrazujú text s hodnotou šikmo ako kurzívou.
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.
Ako napísať kurzívu v html?
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ý v html editore WordPress engine, v ktorom práve 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.
Aké sú vlastnosti CSS pre text kurzívy?
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, viac o tejto a ďalších vlastnostiach CSS pre text si prečítajte v príslušnom článku, kde je všetko podrobne popísané.
Ako zobraziť neštandardné písmo kurzívou?
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ť.
