tévék. Konzolok. Projektorok és tartozékok. Technológiák. Digitális TV

Félkövér, dőlt, kisbetűs. Félkövér szöveg css Dőlt betűtípus css

Ahhoz, hogy weblapunk látványosabb legyen, a szöveget bekezdésekre bontjuk, és kiemeljük a címet. A HTML-ben 6 szintű dokumentumrészek címsorai vannak, 1-től 6-ig számozva. A címsorokat a szintnek megfelelő számokkal rendelkező címkepárok deklarálják, pl.

- az első szintű szakasz címe, ill
- a hatodik szintrész címe. A címek a betűk méretében és szélességében térnek el a normál szövegtől. A h1 első szintű címsor általában nagyon nagy betűtípussal, míg a hatodik szintű h6 címsor általában nagyon kis betűtípussal jelenik meg.

Címek

Ne keverje össze a dokumentumrészek címét a korábban tárgyalt, az elem által meghatározott dokumentumcímmel .

Az első mondatot használjuk a szöveg címeként - Ehhez elegendő címkékkel korlátozni

És

.

Szúrjon be címkéket az other.html fájl szövegébe

És

így korlátozzák a szöveg első mondatát, és ez a kódrészlet a következő formában jelenik meg:

Üdvözöljük az SD cég oldalán!

Nézzük a megszerzett eredményt.

Mentse el a fájlt a Jegyzettömb menü Fájl - Mentés parancsával.

A mentési műveletet mindig a dokumentum megtekintése előtt kell elvégezni, mert a számítógép RAM-jába lemezről betöltve nyitja meg a fájlt megtekintésre. Ha a HTML-kód szerkesztése után nem menti el a fájlt, a böngészőben nem fog semmilyen konfigurációt látni.

Állítsa vissza a böngészőablakot a gombjára kattintva a tálcán.

Nyomja meg az F5 gombot vagy a Refresh gombot a program munkaablakának eszköztárán. Az other.html fájl újra betöltődik, és látni fogja, hogyan néz ki az első szintű fejléc a böngészőablakban.

Tekintse meg, hogyan fog kinézni a másik 5 szint címe a címkék számainak megváltoztatásával: h2, h3 stb. Minden konfiguráció után ne felejtse el menteni a fájlt és frissíteni a képet a böngészőablakban.

Ha befejezte a kísérleteket, állítsa vissza újra a címkéket az other.html fájlban

.

A 6 szintű címsor használatával, amelyeket az Ön rendelkezésére bocsát HTML nyelv, könnyen áttekinthető, intuitíven áttekinthető szerkezetű dokumentumot készíthet. Ne feledje, hogy a dokumentum mindig sokkal jobban olvasható lesz, ha egyértelműen szakaszokra és alszakaszokra van osztva.

Címsorigazítás

Alapértelmezés szerint a cím az oldal bal széléhez igazodik. De lehet igazítani jobbra vagy középre is. A címke helyes igazításához

Az align="right" attribútumot használjuk, a központosításhoz pedig az align="center". A bal oldali igazítás nyilvánvaló jelzése is megengedett - align="left".

Hozzáadás a címkéhez

align="center" attribútum a cím középre állításához. Ennek az elemnek így kell kinéznie:

Üdvözöljük az SD cég oldalán!

A jövőben nem fogjuk emlékeztetni arra, hogy megtekintés előtt el kell mentenie a fájlt a kezdeti kóddal, és frissíteni kell a képet a böngészőben.

Hogyan lehet szöveget kiemelni (félkövér) a HTML-ben

Most pedig térjünk át a szöveg többi részére. Növeljük a méretét, és a szöveget félkövér dőlt betűvel szedjük. A félkövér stílus beállításához a rendszer párosított címkéket használ .

Illessze be a nyitót az other.html fájlba és zárás címkéket, hogy korlátozzák a szöveget. Itt megtudhatja... Ennek az elemnek a következő formájúnak kell lennie:

Hogyan lehet szöveget dőlt betűvel írni a HTML-ben

A dőlt stílus beállítása címkék segítségével történik .

