Nilalaman

• Mga hakbang
• Paraan 1 ng 2: Lumikha ng Bold Text na may HTML
• Paraan 2 ng 2: Lumikha ng Bold Text na may CSS
• Mga Tip

Pinapayagan ka ng wikang markup ng HTML na gawing naka-bold ang teksto nang walang anumang mga problema, at kahit na sa maraming mga paraan nang sabay-sabay. Gayunpaman, magiging mas mabuti kung gumugol ka ng ilang minuto sa pag-aaral ng mga pangunahing alituntunin ng mga sheet ng style na cascading - CSS, at idagdag ang mga ito sa dokumento upang magtrabaho ka roon sa paglaon. Sa kahulihan ay mas madaling kontrolin ang hitsura ng isang web page mula sa CSS, kasama na kung may kailangang i-highlight nang naka-bold.

Mga hakbang

Paraan 1 ng 2: Lumikha ng Bold Text na may HTML

1. 1 malakas> Gumamit ng malakas / malakas> na tag. Sa HTML5, ayon sa pagtutukoy, ito ang pinakamahusay na paraan upang ma-highlight ang teksto. Ang tag na ito ay halos palaging gagawing matapang ang teksto.
   • Ilagay ang teksto na nais mong i-highlight sa loob ng mga tag: malakas>dito/ malakas>.
2. 2 Gumamit ng mga heading kung naaangkop. Karaniwan, inilalagay ang mga ito sa tuktok ng pahina o sa simula ng isang bagong seksyon. Bilang default, ang mga heading ay ipinapakita na mas malaki at matapang kaysa sa normal na teksto, bagaman mayroong ilang mga subtleties din dito. Mayroong anim na antas ng mga heading, mula 1 hanggang 6: h1> - h6>. Sundin ang mga alituntuning ito kapag ginagamit ang mga ito:
   • Ang heading ng h1 ay nakasulat nang ganito: h1> heading sa unang antas / h1>, at ito ang pinakamahalaga, pinakamalaking heading ng pahina.
   • h2> Heading h2 / h2> - para sa pangalawang pinakamahalagang heading, at iba pa hanggang sa pinaka h6> heading h6, ang pinakamaliit sa lahat / h6>.
   • Kailangan mong gamitin nang maingat ang mga heading, sa moderation, lamang upang maisaayos ang nilalaman ng pahina. Dapat makita ng gumagamit ang pamagat nang mabilis hangga't maaari upang maunawaan kung ang nilalaman na nais nila ay nasa ilalim.
   • Kapag lumilikha ng mga subheading, sulit na bumaba sa isang antas lamang. Sa madaling salita, hindi na kailangang ilagay pagkatapos ng h1> kaagad h3>. Sa ganitong paraan, hindi mabibigo ang pag-format ng pahina kapag nagko-convert sa ibang format.
3. 3 b> Bilang isang huling paraan, gamitin ang b / b> tag. Ang b> tag ay suportado pa rin sa HTML5, ngunit mas mahusay. Maaari mong gamitin ang b> kapag ang teksto ay naka-highlight para sa pang-istilo, hindi semantiko na layunin - halimbawa, upang mai-highlight ang mga keyword o salita sa bokabularyo, mga pangalan ng produkto, at iba pa.
   • Tulad ng karamihan sa mga tag, ang b> ay isang pares na kumokontrol sa / b> teksto na inilalagay sa loob nito.

Paraan 2 ng 2: Lumikha ng Bold Text na may CSS

1. 1 Tandaan kung kailan gagamit ng CSS. Ang CSS ay isang napakalakas at maginhawang tool para sa pag-edit ng hitsura ng isang pahina. Sa totoo lang, ang CSS ay kung paano "mukhang" ang pahina, habang ang HTML ang ibig sabihin nito "." Siyempre, walang mali sa mga HTML tag, maaari silang magamit, ngunit mas mahusay na gumana sa CSS - mas may kontrol ka sa hitsura ng iyong teksto.
   • Magbukas ng isang simpleng pahina ng HTML sa iba't ibang mga browser. Pansinin kung paano ito lumilitaw nang bahagyang naiiba sa bawat isa? Matutulungan ng CSS na mapanatili ang pagkakaiba na ito sa isang minimum.
