A HTML-ben a félkövér szöveg többféleképpen készíthető. Ezek tartalmazzák:
- Címke b;
- Címke erős;
- CSS tulajdonság font-weight.
Beszéljünk az egyes szövegkiválasztási lehetőségekről sorban.
Félkövér szöveg: címke
Címke b A HTML alkalmazása a következőképpen történik:
"Nubex" weboldal készítő
Címkéhez zárásnak kell lennie, és általános attribútumok (mint pl osztály, azonosító, cím stb.)
Bár a címke érvényessége bés nem elavult a HTML specifikációja miatt, a használat szempontjából relevánsabb a címke erős lássuk miért.
Félkövér szöveg: címke
A HTML specifikáció szerint a tag b A szöveg félkövérré tételére szolgál. Ezzel szemben a címke erős A HTML a kiemelésre szolgál fontos frah, olyan szavak, amelyek kulcsfontosságúak ezen az oldalon.
Ez a címke nagyon fontos az oldalak rangsorolásakor Keresési eredmények, ezért széles körben alkalmazzák a weboldalak promóciójában és SEO optimalizálásában. A keresőmotorok tiszteletben tartják a címkékbe zárt szöveget , és jelölje meg fontosként.
Címke használt erős azonos módon:
"Nubex" weboldal készítő
Észreveheti, hogy a címkék külső alkalmazása és egyáltalán nem különbözik (mert minden modern böngészők majdnem ugyanúgy értelmezi őket), de a kód szemantikai különbségei kereső motorok ennek ellenére van hol lenni. Ezért a legtöbb keresőoptimalizáló a címke használatát javasolja erős.
Félkövér szöveg CSS-sel
Már felhívtuk a figyelmet a címke fontosságára erős nál nél keresés promóciója, de mi a teendő, ha nagy mennyiségű szöveget kell félkövérre tenni (de a szöveget nem kell fontosnak jelölni a keresők számára), vagy a betűtípus "merészségének" mértékét kell szabályozni? Ilyen esetekben a CSS tulajdonságot használják font-weight. A következőképpen alkalmazzák:
Oldalaink valóban hatalmas lépés webfejlesztésben.
Igazából csináljuk minőség oldalak.
Bízzon bennünk, és megtesszük nem hagyjuk cserben.
Értékek merészebbés öngyújtó a merészség mértékét jobban (vagy kevésbé) állíthatja be, mint a szülő. Számértékkel (100-900) lehet beállítani a zsírtartalom mértékét.
Folytatjuk a munkát a betűtípusokkal, és ebben a leckében megvizsgáljuk, hogy a tulajdonságok hogyan vannak beállítva, hogy a betűtípust félkövér vagy dőlt kinézetűvé tegyék. Eddig azt gondoltuk, hogyan félkövér vagy dőlt betűtípus létrehozása használva HTML címkéket. De mint már tudjuk HTML nem használható dokumentum tervezésére, csak jelölések, oldalszerkezet létrehozására szolgál, ezért mindent stíluslapon kell stílusozni css. És most nézzük meg, hogyan vannak beállítva ezek a tulajdonságok.
Dőlt CSS betűtípus
A tulajdonság segít a szöveg dőlt betűs formázásában. betű stílus: ; , amelyhez az érték hozzá van rendelve dőlt , ami azt jelenti, hogy "A betűstílus dőlt".
Most képzeljük el, hogy sok bekezdés van az oldalon, és az egyiket dőlt betűvel kell szedni. Az a feladatunk, hogy létrehozunk egy osztályt a kívánt bekezdéshez, majd megadjuk, hogy az adott osztályú elem dőlt betűs legyen.
HTML
Negyedik bekezdés Negyedik bekezdés Negyedik bekezdés
Állítsa be a tulajdonságot a dőlt betűtípushoz.
Ha ilyen bekezdéseket hozott létre és beállított egy tulajdonságot, akkor a második bekezdés szövege dőlt betűs lett. Az egész bekezdésre beállítottuk a tulajdonságot, de most nehezítsük meg, és a negyedik bekezdésben csak két szót állítsunk dőlt betűvel. Hogy kell ezt csinálni? NÁL NÉL HTML A leckében a logikai szintű címkét elemeztük . Ezt a címkét csak olyan helyzetekre használják, amikor az elem bizonyos részéhez be kell állítani valamilyen osztályt. Így beágyazzuk a címkét a negyedik bekezdésbe, és osztályt rendelünk hozzá osztály="dőlt"> . Ennek eredményeként a következő bejegyzést kapjuk:
HTML
Első bekezdés Első bekezdés Első bekezdés Első bekezdés
Második bekezdés Második bekezdés Második bekezdés Második bekezdés
Harmadik bekezdés Harmadik bekezdés Harmadik bekezdés Harmadik bekezdés
Negyedik bekezdés Negyedik bekezdés Negyedik bekezdés
Ötödik bekezdés Ötödik bekezdés Ötödik bekezdés Ötödik bekezdés
Dőlt (betűstílus: dőlt; )
A második bekezdés és a negyedik bekezdés egy része most dőlt betűvel jelenik meg. NÁL NÉL demó ez egyértelműen látszik.
Félkövér CSS
A félkövér betűtípus beállításához egy másik tulajdonság kerül felhasználásra, a neve betűsúly: ; más szóval fonttelítettségnek is nevezik. A telítettség kezdetben a következőre van állítva Normál vagyis a betűk telítettsége normális, és az érték beállításával bátor merész lesz.
Félkövér(betűsúly:félkövér ; )
A telítettségi értéket számokkal is beállíthatja 100 előtt 900 lépésről lépésre 100 . Jelentése Normál számnak felel meg 400 , és az érték bátor ábra 700 . Jelentése 900 nem minden betűtípus támogatja, így ennek az értéknek a beállításával előfordulhat, hogy nem veszi észre a különbséget az értéktől 700 . Ez az állapot így néz ki:
Félkövér (betűsúly: 700 ; )
NÁL NÉL html kódot, pontosan ugyanazt csinálják: ha a teljes bekezdést ki kell jelölni, akkor új osztályt adunk neki, ha a szöveg egy részét, akkor a címkét használjuk osztály="dőlt"> . Vegyünk egy kis példát:
HTML
Első bekezdés Első bekezdés Első bekezdés Első bekezdés
Második bekezdés Második bekezdés Második bekezdés Második bekezdés
Harmadik bekezdés Harmadik bekezdés Harmadik bekezdés Harmadik bekezdés
Negyedik negyedik bekezdés negyedik bekezdés bekezdés
Ötödik bekezdés Ötödik bekezdés Ötödik bekezdés Ötödik bekezdés
Félkövér (betűsúly: félkövér; )
Ennek eredményeként félkövéren kiemeltük a negyedik bekezdés egy részét, ahol ez egyben dőlt, és a teljes ötödik bekezdést. Íme két további tulajdonság, amelyet tanulmányoztunk. Elég gyakran használják őket, ezért érdemes megjegyezni, hogy:
- Dőlt betűtípus beállítva: betű stílus: dőlt; .
- Félkövér betűtípus van beállítva: betűsúly: bátor; .
- A betűtípus normál telítettségének visszaállításához állítsa be az értéket: betűsúly: Normál; vagy értéket betűsúly: 400 ; , ami jelen esetben ugyanazt jelenti.
Itt a fontok további két tulajdonságát vettük figyelembe. Lásd be Demó hogy végül minek kellett volna veled történnie, és áttérünk a következő tulajdonságok tanulmányozására.
Az egyik legegyszerűbb módja egy szó vagy kifejezés kiemelésének a szövegben, ha más betűket használ. Így félkövérrel húzhat alá egy szót vagy kifejezést. Az oldal könnyen lehetővé teszi a szavak más stílusú kiemelését - dőlt, aláhúzott, félkövér.
Félkövér betűtípus a fő dolog kiemelésére
A legélénkebbek és legfelkapottabbak a vastag betűvel kiemelt szavak. Az ilyen szavak és kifejezések azonnal megragadják a tekintetet. Tehát annak érdekében, hogy megtanulják, hogyan lehet gyorsan kiemelni a szövegben megfelelő helyekre, emlékeznie kell a speciális HTML-kódra. A félkövér betűtípus beállítása a párcímke használatával történik.
A nyitó címkét a kiemelendő szó, kifejezés vagy mondat elé helyezik. . A szöveg utolsó kiemelendő betűjét egy záró címke követi.. Bármi, ami a két címke között található, félkövérrel jelenik meg a böngészőben.
Egyéb kiválasztási lehetőségek
Így rájöttünk, hogy lehetséges a szöveg kiemelése más stílus használatával. Úgy döntöttünk, hogy a legegyszerűbb és egyben hatékony a félkövér HTML használata. Most beszéljünk a többi kiválasztási lehetőségről.
Például dőlt betűvel írhat szöveget a párcímke használatával , jelölje ki azzal . Ez a legtöbb egyszerű módokon szöveg kiemelése.
Vannak kevésbé ismert és használt címkék is, amelyekkel szavakat és mondatokat lehet kiemelni a szövegben. Tehát a szöveg áthúzásához elegendő használni . A párcímke segít abban, hogy a szöveg monospace legyen . Ha felső indexet kell létrehoznia, használja , Alsó - .
Ebben az esetben, mint korábban, a szükséges szövegnek a nyitó és a záró címke között kell lennie. Mint látható, nincs semmi bonyolult, a lényeg az, hogy emlékezzen ezekre a kódokra, vagy írja le őket.
Több betűtípus használata
Ha kifejezőbbé szeretné tenni a szöveget, a félkövérnél többet is használhat. A HTML-jelölés lehetővé teszi, hogy egy szót egyszerre több stílussal is kiemelhessen. Például egy szót félkövérre, áthúzásra és dőltre írhat egyszerre.
Ugyanakkor egy dolgot emlékezni kell - minden címkét egymás után be kell zárni. Például a helyes bejegyzés lehet:
- a kiválasztott szöveget.
Ha más sorrendben zárja be a címkéket, akkor a szöveg hibásan lesz kiemelve. Példa egy hibás bejegyzésre:
- a kiválasztott szöveget.
Ebben az esetben a böngésző összezavarodik, és nem fogja megérteni, hogy pontosan mit is akar tőle.
Mellesleg itt megjegyzendő, hogy három stíluslehetőség – félkövér, aláhúzott és dőlt – könnyen megjegyezhető, ha rendelkezik gyorsbillentyűkkel a Wordben. Ott a stílus ugyanazokkal a betű-billentyűkkel van beállítva, miközben lenyomva tartja a Ctrl billentyűt.
Amint látja, nem csak dőlt vagy félkövér betűtípust használhat. A HTML-jelölés ugyanolyan egyszerűvé teszi a szavak kiemelését, mint a normál Wordben.
következtetéseket
A szöveg kiemelésére nemcsak a különböző színek és árnyalatok, különböző betűméretek és -típusok, hanem stílusa is széles körben használatos. Sőt, egy eltérő vázlat segítségével szépen és egyszerűen kiválasztható egy-egy szövegrészlet.
A betűtípus stílusának megváltoztatásához bármilyen ismert címkét kell használnia. A HTML-oldal félkövér betűtípusa a legfényesebb és leginkább látható, ezért a leggyakrabban ezt használják kiemelésre.
Háromféleképpen lehet félkövérre szedni a szöveget HTML oldal, de ne rohanjon azonnal használni bármelyiket, amelyik tetszik, mivel egy ilyen kiválasztás eltérő jelentéssel bírhat, és hatással lehet az oldal keresőmotorra való optimalizálására.
Félkövér betűtípus erős címkével
Ez jó az út ha félkövérrel szeretné szedni a szöveg egy fontos részét. A HTML címke egy logikai formázási címke, és lényege, hogy "hangsúlyozza" a kiválasztott töredék fontosságát.
Vannak más logikai formázási címkék is a HTML-ben. Például a címke dőlt betűvel emeli ki a szöveget, és jelzi a kiválasztott kifejezés hangsúlyozását.
A szövegkiválasztás egyéb típusait a cikk ismerteti:.
egyszerű szöveg kiemelten fontos szövegrészt. Egyszerű szöveg.
Félkövér szöveg b címkével
egyszerű szöveg félkövér szöveg. Egyszerű szöveg.
Merész CSS-stílusok
Félkövér szöveg nem csak speciális segítségével készíthető HTML címkék. Bármely címkén félkövérre szedheti a font-weight tulajdonság beállításával: bold; (nem minden betűtípusnál működik).
Az ilyen kijelölés stilisztikai jellegű lesz, anélkül, hogy logikai súlyt adna a kiválasztott szöveghez.
Ezenkívül egy CSS-osztályon keresztül stílusok beállításával egyszerre kiválaszthat egy adott címkét és egy elemcsoportot.
A style attribútumon belüli CSS tulajdonság:
Szöveg félkövér.
Szöveg félkövér.
Szöveg normál betűtípussal.
Szöveg félkövér.
Mi a teendő, ha nem tudja félkövérre szedni a szöveget
Ha nem tudja félkövérre szedni a szöveget, akkor valószínű, hogy webhelye felülírta a CSS-elemstílusokat. Ebben az esetben módosítania kell ezeket a stílusokat. A legtöbb esetben ez megtehető a fő táblázatfájlon keresztül css stílusok. Ha ezt nem érti, forduljon a webmesterhez. Nagy valószínűséggel legfeljebb 5 percet vesz igénybe a probléma megoldása (bár természetesen lehetnek kivételek).