Sadržaj

• Koraci
• Metoda 1 od 2: Stvorite podebljani tekst s HTML -om
• Metoda 2 od 2: Stvorite podebljani tekst pomoću CSS -a
• Savjeti

Jezik HTML označavanja omogućuje podebljavanje teksta bez ikakvih problema, pa čak i na nekoliko načina odjednom. Međutim, bit će bolje ako provedete nekoliko minuta proučavajući osnovna pravila kaskadnih stilskih listova - CSS, te ih dodate u dokument kako biste kasnije mogli raditi tamo. Zaključak je da je mnogo lakše kontrolirati izgled web stranice iz CSS -a, uključujući i kada nešto treba biti istaknuto podebljano.

Koraci

Metoda 1 od 2: Stvorite podebljani tekst s HTML -om

1. 1 strong> Koristite oznaku strong / strong>. U HTML5, prema specifikacijama, ovo je najbolji način za isticanje teksta. Ova će oznaka tekst gotovo uvijek učiniti podebljanim.
   • Unutar oznaka postavite tekst koji želite istaknuti: jako>upravo ovdje/ jako>.
2. 2 Koristite naslove po potrebi. Obično se postavljaju na vrh stranice ili na početak novog odjeljka. Prema zadanim postavkama naslovi su prikazani veći i podebljaniji od uobičajenog teksta, iako i ovdje postoje neke suptilnosti. Postoji šest razina naslova, od 1 do 6: h1> - h6>. Prilikom korištenja slijedite ove smjernice:
   • Naslov h1 zapisan je ovako: h1> naslov prve razine / h1>, a to je najvažniji, najveći naslov stranice.
   • h2> Naslov h2 / h2> - za drugi najvažniji naslov, i tako dalje do samog h6> naslova h6, najmanji od svih / h6>.
   • Morate pažljivo, umjereno, koristiti naslove samo za organiziranje sadržaja stranice. Korisnik bi trebao moći vidjeti naslov što je brže moguće kako bi razumio nalazi li se ispod njega sadržaj koji želi.
   • Prilikom stvaranja podnaslova vrijedi se spustiti samo za jednu razinu. Drugim riječima, nema potrebe stavljati iza h1> odmah h3>. Na ovaj način oblikovanje stranice neće uspjeti pri pretvaranju u drugi format.
3. 3 b> U krajnjem slučaju, koristite oznaku b / b>. Oznaka b> i dalje je podržana u HTML5, ali mnogo bolje. Možete koristiti b> kada je tekst istaknut u stilske, nesmislene svrhe - na primjer, za isticanje ključnih riječi ili rječnika, naziva proizvoda itd.
   • Kao i većina oznaka, b> je par koji kontrolira / b> tekst koji se nalazi unutar njega.

Metoda 2 od 2: Stvorite podebljani tekst pomoću CSS -a

1. 1 Sjetite se kada koristiti CSS. CSS je vrlo moćan i prikladan alat za uređivanje izgleda stranice. Zapravo, CSS je način na koji stranica "izgleda", dok je HTML ono što "znači". Naravno, s HTML oznakama nema ništa loše, mogu se koristiti, ali bolje je raditi s CSS -om - imate veću kontrolu nad izgledom vašeg teksta.
   • Otvorite jednostavnu HTML stranicu u različitim preglednicima. Primjećujete li kako se u svakoj pojavljuje malo drugačije? CSS može pomoći da se ta razlika svede na minimum.
2. 2 U tekst dodajte oznaku span>. Ako već ne posjedujete CSS, počnite s takozvanim "inline CSS" - "inline style sheet", ako želite. To se, naravno, može koristiti za promjenu izgleda oznaka poput p> ili h1>, ali ponekad možete promijeniti i tekst koji još nije uključen u bilo koju oznaku. Oznaka span> / span> je poput omota koji sam po sebi nema učinka ili učinka, ali nam daje priliku da napravimo potrebne promjene na stranici. Evo primjera:
   • span> Učim kako podebljati tekst pomoću ugrađenog CSS -a ./span>
3. 3 Dodajte atribut stila. Atributi u HTML -u zapisani su izravno u oznaci, točno u potvrdnim okvirima>. Atribut stila potreban je za umetanje CSS -a u HTML oznaku, pa umetnite stil = u oznaci span:
   • span style => Učim kako podebljati tekst pomoću umetnutog CSS -a ../ span>
   • Zašto dodati atribut stila ako ne dodate sam stil? Misli ispravno. Ali ovdje donosimo sve korak po korak!
4. 4 Dodajte svojstvo font-weight. CSS svojstva dodaju se kao dio atributa, u ovom slučaju kao dio stilskog atributa, naime "font-weight" (doslovna težina). Ovo svojstvo može se koristiti za određivanje stila fonta, ne samo podebljanog, već i ekstra podebljanog, tankog ili normalnog. Nakon znaka =, napišite "font-weight:"... To bi trebalo izgledati otprilike ovako:
   • span style = "font-weight:"> Učim kako podebljati tekst pomoću ugrađenog CSS-a ../ span>
   • Zasad zastanite, nemojte ništa više pisati (i da, ima još toga za uslijediti).
   • Ne zaboravite staviti navodnike prije i poslije težina fonta:.
5. 5 Dodajte podebljanu vrijednost. Što je ostalo? Tako je, postavite svojstvo atributa na vrijednost! Gdje ga umetnuti? Tako je, između težina fonta: i završni citat. Ovo svojstvo ima nekoliko varijanti, koje se razlikuju po odvažnosti, a najjednostavniji način je koristiti vrijednost podebljano:
   • span style = "font-weight: bold"> Učim kako učiniti tekst podebljanim koristeći ugrađeni CSS./span>
6. 6 Eksperimentirajte s drugim vrijednostima. CSS je daleko moćniji od HTML -a pa se nemojte osjećati kao da ste vezani za ruke i noge. Evo nekoliko alternativa za podebljano:
   • span style = "font -weight: bolder"> "Bolder" - na ovaj način će tekst uvijek biti deblji od nadređenog elementa, bez obzira koliko podebljan bio. / span> Ako je cijeli odlomak odabran s "podebljano", tada "odvažnije" pomoći će još hrabrije istaknuti, recimo, zasebnu rečenicu koja se u njoj nalazi.
   • span style = "font -weight: normal"> "Normal" - takav će tekst izgledati uobičajeno, čak i ako se nalazi unutar oznake koja tekst čini podebljanim. / span>
   • span style = "font -weight: 900"> Za postavljanje težine teksta možete koristiti vrijednosti od 100 do 900. 400 - običan stil, podebljano - od 700 i više. / span>

Savjeti

• Kada koristite numeričke vrijednosti za težinu u CSS -u, koristite višekratnike od 100. Sve ostale vrijednosti će se i dalje zaokruživati.
• Vanjska CSS datoteka, zasigurno, mnogo je prikladnija od onoga što je opisano u ovom članku - na ovaj će način biti moguće kontrolirati izgled svih stranica web stranice iz jedne datoteke odjednom!
• Font ne možete učiniti debljim nego što su prvotno namjeravali tipografi. Prilikom rada s CSS -om zapamtite da će se font promijeniti prema standardu. Sukladno tome, nećete vidjeti razliku između dvije podebljane opcije fonta (točnije, možete je vidjeti - ali već ovisi o fontu).