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 megtanulásához, hogyan lehet gyorsan kiemelni a megfelelő helyeket a szövegben, emlékezzen egy 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.
Egyébként 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 befolyásolhatja az oldal optimalizálását a keresőmotor számára.
Félkövér betűtípus erős címkével
Ez a módszer akkor megfelelő, ha a szöveg egy fontos részét félkövérre szeretné szedni. 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 HTML címkék segítségével készíthető. 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 a fő CSS-stíluslapfájlon keresztül történik. 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).
A HTML néhány lehetőséget kínál a szövegstílus tekintetében. Ma elmondom, hogyan készítsünk dőlt betűtípust html-ben, mind szabványos, mind nem szabványos betűtípusban. A második esetben figyelembe kell vennie valamit, hogy minden működjön.
Hogyan írjunk dőlt betűt html-ben?
Először is magában a html-ben két címke található, amelyek dőlt stílust adnak a szövegnek. Ezek em és i . A második egyébként a wordpress motor html szerkesztőjébe van beépítve, amiben most ezt a cikket írom. Miben különböznek ezek a címkék? Valójában ma nem szeretném hangosan kijelenteni, hogy ezek valahogy különböznek egymástól.
Általánosságban elmondható, hogy az em-et olyan szavak hangsúlyozására használják, amelyeket speciális intonációval kell kiejteni, míg az i-t csak a szöveg vizuális kiemelésére használják. De ne foglalkozzunk ezzel, mert nem tudni, hogy valóban így van-e.
Melyek a dőlt szöveg css tulajdonságai?
Ez a betűtípus-stílus tulajdonság, és értéke dőlt . Ott van a ferde érték is, és ez dőlt betűsre változtatja a szöveget. Van különbség ezek között az értékek között? Gyakorlatilag egyik sem. Mellesleg, olvasson többet erről és a szöveg más css tulajdonságairól a megfelelő cikkben, ahol minden a polcokon található.
Hogyan lehet dőlt betűt írni egyéni betűtípusra?
Az a tény, hogy ha nem szabványos betűtípust csatlakoztat ezen keresztül Google Fonts, akkor ebben az esetben be kell jelölni a négyzetet legalább 1 dőlt betűstílus csatlakoztatásakor. Ha ez nem történik meg, akkor egy ilyen betűtípus dőlt betűssé tételekor az egyik szabványos betűtípus dőlt betűvel jelenik meg. Egyébként ebben a cikkben olvashat a nem szabványos betűtípusok csatlakoztatásáról.
Ezen a képernyőképen láthat egy töredéket a betűtípus összekapcsolásáról Google szolgáltatás betűtípusok.
Amint látja, legalább egy dőlt stílus mellett van egy pipa. Most, amikor a szükséges címkéket vagy stílustulajdonságot használja, ez a betűtípus valóban dőlt betűs lesz, nem pedig valami más.
Így minden olyan pontot elemeztünk, amely a dőlt stílusban dolgozik. Nem merem tovább fogva tartani.
Ma megmutatom, hogyan lehet a szavakat félkövérre szedni egy webhelyen HTML és CSS használatával. Ez a kialakítás akkor használatos, ha bizonyos információkat kell kiemelni az oldalon. És beszélgetünk nemcsak a főcímekről, hanem arról is egyszerű szavak, kifejezések a szövegben. Megvalósítása meglehetősen egyszerű.
Bizonyos szövegek félkövér kiemelésére speciális HTML-címkéket használnak - És . Például a következő kód:
Egyszerű szöveg. Miniatűr. Félkövér szöveg erős. |
Egyszerű szöveg.
Miniatűr.
Félkövér szöveg erős.
A kimenet a következő képet adja:
Az utolsó két lehetőség vizuálisan ugyanúgy néz ki, de kissé eltérnek egymástól. Címke a szó egyszerű stilisztikai vastagítását adja meg, míg ad hozzá némi szemantikai "megerősített" (fontos) jelentést. Vagyis az utolsó sor nem csak félkövér szöveg, hanem néhány fontos információ. Elvileg a keresőknek ajánlott pontosan használni .
A HTML-ben félkövérrel is találkozhat a következő stílusokkal:
Félkövér szöveges példa.
Minta szöveggel bátor szó.
A honlapon így néz ki:
Annak ellenére, hogy a HTML félkövér szövegkódja megfelelően működik, ezt nem szabad így csinálni. Minden tervezési stílust egy CSS-fájlban kell elhelyezni. Ezért a fenti példában meg kell adni a címkéket
ÉS adja meg a megfelelő osztályt, majd írja elő annak megjelenését a stíluslapon. Ezek a kódolás szabályai. Tehát a HTML félkövér használatához használja a címkét .
Félkövér szöveg a CSS-ben
Ha egy CSS-betűtípust félkövérre szeretne szedni, használja a font-weight tulajdonságot. Segítségével egy szövegrészlet „telítettségét” jelzi. Az értékek 100 és 900 között lehetnek, de a leggyakrabban használt értékek:
- félkövér (félkövér) - alapértelmezés szerint 700;
- normál (normál) - alapértelmezés szerint 400.
A vastagabb és a világosabb értékekre is van lehetőség, amelyek a betűtípust a szülőtől függően többé-kevésbé félkövérre változtatják.
A félkövér szöveg beállításához a CSS-ben be kell állítania valamilyen stílust ehhez vagy ahhoz az elemhez, például:
Egyszerű szöveg -val merész válogatás a központban.
erős (betűsúly: félkövér;)
Itt szeretnék megjegyezni egy apró árnyalatot, amelyről elmondták - ha új osztályt hoz létre valamilyen elemhez, akkor tanácsos többé-kevésbé „érthető nevet” használni. Például a fenti példában a class="my-bold-font" stílus logikusabbnak tűnik, mint a class="new-font", mert részben megértheti a célját. Ez egy plusz azok számára, akik a jövőben meg fogják nézni és használni fogják az elrendezést.
A következő cikkben érdekes, félkövér betűtípusokról fogok beszélni, amelyeket sikerült megtalálnom.
A html-ben a betűméret fontos szerepet játszik. Felhívja a felhasználó figyelmét fontos információ közzétették a weboldalon. Bár nem csak a betűk mérete a fontos, hanem a színük, vastagságuk, sőt családjuk is.
Címkék és attribútumok, ha html betűtípusokkal dolgozik
A hipertext nyelv számos eszközzel rendelkezik a betűtípusokkal való munkához. Végül is a szöveg formázása a html fő feladata.
A teremtés oka HTML nyelv probléma volt a szövegformázási szabályok böngészők általi megjelenítésével.
Fontolja meg azokat a címkéket, amelyek a html betűtípusokkal és azok attribútumaival dolgoznak. A fő a címke . Attribútumai értékeinek felhasználásával több betűtípus-jellemzőt is beállíthat:
- szín - beállítja a szöveg színét;
- méret – betűméret hagyományos mértékegységekben.
A pozitív attribútumérték 1 és 7 között támogatott.
- arc – a címkén belüli szöveg betűtípuscsaládjának beállítására szolgál . Több érték is támogatott, vesszővel elválasztva.
Csak a párosított betűtípuscímke részei között található szöveg formázódik. A szöveg többi része az alapértelmezett betűtípussal jelenik meg.
A html-ben is számos párosított címke található, amelyek csak egy formázási szabályt határoznak meg. Ezek tartalmazzák:
- - beállítja a félkövér betűtípust a html-ben. Címke működésében hasonló az előzőhöz;
- - a méret nagyobb, mint az alapértelmezett;
- — kisebb méret betűtípus;
- - dőlt szöveg (dőlt). Hasonló címke ;
- — aláhúzott szöveg;
- kihúzott;- — szöveg megjelenítése csak kisbetűvel;
- - nagybetűvel.
egyszerű szöveg
Miniatűr
Miniatűr
Több, mint máskor
A szokásosnál kevesebb
Dőlt betűs
Dőlt betűs
Aláhúzással
Áthúzott
Stílustulajdonságok képességei
A leírt címkéken kívül számos további módszer is létezik a html betűtípus megváltoztatására. Az egyik az általános stílus attribútum használata. Tulajdonságai értékeinek felhasználásával beállíthatja a betűtípus megjelenítési stílusát:
1) font-family - a tulajdonság beállítja a betűtípuscsaládot. Több érték felsorolása is lehetséges.
A html betűtípusának a következő értékre történő módosítása megtörténik, ha az előző család nincs beállítva operációs rendszer felhasználó.
Írás szintaxisa:
font-family: font-name [, font-name[, ...]]
2) font-size - a méret 1 és 7 között van beállítva. Ez az egyik fő módja annak, hogy növelje a betűtípust a html-ben.
Írás szintaxisa:
font-size: abszolút méret | relatív méret | érték | kamat | örököl
A betűméretet is beállíthatja:
- pixelben;
- Abszolút értelemben ( xx-kicsi, x-kicsi, kicsi, közepes, nagy);
- százalékban;
- Pontokban (pt).
betűméret: 7
betűméret: 24 képpont
Betűméret: x-nagy
betűméret: 200%
betűméret: 24 pt
3) font-style - beállítja a betűtípus stílusát. Szintaxis:
betűstílus: normál | dőlt | ferde | örököl
Értékek:
- normál - normál helyesírás;
- dőlt – dőlt
- ferde - jobbra dőlő betűtípus;
- inherit - örökli a szülőelem helyesírását.
Példa a betűtípus megváltoztatására html-ben ezzel a tulajdonsággal:
font-style: inherit
font-style:dőlt
font-style:normal
font-style:ferde
4) font-variant - mindent lefordít nagybetűvel nagybetűkkel. Szintaxis:
font-variáns: normál | kis sapkák | örököl
Példa arra, hogyan lehet megváltoztatni a betűtípust html-ben ezzel a tulajdonsággal:
font-variant: inherit
font-variant:normal
font-variant:small-caps
5) font-weight - lehetővé teszi a szöveg vastagságának (telítettség) beállítását. Szintaxis:
betűsúly: félkövér|félkövérebb|világosabb|normál|100|200|300|400|500|600|700|800|900
Értékek:
- félkövér – a html betűtípust félkövérre állítja;
- merészebb - merészebb a normálhoz képest;
- világosabb - a normálhoz képest kevésbé telített;
- normál - normál helyesírás;
- 100-900 - beállítja a betűvastagságot számszerűen.
font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:normal
betűsúly: 900
betűsúly: 100
font tulajdonság és html betűszín
A Font egy másik konténertulajdonság. Belsőleg egyesítette több, a betűtípusok megváltoztatására tervezett tulajdonság értékeit. Betűtípus szintaxis:
font: font-size font-family | örököl
A rendszer által a különféle vezérlők címkéiben használt betűtípusok is beállíthatók értékként:
- felirat - a gombokhoz;
- ikon - ikonokhoz;
- menü - menü;
- üzenetdoboz - párbeszédpanelekhez;
- kis felirat - kis vezérlőkhöz;
- állapotsor - állapotsor betűtípusa.
font:icon
font:caption
font:menu
font:message-box
kis felirat
font:status-bar
font:italic 50px félkövér "Times New Roman", Times, serif
A html betűtípus színének beállításához használhatja a color tulajdonságot. Lehetővé teszi a szín beállítását, mint pl kulcsszó, és rgb formátumban. És hexadecimális kód formájában is.