Illesszen be egy HTML címkét a kezdeti kódba Ésígy a szerkesztett elem a következő formát ölti:

Itt megtudhatja tevékenységeinket, szoftver termékek cégünkről és az általunk gyártott berendezésekről

A jelölőelemek beágyazhatók, mint ebben a struktúrában, ahol az elem elembe ágyazva . A modern böngészők képesek megfelelően kezelni a beágyazott címkéket. Ezért gondoskodnia kell arról, hogy a befektetés sorrendje ne sérüljön. A böngésző nehezen működik, ha a beágyazás megszakad. Például ez a bejegyzés helytelen lenne: . A beágyazásnak való megfelelés nagyon fontos része a HTML kódírás általános kultúrájának.

Hogyan lehet szöveget aláhúzni HTML-ben

Pár címke használatával beállíthatja egy szövegrész aláhúzott stílusát, amelyet ezek a címkék korlátoznak, és egy pár címke használatával - szöveg megjelenítése teletype betűtípussal.

Meg kell jegyezni, hogy a közelmúltban a címke stílusok használatával egyszerűsített és hangsúlyos. egyenértékű . Igen, az új analóg bonyolultabbnak tűnik, de sajnos ez jobban igaz. A lényeg, hogy a terjedelmes verzió keresztböngészős, vagyis minden böngészőhöz alkalmas, amikor Nem minden böngésző támogatja.

Hogyan lehet szöveget növelni a HTML-ben

Most növeljük a szöveg betűméretét. Ezt különféle módszerekkel lehet megtenni.

Címkék növelje a közéjük zárt szöveg betűméretét.

Adjon hozzá címkéket a fenti kódrészlet elejéhez és végéhez Ésígy az elem a következő formát ölti:

Itt megismerheti tevékenységünket, cégünk szoftvertermékeit és az általunk gyártott berendezéseket

Címkék használata csökkentheti a szöveg betűméretét az eredetihez képest.

A betűméret meghatározásának másik módja a címkék használata a méret attribútummal. Az attribútum értékeként 1-től 7-ig terjedő egész számokat használunk. Ebben az esetben az 1-es érték a legkisebb betűméretnek, a 7-es pedig a legnagyobbnak felel meg.

Használata címkék helyett címkék megtekintése , nézze meg, hogyan változik a szöveg betűmérete a size attribútum különböző értékeinél - 1-től 7-ig.

A size attribútum értékeként 1 és 7 közötti számokat is használhat + (plusz) vagy - (mínusz) jellel. BAN BEN ebben az esetben a betűméret ennek megfelelően nő vagy csökken az eredetihez képest, például a címkék A betűméret egy szinttel nő a jelenlegihez képest. Nézd meg.

Állítson be 5-öt a szóban forgó szövegrész size attribútumának értékeként: . Ennek a darabnak a HTML-kódja a következő legyen:

Itt megismerheti tevékenységünket, cégünk szoftvertermékeit és az általunk gyártott berendezéseket.

Címkékben A color attribútum használható a szöveges címkék által korlátozott betűtípus színének meghatározására is. Ennek az attribútumnak a jelentése megegyezik a korábban tárgyalt attribútumokkal, amelyek a dokumentum hátterének és szövegének színét írják le.

Alapértelmezés szerint az Itt megtudhatja... szövegű bekezdés balra van igazítva. Vízszintesen központosítsa a címkék segítségével

. A bekezdést címkék segítségével is igazíthatja az oldal jobb széléhez vagy balra - címkék használatával .

Címkék beszúrása

a kijelölt bekezdésre korlátozva azokat.

Felhívjuk figyelmét, hogy címkéket használtunk a bekezdés közepére

, ellentétben a címkékben használt align="center" attribútummal

.

Figyelem! 2010-es címkékhez ,

, , elavultnak minősülnek, ezért a stílusok analógjait kell használni. Ez nem jelenti azt, hogy nem használhatod őket, de ha tudsz, próbálj meg megszabadulni tőlük.

=

=

=

=

=

Számos egyéb elavult címke is létezik, amelyeket nem lehet leírni ebben a cikkben, ezért jobb, ha azonnal megismerkedhet a speciális webhelyekkel ez a probléma. De a főbbeket egy kicsit feljebb tettem ide

