Sadržaj

• koraci
• Oznaka h2
• Savjet

HTML olakšava izradu teksta podebljanim i postoji mnogo oznaka koje se mogu koristiti ako želite više opcija. Još bolje, naučite neki CSS i dodajte ga izravno u svoj HTML dokument. To je brže od dodavanja CSS lista sa stilom i omogućava vam da kontrolirate koliko debljine želite u svom podebljanom tekstu.

koraci

Metoda 1 od 2: Stvaranje podebljanog teksta s HTML-om

1. 

   Upotrijebite oznaku "strong". U HTML5 se za važne tekstove preporučuje preferirani standard, "snažna" oznaka. U preglednicima se gotovo uvijek prikazuje kao podebljani tekst.
   • Unesite tekst koji želite podebljano između ovih oznaka: ovdje je podebljan tekst.

2. 

   
   
   Po potrebi koristite oznake naslova. Postavljaju se na vrhu web stranice ili na početku novog odjeljka. Naslovi se obično prikazuju u velikim, podebljanim fontima, ali to može varirati. Postoji šest različitih oznaka za naslove,

   , Slijedite ove upute kada ih koristite.

   • Oznaka h1, napisana kao

     Tvoj naslov ovdje

     je najvažniji naslov, obično najduži tekst na početku stranice.

   • Oznaka h2

     je za drugi najvažniji naslov, i tako dalje, čak i oznaku

     h6, najniža

     .
   • Koristite ih štedljivo, samo da biste organizirali svoju stranicu. Korisnici bi trebali brzo pretraživati ​​naslove i pronaći ono što traže.
   • Prilikom stvaranja titlova smanjite jednu po jednu razinu. Drugim riječima, ne skačite s

     za

     , To pomaže HTML stranici da sačuva oblikovanje prilikom prijenosa u drugi format.

3. 

   
   
   Koristite oznaku 'b' kao posljednje sredstvo., Oznaka i dalje je podržan u HTML5, ali najpoželjnije je u većini slučajeva. Upotrijebite oznaku samo kada se podebljani tekst koristi iz stilskih razloga, a ne zbog isticanja. Primjeri uključuju ključne riječi ili vokabular u tekstu ili nazive proizvoda za analizu.
   • Kao i većina oznaka, unesite tekst između početka i kraja oznake.

2. metoda od 2: Izrada podebljanog teksta s umetnutim CSS-om

1. 

   
   
   Shvatite kada treba koristiti CSS, što je snažniji i dosljedniji način promjene stila vaše web stranice. Ovaj je jezik idealan za određivanje izgleda vaše web stranice, dok HTML određuje što znači vaša web stranica. U redu je koristiti HTML za naglašavanje važnog teksta, ali CSS će vam pružiti veću kontrolu nad vizualnim aspektom vašeg podebljanog teksta.
   • Pokušajte otvoriti istu HTML stranicu u različitim preglednicima i primijetit ćete neke razlike u prikazu. CSS "kaže" pregledniku kako točno prikazati tekst promijenjen pomoću oznake, kako bi se smanjila varijacija.

2. 

   Dodajte oznaku na svoj tekst. Ako o CSS-u još ne znate ništa, korištenje "CSS-a inline" dobar je način za započinjanje. Iako možete mijenjati oznake poput

   ili

   , ponekad ćete morati mijenjati tekst koji još nije između oznaka. U tom slučaju, tekst priložite oznakama , To nema učinka samo po sebi, ali daje nam nešto na čemu treba raditi. Evo primjera koji ćemo koristiti:

   • Naučio sam napraviti ovaj tekst podebljan s inline CSS-om.

3. 

   Dodajte atribut stila. HTML atributi se zapisuju izravno u oznaku, unutar <> zagrada. Stilska značajka potrebna je za umetanje CSS-a unutar HTML oznake, pa ćemo umetnuti stil = u rasponu oznake:
   • Naučio sam napraviti ovaj tekst podebljan s inline CSS-om.
   • Nema razloga za dodavanje atributa stila bez ikakvog specificiranja. Mi samo učimo jednu stvar.

4. 

   Dodajte svojstvo "font-weight". CSS svojstva dodaju se kao atributi stila. U našem slučaju koristit ćemo spomenuto svojstvo koje određuje debljinu fonta. Može se koristiti za prikazivanje podebljanog, tanjeg teksta ili čak normalne debljine. Dodati "Font-weight:" nakon znaka =, kao što je prikazano u nastavku:
   • Naučio sam napraviti ovaj tekst podebljan s inline CSS-om.
   • Opet, još nismo gotovi.
   • Ne zaboravite navode prije i poslije font-weight:.

5. 

   Dodajte podebljanu vrijednost. Jedino što moramo učiniti je uspostaviti vrijednost između font-weight: i posljednji citati. Neke se opcije mogu koristiti, ali vrijednost odvažan najlakše je koristiti:
   • Naučio sam napraviti ovaj tekst podebljan s inline CSS-om.

6. 

   Eksperimentirajte s drugim vrijednostima. CSS vam nudi puno mogućnosti osim HTML-a, zato nemojte biti ograničeni. Evo nekoliko alternativa vrijednosti "podebljano":
   • Tekst "Bolder" bit će izloženiji od onoga sličnog njemu. Na primjer, ako cijeli stavak napravite sa "podebljano", a zatim upotrijebite "podebljanje" u pojedinačnoj rečenici unutar odlomka, isti će se istaknuti.
   • Opcija "Normalno" zadržat će tekst bez podebljanog teksta, čak i ako se nalazi između oznake koja ga čini podebljanim.
   • Možete koristiti brojčanu vrijednost u rasponu od 100 do 900 da biste odredili debljinu. 400 je normalno, a podebljani tekst koristi 700.

Savjet

• Kada koristite svojstvo težine fonta u CSS-u, koristite samo numeričke vrijednosti više od 100, jer će se brojevi između njih zaokružiti.
• Ugrađeni ili vanjski CSS list je bolji način da tekst postane podebljan, jer omogućuje promjene cjelokupnog dokumenta odjednom.
• Svaki font ima na raspolaganju samo nekoliko značajki. Kad koristite CSS, format koji se koristi za font najbliži je zahtjevu. To znači da, ponekad, na primjer, neće biti moguće razlikovati podebljane slovima.