V aktuálnom článku si povieme, ako zvýrazniť text. kurzívou 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, diskutovať o jemnostiach tohto problému a 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), analogicky so značkou b pre tučný text fyzicky zvýrazní text kurzívou (to znamená, že sa zmení iba štýl textu). Aplikácia 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 rovnako (vo všetkých moderné prehliadače), nie sú vo svojej podstate ú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 použije vizuálnu kurzívu pomocou značky i alebo CSS štýly. Pozrime sa teraz na používanie štýlov CSS na kurzívu.
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ť 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ú rovnaké. Kurzíva je špeciálne písmo, ktoré je analogické k ručne písanému textu a naklonený tvorené naklonením bežné písmo doprava.
Použitie atribútu štýl písma na praxi:
Naše stránky sú naozaj obrovský krok vo vývoji webu.
Robíme to naozaj kvalitu stránky.
Musíte si však uvedomiť, že niektoré prehliadače píšu s vlastnosťou štýl písma: šikmé; nemožno interpretovať ako text kurzívou, ale ako kurzívu.
Html nám dáva niekoľko možností, pokiaľ ide o štýl textu. Dnes vám poviem, ako urobiť v html kurzívne písmo, a to ako pre štandardné písmo, tak aj pre neštandardné. V druhom prípade budete musieť niečo vziať do úvahy, aby všetko fungovalo.
Ako napísať kurzívu v html?
Na začiatok sú v samotnom html dve značky, ktoré dávajú textu kurzívu. Toto sú em a ja. Mimochodom, ten druhý je zabudovaný v html editore wordpress engine, 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 zdôraznenie slov, ktoré je potrebné vysloviť so špeciálnou intonáciou, zatiaľ čo i sa používa len na vizuálne zvýraznenie textu. Ale nezaťažujme sa tým, pretože sa nevie, či je to skutočne tak.
Aké sú vlastnosti css pre text kurzívy?
Je to vlastnosť štýlu písma a jej hodnota je kurzíva . Je tam aj šikmá hodnota a tá zmení text na kurzívu. Je medzi týmito hodnotami nejaký rozdiel? Prakticky žiadny. Mimochodom, podrobne o tomto a ďalších vlastnosti css pre text si prečítajte príslušný článok, kde je všetko rozložené na policiach.
Ako nastaviť vlastné písmo kurzívou?
Faktom je, že ak pripojíte neštandardné písmo cez Google Fonts, potom v tomto prípade musíte pri pripájaní skontrolovať aspoň 1 kurzíva. Ak sa tak nestane, pri pokuse o vytvorenie takéhoto písma kurzívou sa kurzívou zobrazí jedno zo štandardných písem. 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 prepojenia písma služby Google fonty.
Ako vidíte, vedľa aspoň jedného štýlu kurzívy je začiarknutie. Teraz, keď použijete potrebné značky alebo vlastnosť štýlu, toto písmo sa skutočne zmení na kurzívu a nie na iné.
Preto sme analyzovali všetky body, ktoré sú pri práci s kurzívou. Neodvážim sa ťa viac zadržiavať.
Popis
Určuje štýl písma - bežné, kurzíva alebo kurzíva. Keď je text nastavený na kurzívu alebo kurzívu, prehliadač hľadá v systéme 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ý Šikmý štýl. 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 tento príklad znázornené na obr. jeden.
Ryža. 1. Použitie vlastnosti font-style
Objektový model
document.getElementById("elementID ").style.fontStyle
Prehliadače
Internet Explorer do verzie 7.0 nepodporuje zdediť hodnotu.
Prehliadače vždy zobrazujú text s hodnotou šikmé ako kurzívu.
V html hrá veľkosť písma dôležitú úlohu. Priťahuje pozornosť používateľa dôležitá informácia zverejnené na webovej stránke. Aj keď nie je dôležitá len veľkosť písmen, ale aj ich farba, hrúbka a dokonca aj rodina.
Značky a atribúty pri práci s html písmami
Hypertextový jazyk má veľká sada nástroje na písmo. Koniec koncov, formátovanie textu je hlavnou úlohou html.
Príčina stvorenia jazyk HTML vyskytol sa problém so zobrazovaním pravidiel formátovania textu prehliadačmi.
Zvážte značky, ktoré sa používajú na prácu s písmami v html, a ich atribúty. Hlavným je tag . Pomocou hodnôt jeho atribútov môžete nastaviť niekoľko charakteristík písma:
- farba - nastavuje farbu textu;
- veľkosť – veľkosť písma v ľubovoľných jednotkách.
Je podporovaná kladná hodnota atribútu od 1 do 7.
- face – používa sa na nastavenie rodiny písma textu, ktorý sa má použiť vo vnútri značky . Podporované sú viaceré hodnoty oddelené čiarkami.
Formátuje sa iba text, ktorý sa nachádza medzi časťami spárovaný štítok písmo. Zvyšok textu sa zobrazí v predvolenom type písma.
Aj v html existuje množstvo párových značiek, ktoré definujú iba jedno pravidlo formátovania. Tie obsahujú:
- - nastaví tučné písmo v html. Tag podobný v činnosti ako predchádzajúci;
- - veľkosť je väčšia ako predvolená;
- — menšiu veľkosť písmo;
- - kurzíva (kurzíva). Podobná značka ;
- — text s podčiarknutím;
- prečiarknutý;- — zobrazenie textu iba malými písmenami;
- - veľkými písmenami.
obyčajný text
Miniatúra
Miniatúra
Viac ako zvyčajne
Menej ako zvyčajne
Kurzíva
Kurzíva
S podčiarknutím
Prečiarknuté
Možnosti atribútov štýlu
Okrem popísaných značiek existuje niekoľko ďalších spôsobov, ako zmeniť písmo v html. Jedným z nich je použitie atribútu generic style. Pomocou hodnôt jeho vlastností môžete nastaviť štýl zobrazenia písma:
1) font-family - vlastnosť nastavuje rodinu fontov. Je možné vymenovať viacero hodnôt.
Zmena písma v html na nasledujúcu hodnotu sa uskutoční, ak predchádzajúca rodina nie je nastavená na operačný systém užívateľ.
Syntax zápisu:
font-family: font-name [, font-name[, ...]]
2) font-size - veľkosť je nastavená od 1 do 7. Toto je jeden z hlavných spôsobov, ako môžete zväčšiť písmo v html.
Syntax zápisu:
font-size: absolútna veľkosť | relatívna veľkosť | hodnota | úrok | dediť
Môžete tiež nastaviť veľkosť písma:
- V pixeloch;
- V absolútnom vyjadrení ( xx-small, x-small, small, medium, large);
- V percentách;
- V bodoch (pt).
Veľkosť písma: 7
veľkosť písma: 24px
Veľkosť písma: x-veľké
veľkosť písma: 200%
veľkosť písma: 24pt
3) font-style – nastavuje štýl písma. Syntax:
štýl písma: normal | kurzíva | šikmé | dediť
Hodnoty:
- normálny - normálny pravopis;
- kurzíva - kurzíva
- šikmé - písmo so sklonom doprava;
- zdediť – zdedí pravopis nadradeného prvku.
Príklad, ako zmeniť písmo v html pomocou tejto vlastnosti:
štýl písma: zdediť
štýl písma: kurzíva
štýl písma:normálny
štýl písma:šikmý
4) font-variant - prevedie všetky veľké písmená na veľké. Syntax:
font-variant: normal | malé čiapky | dediť
Príklad, ako zmeniť písmo v html pomocou tejto vlastnosti:
font-variant:dedit
font-variant:normal
font-variant:malé veľké písmená
5) font-weight - umožňuje nastaviť hrúbku písania textu (sýtosť). Syntax:
váha písma: tučné|tučné|svetlejšie|normálne|100|200|300|400|500|600|700|800|900
Hodnoty:
- tučné - nastaví písmo html na tučné;
- tučnejšie - tučnejšie v porovnaní s normálom;
- svetlejšie - menej nasýtené v porovnaní s normálom;
- normálny - normálny pravopis;
- 100-900 – nastavuje hrúbku písma v číselnom vyjadrení.
font-weight:bold
font-weight:bolder
váha písma:ľahšia
font-weight:normal
váha písma: 900
váha písma: 100
vlastnosť písma a farba písma html
Písmo je ďalšou vlastnosťou kontajnera. Interne kombinoval hodnoty niekoľkých vlastností určených na zmenu fontov. Syntax písma:
font: font-size font-family | dediť
Hodnotu je možné nastaviť aj na fonty používané systémom v nápisoch na rôzne prvky ovláda:
- titulok - pre tlačidlá;
- ikona - pre ikony;
- menu - menu;
- message-box - pre dialógové okná;
- malé titulky - pre malé ovládacie prvky;
- stavový riadok - písmo stavového riadku.
font:ikona
font: titulok
font:menu
font:správa-box
malý nadpis
font:stavový riadok
font:italic 50px bold "Times New Roman", Times, pätka
Ak chcete nastaviť farbu písma v html, môžete použiť vlastnosť color. Umožňuje nastaviť farbu, ako pri kľúčové slovo, ako aj v rgb formát. A tiež vo forme hexadecimálneho kódu.
Tag v HTML označuje časť textu kurzívou.
HTML tag odkazuje na značky fyzického formátovania. Zmeňte štýl písma pomocou značky je štylistický.
Do HTML text kurzívou sa dá urobiť aj pomocou značky. V tomto prípade bude text považovaný za logicky vybraný (významovo), „podčiarknutý“.
Špecifikácia HTML5 odporúča uprednostniť značky logického formátovania: dôležité textové fragmenty – tag, akcenty – tag, podnadpisy – tagy, zvýraznenie textu – tag. Kurzívou text so značkou nasleduje len vtedy, ak sa charakter výberu nezhoduje so žiadnou z logických formátovacích značiek.
Všetky typy výberu textu sú popísané v článku:.
Syntax
text v kurzíveZobraziť v prehliadači
Príklad použitia v HTML kóde
Čistý text, ktorý možno umiestniť na ľubovoľnú stránku. Tu je text v kurzíve