Kiosztási kódok

A HTML nyelv kétféle megközelítést tesz lehetővé a szövegtöredékek betűtípus kiválasztásához. Egyrészt közvetlenül jelezheti, hogy a szöveg bizonyos szakaszán a betűtípus lehet félkövér vagy dőlt, vagyis egyértelműen jelezheti a szöveg betűstílusát, ahogy ebben a kísérletben is tettük. Másrészt bármely szövegrészt megjelölhet a megszokottól eltérő logikai stílusúnak, a stílus értelmezését a böngészőre bízva. Így a logikai stílus megmutatja egy szövegrész szerepét, például annak óriási jelentőségét a hétköznapi szöveghez képest, vagy azt, hogy ez a darab idézet. Saját munkájában használhat további címkéket, amelyek logikai stílusokat határoznak meg. Ellenőrizze, hogyan működnek különböző böngészők.

- egy szó meghatározására szolgál. A szöveg alapértelmezés szerint dőlt betűvel van szedve.

- a szavak kiemelésére és megerősítésére. A szöveg alapértelmezés szerint dőlt betűvel van szedve.

- a könyvek, filmek, előadások stb. címének kiemeléséhez alapértelmezés szerint dőlt betűvel jelenik meg.

- programkód töredékekhez. A kijelzőn fix szélességű betűtípussal jelenik meg.

- a felhasználó által a billentyűzetről beírt szövegekhez használatos. Különböző betűtípusokkal jelenhet meg a különböző böngészőkben. A címke elavult.

- programüzenetek megjelenítésére szolgál. Rögzített szélességű betűtípussal jelenik meg. A címke elavult.

- különösen fontos töredékekhez. Általában félkövérrel van kiemelve.

- azt jelzi, hogy egy szövegrész vagy szó szimbolikus változó, más szóval olyan szöveg, amely különböző kifejezésekkel helyettesíthető. Alapértelmezés szerint dőlt betűvel jelenik meg. A címke elavult.

A HTML 4.0 specifikáció fejlettebb módszert kínál a szöveg és más részek stílusának megadására – egy speciális CSS (Cascading Style Sheets) nyelv használatával. A stíluslapok óriási eredményt jelentenek a WEB-tervezés területén, kiterjesztve az oldalak megjelenésének javítási lehetőségeit. A stíluslapok segítségével egyszerűen meghatározható a sorköz, a kitöltés, a szöveghez és a háttérhez használt színek, a betűméret és -stílus stb. A HTML legtöbb része stílusattribútum segítségével alakítható ki, amely egy elem nyitó címkéjébe kerül. A stílus attribútum értéke a „tulajdonság: érték” formátumú párok. Például a szakaszfejlécet leíró kódrészletben

a style="color: blue" attribútum megadja, hogy a color tulajdonság kék értéke legyen, vagyis az első szintű fejléc szövege kék színben jelenjen meg.

A stílusokhoz igazítás

Nézzük meg, hogyan használhatjuk a Cascading Style Sheets nyelvet egy olyan szövegrész stílusának megadására, amely a következő szavakkal kezdődik: Itt megtudhatja...

A betűvastagság megadásához használja a font-weight tulajdonságot lighter (narrow), bold (félkövér), félkövér (félkövér), például style="font-weight: bold" értékekkel.

A dőlt stílus meghatározásához használja a font-style tulajdonságot a dőlt értékkel. Ezért ahhoz, hogy a szöveget félkövér dőlt stílusban adhassa, a stílusattribútumot a következőképpen kell megkeresnie: style="font-weight: bold; font-style: italic". Figyelem: a jellemzőket tetszőleges sorrendben lehet elhelyezni, és pontosvesszővel kell elválasztani.

Ha meg kell adni a betűméretet, akkor használja a font-size tulajdonságot, amelynek értékei megadhatók relatív vagy abszolút értékben. A relatív értékek százalékok, abszolút értékként pedig pontokat (pt), pixeleket (px), centimétereket (cm), millimétereket (mm) használunk. Például:

style="font-size: 200%"

