Ako vytvoriť tučný text pomocou HTML: 9 krokov (s obrázkami)

Jazyk HTML uľahčuje tučné písmo a existuje niekoľko značiek, ktoré sa môžete naučiť, ak chcete mať viac možností. Ešte lepšie je venovať pár minút tomu, aby ste sa naučili základy CSS a pridali ich priamo do dokumentu HTML. Je to rýchlejšie ako pridávať celý súbor štýlov CSS a umožní vám to väčšiu kontrolu nad tým, ako presne sa tučný text zobrazí.

Metóda 1 z 2:Vytvorenie tučného textu pomocou jazyka HTML

<strong>Použite strong tag</strong>. V uprednostňovanom štandarde HTML5 sa pre dôležitý text odporúča používať tag strong. V prehliadačoch sa takmer vždy zobrazuje ako tučný text.

  • Text, ktorý chcete zvýrazniť tučným písmom, umiestnite medzi tieto značky: <strong>tučný text tu</strong>.

Ak je to vhodné, použite namiesto toho značky nadpisov. „Nadpisy“ sa zvyčajne umiestňujú na začiatok webovej stránky alebo na začiatok novej časti. Zvyčajne sa nadpisy zobrazujú ako tučné a väčšie ako bežné písmo, ale môže sa to líšiť. Existuje šesť rôznych značiek nadpisov, od <h1> na <h6>. Pri ich používaní dodržiavajte tieto pokyny:

  • Značka h1, napísaná <h1>Váš nadpis tu</h1> je najdôležitejší nadpis, zvyčajne najväčší text v hornej časti stránky.
  • <h2>Značka h2</h2> je určený pre druhý najdôležitejší nadpis a tak ďalej až po <h6>h6, najmenší</h6>.
  • Používajte ich striedmo, len na usporiadanie stránky.[1]
    Používatelia by mali byť schopní rýchlo prelistovať nadpisy a nájsť hľadanú tému.
  • Pri vytváraní podnadpisov sa pohybujte vždy len o jednu úroveň nižšie. Inými slovami, nepreskakujte od <h1> na adresu <h3>. To pomôže stránke HTML zachovať formátovanie pri prenose do iného formátu.[2]

<b>Tag b používajte ako poslednú možnosť</b>. <b> tag je v HTML5 stále podporovaný, ale <strong> sa uprednostňuje vo väčšine situácií. Použite <b> len vtedy, keď má byť text tučný zo štylistických dôvodov, nie na zvýšenie dôrazu. Príkladom sú kľúčové slová alebo slovíčka v úryvku alebo názvy produktov v recenzii.[3]

  • Ako pri väčšine značiek, <b>Umiestnite dotknutý text medzi začiatočnú a koncovú značku</b>.

Metóda 2 z 2:Vytváranie tučného textu pomocou inline CSS

Pochopiť, kedy používať CSS. CSS je výkonnejší a konzistentnejší spôsob štylizácie webovej stránky. To je ideálny spôsob, ako určiť, ako sa vaša stránka vyzerá, zatiaľ čo jazyk HTML je určený na určovanie toho, čo vaša stránka znamená. Je úplne v poriadku používať značky HTML, keď chcete zvýrazniť dôležitý text, ale CSS vám poskytne bližšiu kontrolu nad vizuálnym vzhľadom vášho tučného textu.

  • Skúste otvoriť základnú stránku HTML v rôznych prehliadačoch a možno si všimnete rozdiely v zobrazení. CSS presne hovorí prehliadaču, ako má zobraziť text zmenený danou značkou, aby sa minimalizovalo množstvo odchýlok.

Pridať <span> tag k vášmu textu. Ak ešte nepoznáte CSS, použitie „inline CSS“ je dobrý spôsob, ako začať. Aj keď to môžete použiť na zmenu značiek, ako napr <p> alebo <h1>, niekedy budete chcieť zmeniť text, ktorý sa už nenachádza medzi značkami.[4]
V tomto prípade umiestnite text medzi <span></span> značky. Toto samo o sebe nemá žiadny účinok, ale dáva nám to niečo, s čím môžeme pracovať. Tu je príklad, ktorý budeme používať:

  • <span>Naučil som sa, ako tento text urobiť tučným pomocou inline CSS.</span>

Pridajte atribút štýlu. Atribúty HTML sa zapisujú priamo v značke, vo vnútri < >zátvorky. Atribút style je potrebný na vloženie CSS do značky HTML, takže vložíme style= do značky span:

  • <span style=>Naučil som sa, ako tento text urobiť tučným pomocou inline CSS.</span>
  • Nie je dôvod pridávať atribút style bez uvedenia akýchkoľvek štýlov. Vezmeme to postupne, aby sme vám uľahčili postup.

Pridať vlastnosť font-weight. Vlastnosti CSS sa pridávajú ako súčasť atribútu style. V našom prípade použijeme vlastnosť font-weight, ktorá určuje, ako hrubé má byť písmo vykreslené. Túto jedinú vlastnosť môžete použiť na zobrazenie tučného (mimoriadne hrubého) textu, tenkého textu alebo dokonca určiť, že text sa má zobrazovať s normálnou hrúbkou. Pridajte stránku „font-weight: „ za znakom =, napríklad takto:

  • <span style=“font-weight: „>Naučil som sa, ako tento text urobiť tučným pomocou inline CSS.</span>
  • Opäť platí, že je to nedokončené a samo o sebe to nič neurobí.
  • Nezabudnite na úvodzovky pred a za font-weight:.

Pridať hodnotu tučného písma. Jediné, čo teraz musíme urobiť, je pridať hodnotu pre font-weight, medzi font-weight: a záverečnú úvodzovku. Existuje pomerne veľa možností pre rôzne hodnoty „tučnosti“, ale hodnota tučné písmo je najjednoduchšie použiť :[5]

  • <span style=“font-weight:bold“>Naučil som sa, ako tento text urobiť tučným pomocou inline CSS.</span>
  • Experimentujte s inými hodnotami. CSS vám dáva oveľa viac možností ako HTML, takže sa nemusíte cítiť obmedzení. Tu je niekoľko alternatív k hodnote „bold“: [6]

    • <span style=“font-weight:bolder“>“Bolder“ text bude vždy hrubší ako nadradený prvok.</span> Ak napríklad celý odsek označíte ako „bold“ a potom použijete „bolder“ na jednotlivú vetu vo vnútri tohto odseku, bude ešte hrubšia.
    • <span style=“font-weight:normal“>“Normálny“ text sa zobrazí ako normálny, aj keď sa span nachádza vo vnútri tučného tagu.</span>
    • <span style=“font-weight:900″>Namiesto toho môžete použiť číslo od 100 do 900 na určenie hrúbky. 400 je normálny text, zatiaľ čo tučný text používa štandardne hrúbku 700.</span>[7]
  • Odkazy