Ako vytvoriť tučný text pomocou HTML

Autor: John Pratt
Dátum Stvorenia: 13 Lang L: none (month-010) 2021
Dátum Aktualizácie: 9 Smieť 2024
Anonim
Ako vytvoriť tučný text pomocou HTML - Tipy
Ako vytvoriť tučný text pomocou HTML - Tipy

Obsah

HTML uľahčuje zvýraznenie textu a existuje veľa značiek, ktoré môžete použiť, ak chcete viac možností. Ešte lepšie je, naučiť sa niektoré CSS a pridať ich priamo do svojho HTML dokumentu. Je to rýchlejšie ako pridanie hárku štýlov CSS a umožní vám ovládať požadovanú hrúbku tučného textu.

kroky

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

  1. Použite značku „silný“. V HTML5 sa pre dôležité texty odporúča preferovaný štandard, „silná“ značka. V prehliadačoch je takmer vždy zobrazený ako hrubý text.
    • Zadajte požadovaný text tučným písmom medzi tieto značky: tučné písmo.

  2. Ak je to vhodné, použite značky názvu. Sú umiestnené v hornej časti webovej stránky alebo na začiatku novej sekcie. Názvy sa zvyčajne zobrazujú veľkými, tučným písmom, ale toto sa môže líšiť. Existuje šesť rôznych značiek titulov,

    , Pri ich používaní postupujte podľa týchto pokynov.
    • Značka h1, napísaná ako

      Tvoj titul tu

      je najdôležitejší názov, zvyčajne najdlhší text na začiatku stránky.
    • Značka h2

      je pre druhý najdôležitejší názov atď. dokonca aj pre značku
      h6, najnižšia
      .
    • Používajte ich striedmo, iba na usporiadanie svojej stránky. Používatelia by mali mať možnosť rýchlo sa pohybovať v tituloch a nájsť to, čo hľadajú.
    • Pri vytváraní titulkov znižujte počet úrovní naraz. Inými slovami, neskakujte

      pre

      , Toto pomáha stránke HTML zachovať formátovanie, keď sa prenesie do iného formátu.


  3. Ako poslednú možnosť použite značku „b“., Značka je stále podporovaný v HTML5, ale vo väčšine prípadov je to najvýhodnejšie. Použite značku iba v prípade, že sa tučný text používa z dôvodov štýlu, nie na zdôraznenie. Medzi príklady patria kľúčové slová alebo slovnú zásobu v texte alebo názvy produktov na analýzu.
    • Rovnako ako väčšina značiek, zadajte text medzi začiatok a koniec značky.

Metóda 2 z 2: Vytvorenie tučného textu pomocou vloženého CSS


  1. Pochopte, kedy používať CSS, čo je účinnejší a konzistentnejší spôsob zmeny štýlu vašich webových stránok. Tento jazyk je ideálny na určenie vzhľadu vašej webovej stránky, zatiaľ čo kód HTML určuje, čo vaše webové stránky znamenajú. Použitie HTML na zdôraznenie dôležitého textu je v poriadku, ale CSS vám poskytne väčšiu kontrolu nad vizuálnym aspektom tučného textu.
    • Pokúste sa otvoriť tú istú stránku HTML v rôznych prehľadávačoch a môžete si všimnúť určité rozdiely v zobrazení. CSS „povie“ prehliadaču presne, ako zobraziť text zmenený značkou, aby sa minimalizovali variácie.
  2. Pridajte značku k vášmu textu. Ak ešte nič neviete o CSS, je dobré začať používať „inline CSS“. Značky, ako je napríklad, môžete zmeniť

    alebo

    , budete niekedy musieť upraviť text, ktorý ešte nie je medzi značkami. V takom prípade vložte text do značiek , Sama osebe nemá žiadny účinok, ale dáva nám niečo, na čom môžeme pracovať. Tu je príklad, ktorý použijeme:
    • Naučil som sa, aby bol tento text odvážny s vloženým CSS.

  3. Pridajte atribút štýlu. Atribúty HTML sa zapisujú priamo do značky v zátvorkách. Štýl je potrebný na vloženie CSS do HTML značky, takže vložíme štýl = v značke rozpätia:
    • Naučil som sa, aby bol tento text odvážny s vloženým CSS.
    • Neexistuje žiadny dôvod na pridanie atribútu štýlu bez toho, aby ste uviedli čokoľvek. Učíme sa iba jednu vec naraz.
  4. Pridajte vlastnosť „font-weight“. Vlastnosti CSS sa pridávajú ako atribúty štýlu. V našom prípade použijeme uvedenú vlastnosť, ktorá určuje hrúbku písma. Môže sa použiť na zobrazenie hrubého, tenšieho textu alebo dokonca normálnej hrúbky. pridať "Font-weight" za znamienkom =, ako je uvedené nižšie:
    • Naučil som sa, aby bol tento text odvážny s vloženým CSS.
    • Opäť sme tento proces ešte neskončili.
    • Nezabudnite na úvodzovky pred a po font-weight:.
  5. Pridajte hodnotu tučným písmom. Jediné, čo musíme urobiť, je stanoviť hodnotu medzi font-weight: a posledné citácie. Existuje niekoľko možností, ktoré sa dajú použiť, ale ich hodnota smelý je najjednoduchšie použiť:
    • Naučil som sa, aby bol tento text odvážny s vloženým CSS.
  6. Experimentujte s inými hodnotami. CSS vám okrem HTML ponúka veľa možností, takže sa nemusíte obmedzovať. Tu je niekoľko alternatív k hodnote „tučné“:
    • Text „Odvážnejší“ bude vystavený viac ako ten, ktorý sa mu podobá. Napríklad, ak urobíte celý odsek s „tučným písmom“ a potom použijete „tučnejšie“ v samostatnej vete odseku, bude to vynikať.
    • Voľba „Normálna“ ponechá text tučným písmom, aj keď je medzi značkou, ktorá ho robí tučným.
    • Na určenie hrúbky môžete použiť číselnú hodnotu od 100 do 900. 400 je normálne, zatiaľ čo tučný text používa 700.

Tipy

  • Pri použití vlastnosti font-weight v CSS používajte iba číselné hodnoty násobné 100, pretože čísla medzi nimi budú zaokrúhlené.
  • Vložený alebo externý hárok CSS je lepším spôsobom, ako urobiť text tučným, pretože umožňuje zmeny kompletného dokumentu naraz.
  • Každé písmo má k dispozícii iba niekoľko funkcií. Pri použití CSS je formát použitý pre písmo najbližšie k žiadosti. To znamená, že niekedy nebude napríklad možné rozlíšiť tučné písmo.

Ako dať iPhone na ticho

Judy Howell

Smieť 2024

Ak chcete na telefóne iPhone vypnúť upozornenia, vibrácie a vetlá, zapnite režim „Tichý“ alebo „Nerušiť“. Režim „Tichý“ rýchlo mení zvukové výtrahy na...

Ako sa stavia Memory Palace

Judy Howell

Smieť 2024

Jedna z najužitočnejších pomôcok na pamäť bola vynájdená pred tiíckami rokov tarými Grékmi. Je to pamätný palác, mieto vo vašej myli, kde i m...

Populárny Na Portáli