style="font-size: 16pt"

style="font-size: 100px"

Az abszolút, nem pedig a relatív méretek megadásával megfosztja az oldalait megtekintő felhasználókat attól a lehetőségtől, hogy a böngésző menüparancsával növeljék vagy csökkentsék a betűméretet elképzelésüknek és monitorfelbontásuknak megfelelően. A betűtípusok csak az Ön által megadott méretben jelennek meg. Ezért jobb a betűméretet százalékban megadni. Ebben az esetben a betűméret egy meghatározott százalékkal kisebb vagy nagyobb lesz, mint az alapértelmezett HTML-címkével formázva.

A vízszintes szövegigazítási módszer meghatározásához használja a text-align tulajdonságot a balra (balra), jobbra (jobbra), középre (középre), sorkizárásra (szélességre) vonatkozó értékekkel. Így annak jelzésére, hogy az Itt tanulni fog... szöveget félkövér, dőlt stílusban kell formázni, az eredeti 150%-ának megfelelő méretben, és középre igazítva, a stílusát a következőképpen kell keresni:

style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

Ezt az attribútumot fogjuk használni a címkékben<р>, amelyek lehetővé teszik a szöveg külön bekezdésként történő bemutatását.

Szerkesztés HTML elem, beleértve a szöveget Itt megtudhatja... a címkék eltávolításával

, , , és címkék beszúrása<р>Ésa style attribútummal úgy, hogy ez az elem a következő formában legyen:

<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Itt megismerheti tevékenységünket, cégünk szoftvertermékeit és az általunk gyártott berendezéseket

Látod, a HTML lehetővé teszi a használatát különféle módszerek stílusos kialakítás. A CSS lépcsőzetes stíluslapnyelv használata azonban kívánatosabb.

Egyéb igazítási és formázási lehetőségek

A stíluslapok nyelvének egyetlen használati esetét láttuk, ahol a stílusdefiníció kifejezetten a leírandó elem címkéjén belül van elhelyezve.

Ez a stílus attribútum használatával történik, amelyet a legtöbb szabványos HTML címkével használnak. De a CSS-nek más felhasználási területei is vannak.

A szabványos HTML-ben stíluslapok bevezetése nélkül minden elemhez bizonyos paraméterek hozzárendeléséhez, például szín, méret, pozíció az oldalon és hasonlók, minden egyes elemnél fel kell vázolni ezeket a jellemzőket, még akkor is, ha 10 oldal. egy oldalon kell elhelyezni.ki olyan részeket, amelyek nem különböznek egymástól. Ugyanazt a HTML-kódot tízszer kell beszúrni egy oldalba, növelve a fájl méretét és az internetről való letöltés idejét.

A stíluslapok másképp, kényelmesebben és gazdaságosabban működnek. Ha bizonyos jellemzőket szeretne hozzárendelni egy elemhez, egyszer fel kell vázolnia ezt az elemet, meg kell keresnie ezt a leírást stílusként, majd egyszerűen jeleznie kell, hogy a tervezni kívánt elemet megfelelő módon, fel kell vennie az általad leírt stílus jellemzőit. Kényelmes, nem?

Sőt, a stílusleírást nem a weblapod szövegébe mentheted, hanem be külön fájl- ezzel tetszőleges számú weblapon használhatja a stílusleírást. Egy másik kapcsolódó előny az, hogy tetszőleges számú oldal kialakítását módosíthatja, csak a stílusleírást javítva egy külön fájlban.

Ezenkívül a stíluslapok nyelve lehetővé teszi, hogy még többet dolgozzon az oldalak betűtípus-kialakításával a legmagasabb szint mint a szabványos HTML.

Jelenleg a CSS nyelv meglehetősen sok paraméterrel rendelkezik a HTML egyes részeihez, amelyeket vezérelhet. A „safe”, vagyis a legtöbb böngészővel kompatibilis, CSS elemekkel - betűtípus jellemzőkkel, rész- és háttérszínekkel, szöveg- és szegélyjellemzőkkel - használatával jelentősen megkönnyítheti munkáját, és vonzóbbá teheti weblapjait a szövegtervezés.

