Szerző:
Bobbie Johnson
A Teremtés Dátuma:
7 Április 2021
Frissítés Dátuma:
26 Június 2024
![Hogyan tegyünk félkövérré a szöveget HTML segítségével - Társadalom Hogyan tegyünk félkövérré a szöveget HTML segítségével - Társadalom](https://a.vvvvvv.in.ua/society/kak-videlit-tekst-zhirnim-s-pomoshyu-html-9.webp)
Tartalom
- Lépések
- 1/2 módszer: Hozzon létre félkövér szöveget HTML -kóddal
- 2. módszer 2 -ből: Félkövér szöveg létrehozása CSS -sel
- Tippek
A HTML jelölőnyelv lehetővé teszi, hogy a szöveget minden probléma nélkül félkövérré tegye, sőt többféleképpen is. Mindazonáltal jobb lesz, ha néhány percet a kaszkád stíluslapok - CSS - alapszabályainak tanulmányozásával tölt fel a dokumentumhoz, hogy később ott dolgozhasson. A lényeg az, hogy sokkal könnyebb szabályozni egy weboldal megjelenését a CSS -ből, beleértve azt is, ha valamit vastagon kell kiemelni.
Lépések
1/2 módszer: Hozzon létre félkövér szöveget HTML -kóddal
1 erős> Használd az erős / erős> címkét. A HTML5 -ben a specifikáció szerint ez a legjobb módja a szöveg kiemelésének. Ez a címke szinte mindig félkövérré teszi a szöveget.
- Helyezze a kiemelni kívánt szöveget a címkék közé: strong>pont itt/ erős>.
2 Ha szükséges, használjon címsorokat. Általában az oldal tetején vagy egy új szakasz elején helyezik el őket. Alapértelmezés szerint a címsorok nagyobbak és merészebbek, mint a normál szöveg, de itt is vannak finomságok. Hat címsor létezik, 1 -től 6 -ig: h1> - h6>. Használatuk során kövesse ezeket az irányelveket:
- A h1 címsor így van írva: h1> első szintű címsor / h1>, és ez a legfontosabb, legnagyobb címsor az oldalon.
- h2> Fejezet h2 / h2> - a második legfontosabb címsorhoz, és így tovább egészen a h6> h6 rovatig, a legkisebb / h6>.
- A címsorokat óvatosan, mértékkel kell használni, kizárólag az oldal tartalmának rendszerezéséhez. A felhasználónak a lehető leggyorsabban látnia kell a címet, hogy megértse, alatta van -e a kívánt tartalom.
- Alcímek létrehozásakor érdemes egyszerre csak egy szinttel lejjebb menni. Más szóval, nem kell h1 után azonnal betenni> azonnal h3>. Ily módon az oldal formázása nem fog meghiúsulni, ha másik formátumba konvertál.
3 b> Végső megoldásként használja a b / b> címkét. A b> címke továbbra is támogatott a HTML5 -ben, de sokkal jobb. A b> billentyűt akkor használhatja, amikor a szöveg kiemelésre kerül stilisztikai, nem szemantikai célokra - például kulcsszavak vagy szókincs szavak, terméknevek stb. Kiemelésére.
- A legtöbb címkéhez hasonlóan a b> egy pár, amely a / b> szöveget vezérli.
2. módszer 2 -ből: Félkövér szöveg létrehozása CSS -sel
1 Ne feledje, mikor kell használni a CSS -t. A CSS egy nagyon hatékony és kényelmes eszköz az oldal megjelenésének szerkesztésére. Valójában a CSS az, hogy "néz ki" az oldal, míg a HTML az, amit "jelent". Természetesen a HTML -címkékkel nincs semmi baj, használhatók, de jobb CSS -sel dolgozni - jobban szabályozhatja, hogyan fog kinézni a szöveg.
- Nyisson meg egy egyszerű HTML -oldalt különböző böngészőkben. Figyelje meg, hogyan jelenik meg mindegyikben kissé eltérően? A CSS segíthet minimálisra csökkenteni ezt a különbséget.
2 Adjon hozzá span> címkét a szöveghez. Ha még nem rendelkezik CSS -sel, akkor az úgynevezett "inline CSS" - "inline style sheet" -ekkel kell kezdenie, ha úgy tetszik. Ez természetesen használható a címkék megjelenésének megváltoztatására, például p> vagy h1>, de néha olyan szöveget is módosíthat, amely még nem szerepel egyetlen címkében sem. A span> / span> címke olyan, mint egy csomagolóanyag, amely önmagában nincs hatással, de lehetőséget ad arra, hogy elvégezzük az oldalon a szükséges változtatásokat. Íme egy példa:
- span> Megtanulom, hogyan lehet félkövérré tenni a szöveget az inline CSS ./span> segítségével
3 Adja hozzá a style attribútumot. A HTML -ben lévő attribútumok közvetlenül a címkébe íródnak, közvetlenül a jelölőnégyzetekbe>. A stílus attribútum szükséges a CSS HTML -címkébe való beillesztéséhez, ezért illessze be stílus = a span címkében:
- span style => Megtanulom, hogyan lehet félkövérré tenni a szöveget a soros CSS -vel ../ span>
- Miért adjon hozzá stílusattribútumot, ha nem adja hozzá magát a stílust? Gondolkozz helyesen. De itt mindent lépésről lépésre lefektetünk!
4 Adja hozzá a font-weight tulajdonságot. A CSS tulajdonságok az attribútum részeként kerülnek hozzáadásra, ebben az esetben a style attribútum részeként, nevezetesen "font-weight" (szó szerinti súly). Ez a tulajdonság használható a betűtípus stílusának megadására, nem csak félkövér, hanem extra vastag, vékony vagy normál. A = jel után írjon "font-weight:"... Valahogy így kellene kinéznie:
- span style = "font-weight:"> Megtanulom, hogyan lehet félkövérré tenni a szöveget az inline CSS ../ span> használatával
- Szünet egyelőre, ne írjon mást (és igen, van még mit).
- Ne felejtsen el idézeteket tenni előtte és utána betűsúly:.
5 Adja hozzá a félkövér értéket. Mi maradt? Így van, állítsa az attribútum tulajdonságát értékre! Hol kell beilleszteni? Így van, között betűsúly: és záró idézet. Ennek a tulajdonságnak több fajtája van, amelyek merészségben különböznek egymástól, és a legegyszerűbb módja az érték használata bátor:
- span style = "font-weight: bold"> Megtanulom, hogyan lehet félkövérré tenni a szöveget az inline CSS./span> használatával
6 Kísérletezzen más értékekkel. A CSS sokkal erősebb, mint a HTML, ezért ne érezze magát kézzel -lábbal kötve. Íme néhány alternatíva a vastagításra:
- span style = "font -weight: bolder"> "Merészebb" - így a szöveg mindig vastagabb lesz, mint a szülő elem, függetlenül attól, hogy milyen merész. / span> Ha a teljes bekezdést "félkövér" választja ki, akkor A "merészebb" segít még bátrabban kiemelni, mondjuk egy külön mondatot, ami benne van.
- span style = "font -weight: normal"> "Normal" - az ilyen szöveg a szokásos módon fog kinézni, még akkor is, ha olyan címkében van, amely vastagítja a szöveget. / span>
- span style = "font -weight: 900"> A szöveg súlyának beállításához 100 és 900 közötti értékeket használhat. 400 - normál stílus, félkövér - 700 és újabb. / span>
Tippek
- Ha numerikus értékeket használ a súlyhoz a CSS -ben, használjon 100 -szorosát. Az összes többi érték továbbra is felfelé lesz kerekítve.
- Egy külső CSS fájl, az biztos, sokkal kényelmesebb, mint az ebben a cikkben leírtak - így lehetőség nyílik arra, hogy egyszerre egyetlen fájlból vezérelje a webhely összes oldalának megjelenését!
- A betűtípus nem lehet kövérebb, mint a tipográfusok eredetileg tervezték. Amikor CSS -vel dolgozik, ne feledje, hogy a betűtípus a szabványnak megfelelően változik. Ennek megfelelően nem fogja látni a különbséget a két félkövér betűtípus között (pontosabban láthatja - de ez már a betűtípustól függ).