2. 2 Magdagdag ng isang span> tag sa teksto. Kung wala ka pang pag-aari ng CSS, dapat kang magsimula sa tinaguriang "inline CSS" - "mga inline style sheet", kung gusto mo. Siyempre, ito ay maaaring magamit upang mabago ang hitsura ng mga tag tulad ng p> o h1>, ngunit kung minsan maaari mo ring baguhin ang teksto na hindi pa kasama sa anumang mga tag. Ang span> / span> tag ay tulad ng isang pambalot na sa kanyang sarili ay walang epekto o epekto, ngunit binibigyan tayo ng pagkakataon na gawin ang mga kinakailangang pagbabago sa pahina. Narito ang isang halimbawa:
   • span> natututunan ko kung paano gawin ang teksto na naka-bold sa inline CSS ./span>
3. 3 Idagdag ang katangiang istilo. Ang mga katangian sa HTML ay nakasulat nang direkta sa tag, mismo sa mga checkbox>. Kinakailangan ang katangiang istilo upang ipasok ang CSS sa isang HTML tag, kaya't ipasok style = sa span tag:
   • span style => natututunan ko kung paano gawin ang teksto na naka-bold sa inline CSS ../ span>
   • Bakit magdagdag ng isang katangian ng estilo kung hindi mo idagdag ang istilo mismo? Mag-isip ng tama. Ngunit narito namin ang paglalagay ng lahat ng hakbang-hakbang!
4. 4 Idagdag ang pag-aari ng font-weight. Ang mga pag-aari ng CSS ay idinagdag bilang bahagi ng katangian, sa kasong ito bilang bahagi ng katangiang istilo, katulad ng "font-weight" (literal na bigat). Maaaring magamit ang pag-aari na ito upang tukuyin ang istilo ng isang font, hindi lamang naka-bold, ngunit din matapang, manipis, o normal. Matapos ang = sign, isulat "font-weight:"... Dapat itong magmukhang ganito:
   • span style = "font-weight:"> natututunan ko kung paano gumawa ng matapang na teksto gamit ang inline CSS ../ span>
   • I-pause sa ngayon, huwag magsulat ng iba pa (at oo, may darating pa).
   • Huwag kalimutang maglagay ng mga quote bago at pagkatapos font-weight:.
5. 5 Idagdag ang naka-bold na halaga. Anong natira? Tama iyan, itakda ang katangian ng katangian sa isang halaga! Saan ipapasok ito? Tama yan, sa pagitan font-weight: at isang panimulang quote. Ang pag-aari na ito ay may maraming mga pagkakaiba-iba, magkakaiba sa katapangan, at ang pinakamadaling paraan ay ang paggamit ng halaga matapang:
   • span style = "font-weight: bold"> natututunan ko kung paano gumawa ng teksto na naka-bold gamit ang inline CSS./span>
6. 6 Eksperimento sa iba pang mga halaga. Ang CSS ay mas malakas kaysa sa HTML, kaya huwag pakiramdam na ikaw ay nakatali sa kamay at paa. Narito ang ilang mga kahalili sa naka-bold:
   • span style = "font-weight: bolder"> "Bolder" - sa ganitong paraan ang teksto ay palaging mas makapal kaysa sa elementong magulang, gaano man ito katapang. / span> Kung ang buong talata ay napili ng "naka-bold," kung gayon Makakatulong ang "mas matapang" upang ma-highlight nang mas matapang, sabihin, isang hiwalay na pangungusap na nasa loob nito.
   • span style = "font-weight: normal"> "Normal" - ang ganoong teksto ay magiging hitsura ng dati, kahit na sa loob ng isang tag na ginagawang naka-bold ang teksto. / span>
   • span style = "font-weight: 900"> Upang maitakda ang bigat ng teksto, maaari mong gamitin ang mga halaga mula 100 hanggang 900. 400 - regular na istilo, naka-bold - mula 700 pataas. / span>

Mga Tip

• Kapag gumagamit ng mga halagang bilang para sa timbang sa CSS, gumamit ng mga multiply ng 100. Ang lahat ng iba pang mga halaga ay paikutin pa rin.
• Ang isang panlabas na file ng CSS, sigurado, ay mas maginhawa kaysa sa inilarawan sa artikulong ito - sa ganitong paraan posible na makontrol ang hitsura ng lahat ng mga pahina ng site mula sa isang file nang sabay-sabay!
• Hindi ka maaaring gumawa ng isang mas matabang font kaysa sa orihinal na inilaan ng mga typographer. Kapag nagtatrabaho sa CSS, tandaan na ang font ay magbabago ayon sa pamantayan. Alinsunod dito, hindi mo makikita ang pagkakaiba sa pagitan ng dalawang mga pagpipilian ng naka-bold na font (mas tiyak, maaari mo itong makita - ngunit nakasalalay na ito sa font).