A betűtípus vastagságának meghatározása a használatával történik CSS attribútum font-weight, amely a következő értékeket veheti fel:

  • öngyújtó- könnyebb
  • Normál- közönséges
  • bátor- zsír
  • merészebb- zsírosabb
  • 100..900 - a 100 a legvékonyabb betűtípusnak felel meg; 900 - a legkövérebbeknek

Tulajdonság betű stílus(betűstílus) dőlt betűs íráshoz használatos, és a következő értékeket veheti fel:

  • dőlt- dőlt, a szöveg szélei lekerekítettek
  • Normál- közönséges
  • ferde- dőlt

Tulajdonság font-variáns(betűtípus) kis nagybetűkkel írható, és a következő jelentéseket veheti fel:

  • Normál- közönséges
  • smaoo-sapkák- kis sapkák

A félkövér, dőlt és kis nagybetűk mellett számos más népszerű stílus is létezik: aláhúzás és felsorolás.


Tulajdonság szöveg-dekoráció(szövegdíszítés) a szöveg aláhúzására szolgál, és a következő jelentéseket veheti fel:

  • pislogás- villogó szöveg (az IE nem támogatja)
  • vonalvezetés- áthúzott szöveg
  • egyik sem- változtatás nélkül
  • overline- sor a szöveg felett
  • aláhúzás- aláhúzott szöveg

Tulajdonság szöveg-átalakítás(szövegkonverzió) a kis nagybetűk használatára szolgál, és a következő értékeket veheti fel:

  • nagybetűvel írjuk- minden szó nagybetűvel kezdődik
  • kisbetűvel- minden szöveg kisbetűvel van írva
  • egyik sem- változtatás nélkül
  • nagybetűs- minden szöveg nagybetűvel van írva

Használati példa font-weight, betű stílus, szöveg-dekoráció, szöveg-átalakítás: 9. példa

Az oldal HTML kódja:

Névtelen

"Oroszország aranygyűrűje"(az ókorban Zalesye), egy turisztikai útvonal, amely magában foglalja az ősi orosz városok hálózatát: Szergijev Poszad, Pereszlavl-Zalesszkij, Rosztov Velikij, Jaroszlavl, Kostroma, Ples, Vlagyimir, Bogolyubovo, Suzdal, Jurjev-Polszkij, Uglics. A Zalesie név elsősorban földrajzi, mindent jelentett, ami a Kijevi Rusz kapcsán „erdőn túl” volt.


A történelmi városokon áthaladó turistaút (1970 eleje óta működik) öt régión halad át - Moszkva, Jaroszlavl, Kostroma, Ivanovo, Vlagyimir. E vidékek ősi városainak megvan a maguk sorsa, saját múltjuk. Nehéz utat jártak be történelmi fejlődésük során születésük első napjaitól napjainkig. Sok minden menthetetlenül elveszett ezen a hosszú úton. A közömbösség és a hanyagság az egyedi épületek részleges vagy teljes lerombolásához vezet, például Kalyazin, Mologa, Uglich városaiban. Az uglicsi vízierőmű építése során felrobbantották és víz alá került az ősi Pokrovszkij-kolostor a 15-17. századi egyedülálló műemlékekkel. Az uglichi templomok felét lebontották, a kolostorok kerítését lebontották, ami tönkretette az együttes épségüket. A restaurátorok erőfeszítéseinek köszönhetően több tucat, helyrehozhatatlanul elveszettnek tűnő ókori építészeti objektumot sikerült kihozni a romos állapotból és megmenteni a pusztulástól. Eredeti formájukban újra életre kelt: az uglichi Feltámadás kolostor (1674-77) építészeti együttese, a Nerl-i könyörgés temploma (XII. század), a Demetrius-székesegyház (XII. század) és Vlagyimir „Aranykapuja” , Szent György-székesegyház (XII. század) Jurjev-Polszkij, az ókori Suzdal műemlékei, ahol komplex munkát végeztek a történelmi épületek helyreállításán az egész városon belül, a város-múzeum. Kostromában és Suzdalban ismét létrejöttek a Faépítészeti Múzeumok teljes építészeti komplexumai. Mindez emberi kéz alkotása, amely megérintette az orosz föld védett területeit.

