Ak ste vytvorili takéto odseky a nastavili pre ne vlastnosť, text druhého odseku sa stal kurzívou. Vlastnosť nastavíme pre celý odsek, no teraz si to sťažíme a nastavíme kurzívu len pre dve slová vo štvrtom odseku. Ako na to? AT HTML V lekcii sme analyzovali značku logickej úrovne . Tento tag sa používa práve pre také situácie, keď pre niektorú časť elementu potrebujete nastaviť nejakú triedu. A tak tag vložíme do štvrtého odseku a priradíme mu triedu trieda="kurzíva"> . V dôsledku toho dostaneme nasledujúci záznam:

HTML

Prvý odsek Prvý odsek Prvý odsek Prvý odsek

Druhý odsek Druhý odsek Druhý odsek Druhý odsek

Tretí odsek Tretí odsek Tretí odsek Tretí odsek

Štvrtý odsek Štvrtý odsek Štvrtý odsek

Piaty odsek Piaty odsek Piaty odsek Piaty odsek

Kurzíva (štýl písma: kurzíva; )

Druhý odsek a časť štvrtého odseku sú teraz zobrazené kurzívou. AT demo to je jasne znázornené.

Tučné CSS

Na nastavenie tučného písma sa používa ďalšia vlastnosť s názvom font-weight: ; inými slovami, nazýva sa to aj sýtosť písma. Sýtosť je pôvodne nastavená na normálne to znamená, že sýtosť písma je normálna a nastavením hodnoty tučný stane sa odvážnym.

Tučné (hmotnosť písma: tučné; )

Hodnotu sýtosti môžete nastaviť aj číslami z 100 predtým 900 krok za krokom 100 . Význam normálne sa rovná číslu 400 a hodnotu tučný obrázok 700 . Význam 900 nepodporujú všetky fonty, takže nastavením tejto hodnoty si nemusíte všimnúť rozdiel od hodnoty 700 . Tento stav vyzerá takto:

Tučné (hmotnosť písma: 700; )

AT html kódu, robia presne to isté: ak potrebujete vybrať celý odsek, potom mu dáme novú triedu, ak je súčasťou textu, potom použijeme značku trieda="kurzíva"> . Zvážte malý príklad:

HTML

Prvý odsek Prvý odsek Prvý odsek Prvý odsek

Druhý odsek Druhý odsek Druhý odsek Druhý odsek

Tretí odsek Tretí odsek Tretí odsek Tretí odsek

Po štvrté odsek štyri odsek štyri odsek

Piaty odsek Piaty odsek Piaty odsek Piaty odsek

Tučné (hmotnosť písma: tučné; )

V dôsledku toho sme tučným písmom zvýraznili časť štvrtého odseku, kde je zároveň kurzíva, a celý piaty odsek. Tu sú ďalšie dve vlastnosti, ktoré sme študovali. Používajú sa pomerne často, takže je potrebné pripomenúť, že:

• Kurzíva je nastavená: štýl písma: kurzíva; .
• Tučné písmo je nastavené: font-weight: tučný; .
• Ak chcete vrátiť písmo do normálnej sýtosti, nastavte hodnotu: font-weight: normálne; alebo hodnotu font-weight: 400 ; , čo v tomto prípade znamená to isté.

Tu sme zvážili ďalšie dve vlastnosti písiem. Vidieť v Demočo sa vám malo nakoniec stať a prejdeme k štúdiu nasledujúcich vlastností.

Jedným z najjednoduchších spôsobov, ako zvýrazniť slovo alebo frázu v texte, je použiť iné písmo. Takže môžete slovo alebo frázu podčiarknuť tučným písmom Stránka vám jednoducho umožní zvýrazniť slová pomocou iného štýlu - kurzíva, podčiarknuté, tučné.

Tučné písmo ako spôsob, ako zdôrazniť to hlavné

Najživšie a najpútavejšie sú slová zvýraznené tučným písmom. Takéto slová a frázy okamžite upútajú pozornosť. Aby ste sa naučili, ako rýchlo zvýrazňovať v texte správnych miestach, mali by ste si zapamätať špeciálny HTML kód. Tučné písmo sa nastavuje pomocou párovej značky .

Úvodná značka sa umiestni pred slovo alebo frázu alebo vetu, ktorá by mala byť zvýraznená. . Za posledným písmenom v texte, ktoré sa má zvýrazniť, nasleduje záverečná značka.. Čokoľvek medzi týmito dvoma značkami sa v prehliadači zobrazí tučným písmom.

Ďalšie možnosti výberu

Zistili sme teda, že je možné zvýrazniť text pomocou iného štýlu. Rozhodli sme sa, že najjednoduchšie a zároveň efektívne použitie tučného HTML. Teraz si povedzme o ďalších možnostiach výberu.