A HTML néhány lehetőséget kínál a szövegtervezés terén. Ma elmondom, hogyan készítsünk dőlt betűtípust a HTML-ben, mind szabványos, mind nem szabványos betűtípusban. A második esetben néhány dolgot figyelembe kell vennie, hogy minden működjön.

Hogyan írjunk dőlt betűt html-ben?

Hadd kezdjem azzal a ténnyel, hogy 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ában az em-et arra kell használni, hogy kiemeljék azokat a szavakat, amelyeket speciális intonációval kell kiejteni, és én egyszerűen csak vizuálisan kiemeli a szöveget. De ne aggódjunk emiatt, mert nem tudjuk, hogy ez valóban így van-e.

Melyek a dőlt szöveg CSS-tulajdonságai?

Ez a betűtípus-stílus tulajdonság, értéke dőlt betűs. Létezik a ferde érték is, és 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, részletek erről és másokról css tulajdonságait a szöveghez olvassa el a megfelelő cikket, ahol minden rendben van.

Hogyan jelenítsünk meg egy nem szabványos betűtípust dőlt betűvel?

A helyzet az, hogy ha nem szabványos betűtípust csatlakoztat a Google Fonts segítségével, akkor ebben az esetben be kell jelölnie a négyzetet legalább 1 dőlt betűstílus csatlakoztatásakor. Ha ez nem történik meg, akkor amikor megpróbál egy ilyen betűtípust dőlt betűvel írni, akkor az egyik szabványos betűtípus dőlt betűje 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 a betűtípus-kapcsolat töredékét láthatja 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ágokat használja, ez a betűtípus valóban dőlt betűs lesz, és nem valami más.

Így megvitattuk a dőlt betűvel való munka során felmerülő összes pontot. Nem merem tovább fogva tartani.

Üdvözöllek benneteket, akik szeretik valami újat kitalálni és tudástárukat feltölteni. új információ! A cikk elolvasása után tudni fogja, hogyan kell csinálni miniatűr a html-ben milyen más stílustípusok léteznek, és mely elemek felelősek ezért. Ennek eredményeként az Ön webhelye olvasható szöveggel büszkélkedhet, és a kulcspontok megfelelően vannak kiemelve.

A korábbi cikkekben sokat beszéltem a webnyelvek attribútumairól, címkéiről, a tervezési módszerekről kinézetés , de soha nem érintett egy bizonyos tárgyat, amely nélkül egyetlen helyszín sem tudott fennmaradni. Ez szöveg.

Sőt, nem csak egy folyamatos betűkészlet, hanem kompetensen bekezdésekre bontva, kiemeléssel kulcsszavakat, idézetek, linkek stb. Erre a célra a CSS nyelvek speciális stíluseszközöket biztosítanak. Kezdjük el!

Stílusbeállítások html-ben

A szöveges tartalom betűtípusa mindig módosítható. Beállíthatod például félkövérre vagy dőltre, és díszítheted is. Ehhez vannak egyszerű címkék, amelyeket nagyon könnyű megjegyezni, majd alkalmazni. Az alábbiakban található egy táblázat az elemekről, amely elmagyarázza a céljukat.

Először nézzük meg a félkövér szövegelemeket.

A betűk vastagságának növelésére vannak párosított címkék, mint pl És . Ezeknek az eszközöknek a használata ugyanúgy jelenik meg, mert félkövérrel formázzák a szöveget. Céljuk azonban más. Ezért nem nevezhetők egyenértékűnek, és csak az egyik nem használható.

Igen, tag azzal a feltétellel jött létre, hogy a szabványos betűtípust gazdagra és vastagabbra kell cserélni. Utal valamire fizikai megjelenés betűtípust, és nem hordoz szemantikai terhelést. Tegyük fel, hogy ez csak egyfajta tesztkijelző.

A célja, hogy a figyelmet egy kulcsfontosságú pontra irányítsa. Ez egy logikai elem, amely az intonáció révén kiemelkedik a beszélgetés során.

Most nézzük a címkéket, mint pl És .

Dőltre formázzák a szabványos betűtípust. Azt hiszem, logikus kérdést tesz fel: „És ezek az elemek a címkék elve alapján is különböznek egymástól És ?. A kérdés helyes. És igazad van!

Valóban, a jelölőnyelvi egység hangsúlyt helyezve arra tervezték fontos pontokatés részleteket, miközben csak egy változata a tartalom megjelenésének.

Eszközök a betűtípusok módosításához css-ben

A CSS nem marad el, és hasonló eszközöket kínál a fejlesztőknek a szövegszerkesztéshez. Ezek olyan tulajdonságok, mint a szövegdekoráció és a betűtípus.

– ez egy univerzális paraméter, amely bizonyos részletekkel kiegészíti a betűtípust. Így a szöveg „kényszerezhető” villogásra (villogásra), aláhúzásra (aláhúzásra) vagy áthúzásra (áthúzásra), vonalat húzhat a szavak fölé (overline), örökölheti a szülőobjektum jellemzőit (inherit) vagy törölheti. az összes kiegészítés betűformátuma (nincs).

A szövegtartalom szerkesztésének második gyakran használt mechanizmusa a font tulajdonság. Segítségével módosítható a betűstílus (font-style), mérete (font-size), beállítható a nagybetűk, pl. jelezze a kisbetűk típusát (font-variáns), valamint „játsszon” a stílussal (font-weight).

És itt van egy példa

Az összes fentebb megosztott információ figyelembevételével megpróbálunk egy példakódot létrehozni, amelyben a megszerzett tudást a lehető legtöbbet hozzuk ki (emlékeztem, hogy a kód begépelhető).

Szöveg módosítása

Hozzon létre egy címet új bekezdés!

Magának a bekezdésnek a szöveges tartalmát írjuk, ami villogó .



Futtassa a példát egy böngészőben, és figyeljen a stílusra. Így a címet könnyed, ferde stílusban, a mondat fölött aláhúzással emeljük ki. A bekezdés kis nagybetűkkel jelenik meg. Ugyanakkor vannak logikai és fizikai szavak kiosztása a szövegben.

Most már szerkesztheti a szöveges tartalmat az összes szabály szerint. Iratkozz fel a blogfrissítésekre, és hívj meg barátokat. Viszlát!

Üdvözlettel, Roman Chueshov

A telítettség a betűvonalak vastagságának és ennek megfelelően a kontraszt növekedését jelenti. Általában négyféle súly létezik: könnyű, normál, félkövér és merész. HTML használatával azonban csak normál és félkövér stílusokat állíthat be. A félkövér szöveg beállításához két címkét kell használni: És .

Félkövér betűstílus Erős szövegkiemelés

Dőlt stílus

A dőlt betűtípus nem csupán az egyes karakterek ferdítését jelenti, hanem egyes betűtípusok esetében a teljes áttervezést egy új stílusra, amely utánozza a kézírást. A szöveg dőlt betűjét két címke határozza meg: És .

Dőlt betűstílus Szöveg kiválasztása

Meg kell jegyezni, hogy a címkék És , szintén És noha hatásukban hasonlóak, nem teljesen egyenértékűek és felcserélhetők. Első címke - egy fizikai jelölőcímke, amely beállítja a szöveg és a címke félkövér stílusát - logikai jelölő címkével és kiemeli a megjelölt szöveget. A címkék logikai és fizikai formázásra való felosztása eredetileg a HTML univerzálissá tételét szolgálta, beleértve a kimeneti eszköztől független. Elméletileg, ha például beszédböngészőt használ, akkor a szöveget címkékkel formázza És , másképp lesz megjelölve. Kiderült azonban, hogy a népszerű böngészőkben ezeknek a címkéknek az eredménye egyenértékű.

A 7.5. példa a címkék használatát mutatja be És szövegek formázásához.

7.5. példa. Címkék És

Szöveges díszítés

Hol vannak a sütik és a holdfény?! - - kiáltott fel a Rosszfiú.



Ennek a példának az eredménye az ábrán látható. 7.5.



Kapcsolódó kiadványok