Môžete napríklad použiť kurzívu pomocou značky páru , zvýraznite ho pomocou . Toto je najviac jednoduchými spôsobmi zvýraznenie textu.

Existujú aj menej známe a používané značky, ktoré sa dajú použiť na zvýraznenie slov a viet v texte. Na preškrtnutie textu teda stačí použiť . Značka páru pomôže vytvoriť jednotný priestor textu . Ak potrebujete vytvoriť horný index, použite , nižšie - .

V tomto prípade, rovnako ako predtým, by mal byť text, ktorý potrebujete, medzi úvodnou a záverečnou značkou. Ako vidíte, nie je nič zložité, hlavnou vecou je zapamätať si tieto kódy alebo ich zapísať.

Používanie viacerých typov písma

Ak chcete, aby bol text výraznejší, môžete použiť viac ako len tučné písmo. Značenie HTML vám umožňuje zvýrazniť slovo pomocou viacerých štýlov súčasne. Môžete napríklad urobiť slovo tučným, prečiarknutým a kurzívou súčasne.

Zároveň je potrebné pamätať na jednu vec - všetky značky musia byť zatvorené postupne. Správny záznam môže byť napríklad:

• vybraný text.

Ak zatvoríte značky v inom poradí, text sa zvýrazní nesprávne. Príklad chybného zadania:

• vybraný text.

V tomto prípade bude prehliadač zmätený a nebude rozumieť tomu, čo presne od neho chcete.

Mimochodom, tu je možné poznamenať, že tri možnosti štýlu - tučné, podčiarknuté a kurzíva - sa zapamätajú pomerne ľahko, ak vlastníte klávesové skratky vo Worde. Štýl sa tam nastavuje pomocou rovnakých kláves s písmenami, pričom podržíte kláves Ctrl.

Ako vidíte, môžete použiť nielen kurzívu alebo tučné písmo. Značenie HTML uľahčuje zvýraznenie slov ako v bežnom programe Word.

závery

Na zvýraznenie textu sa široko používajú nielen rôzne farby a odtiene, rôzne veľkosti a typy písma, ale aj jeho štýl. Navyše je to pomocou iného obrysu, že je možné krásne a ľahko vybrať jeden alebo iný fragment textu.

Ak chcete zmeniť štýl písma, mali by ste použiť akúkoľvek značku, ktorú poznáte. Tučné písmo HTML stránky je najjasnejšie a najviditeľnejšie, a preto sa najčastejšie používa na zvýrazňovanie.

Existujú tri spôsoby, ako zmeniť text tučným písmom HTML stránku, ale neponáhľajte sa okamžite použiť ľubovoľný, ktorý sa vám páči, pretože takýto výber môže mať iný význam a ovplyvniť optimalizáciu stránky pre vyhľadávač.

Tučné písmo so silnou značkou

Toto cesta je v pohode ak chcete zvýrazniť dôležitú časť textu tučným písmom. HTML tag je logický formátovací tag a jeho podstatou je „zvýrazniť“ dôležitosť vybraného fragmentu.

V HTML existujú ďalšie značky logického formátovania. Značka napríklad zvýrazňuje text kurzívou a označuje dôraz na vybranú frázu.

Ďalšie typy výberu textu sú popísané v článku:.

obyčajný text zvýraznená dôležitá časť textu. Obyčajný text.

Tučný text so značkou b

obyčajný text tučný text. Obyčajný text.

Tučné štýly CSS

Tučný text je možné vykonať nielen pomocou špeciálnych HTML tagy. Môžete to urobiť tučným na ľubovoľnej značke nastavením vlastnosti font-weight: bold; (nefunguje pre všetky fonty).

Takýto výber bude mať štylistický charakter, bez pridávania logickej váhy vybranému textu.

Okrem toho môžete vybrať konkrétnu značku aj skupinu prvkov naraz nastavením štýlov prostredníctvom triedy CSS.

Vlastnosť CSS v atribúte style:

Text tučným písmom.

Text tučným písmom.

Text normálnym písmom.

Text tučným písmom.

Čo robiť, ak sa vám nedarí urobiť text tučným

Ak nemôžete urobiť text tučným, je pravdepodobné, že váš web má prepísané štýly prvkov CSS. V tomto prípade budete musieť tieto štýly upraviť. Vo väčšine prípadov to možno vykonať prostredníctvom súboru hlavnej tabuľky css štýly. Ak tomu nerozumiete, kontaktujte správcu webu. S vysokou mierou pravdepodobnosti nebude vyriešenie tohto problému trvať dlhšie ako 5 minút práce (aj keď, samozrejme, môžu existovať výnimky).