A dőlt betűtípus az egyik legnépszerűbb módja egy szövegrészlet kiemelésének és bizonyos jelentőséget adásának. Ideális idézetekhez, lábjegyzetekhez, címekhez és tulajdonnevekhez. A HTML-ben két speciális címke található a dőlt betűs megjelenítéshez. A CSS-ben a dőlt betűt a font-style tulajdonság szabályozza.
Dőlt vagy dőlt betűtípus?
Ugyanazon betűtípus dőlt betűs megjelenítése eltérő lehet.
A képen három szövegblokk látható ugyanazzal a Playfair Display betűtípussal. Az első normál római stílusban, míg a második és a harmadik dőlt betűs. Ugyanabban a Google Chrome böngészőben vannak megnyitva, de teljesen másképp néznek ki.
A helyzet az, hogy néhány betűtípus saját dőlt karakterkészlettel rendelkezik. Ha a böngésző nem fér hozzá ehhez a készlethez, de olyan szöveggel találkozik, amelyet dőlt betűvel kell megjeleníteni, akkor megpróbálja önállóan ferdíteni.
A második blokkban - éppen egy ilyen böngészővel feldolgozott változat, a harmadikban pedig - a Playfair Display betűtípus eredeti, dőlt változata, amely egyedi stílusú, inkább kézzel írt. A böngésző ezzel szemben egyszerűen megdönti a szöveg egyes karaktereit egy bizonyos szögben, dőlt betűt imitálva.
Amikor kitalálja, hogyan lehet dőlt betűt írni CSS-ben vagy HTML-ben, ne feledje, hogy bizonyos betűtípusok esetén meg kell győződnie arról, hogy a böngésző hozzáfér-e a dőlt betűkészletekhez. Egyes esetekben a böngésző döntési algoritmusainak eredménye nem lehet kielégítő.
HTML kurzív
A HTML-ben két speciális címke található a dőlt szöveghez: i (a dőlt szóból) és em. A leírók bármelyikébe zárt szövegrészlet stílusa ugyanaz lesz.
A különbség a logikai elosztásban rejlik. Az em címke a töredék különleges jelentőségét jelzi. Ez fontos keresőrobotok és képernyőolvasók számára, amelyek intonáció segítségével kiemelik a megadott szöveget.
font-stílusú tulajdonság
A CSS-ben a dőlt betűt a font-style utasítás szabályozza. Három alapérték egyikét veheti fel:
- normál - normál betűtípus;
- dőlt - dőlt stílus;
- ferde - ferde stílus.
Jelenleg a legtöbb modern böngésző ugyanúgy kezeli a ferde és a dőlt értékeket, de eredetileg azt feltételezték, hogy az előbbi speciális böngészőalgoritmusok eredménye, amelyek minden karaktert jobbra döntenek.
Ha a keresett betűtípust nem találja a böngésző, akkor a dőlt betű pontosan ugyanúgy fog kinézni, mint a ferde betűtípus.
Az em címkével ellentétben nem tulajdonít különösebb jelentőséget a kiemelt töredéknek, inkább az i leírónak felel meg.
Példák
Az idézetek gyakran dőlt betűvel vannak kiemelve. Próbáljuk meg szépíteni.
Idézet ( betűstílus: dőlt; bal szegély: 5 képpont, tömör lila; kitöltés balra: 20 képpont; )
A jobb oldali dekoratív szegélyen és a kitöltésen kívül az idézőjelben van egy dőlt betűs betűstílus szabály.
Dőlt CSS-t állít be.
Most megvizsgáljuk a fő címkéket. Kezdjük azzal, hogy milyen címkék szükségesek az oldalon, kialakítva annak szerkezetét.
Blokk . A legegyszerűbb oldal felépítése
A webhely oldala egy egyszerű szöveges fájl a kiterjesztéssel .html. Ebben a fájlban a HTML-oldal szövege a címkékkel együtt tárolva van. Ennek a fájlnak a következő címkékkel kell rendelkeznie: tag , aminek a teljes webhely szövegét kell tartalmaznia (mindent, ami ezen a címkén kívül van, a böngésző figyelmen kívül hagyja), és benne kell lennie még két tagnek: tag
oldalszolgáltatás tartalmához és címkéjéhez - a fő szöveghez, amely a böngésző képernyőjén látható.Szolgáltatási tartalomban, amely a címke belsejében található
, sokféle dolog jön be, de egyelőre csak kettőre van szükségünk. Ez egy címkeA címke előtt is konstrukciót általában írják doctype, amely megadja a HTML nyelv verzióját, amelyen a webhely készült. A nyelv jelenlegi verziója az ötös számú, és a hozzá tartozó dokumentumtípusnak így kell kinéznie: .
Tehát nézzük meg az oldal alapvető szerkezetét (a példa böngészőben való futtatásához másolja ki egy szöveges fájlba a kiterjesztéssel .htmlés nyissa meg a böngészőben, ha problémái vannak ezzel - nézze meg az alábbi videót egy példa):
Hogy néz ki ez a példa a böngészőben, lásd ezt a linket.
Azt hiszem, miután elolvastad az oldal alapvető felépítését, még mindig van némi zavarod a gyakorlatban. Ezért készítettem egy speciális videót, amiben megmutatom, hogyan készítsd el az első HTML oldaladat és futtasd le böngészőben (ebben az oldal címéről, kódolásokról, kódtervezésről is szó lesz). Nézze meg, és csak ezután folytassa a további olvasást:
Nos, most, miután megtanultuk a legegyszerűbb oldalak létrehozását, áttérünk a címkén belül használható hasznos címkék megtanulására.
. Ezek a bekezdések, címsorok, listák, hivatkozások és egyéb hasznos dolgok címkéi lesznek. Tehát kezdjük.Blokk . bekezdések
Az oldal egyik fő eleme az bekezdések. Összehasonlíthatóak egy könyv bekezdéseivel - minden bekezdés új sorban kezdődik, és van egy úgynevezett piros vonala (ekkor a bekezdés szövegének első sora kissé jobbra behúzódik). Alapértelmezés szerint nincs piros vonal, de könnyű megtenni (erről később).
A bekezdés egy címke használatával jön létre
És így:
Ez egy bekezdés.
Ez egy másik bekezdés.
És még egy bekezdés.
Ez egy bekezdés.
Ez egy másik bekezdés.
És még egy bekezdés.
Blokk . A h1, h2, h3, h4, h5, h6 címsorok
A bekezdések mellett fontosak az oldalon főcímek. Összehasonlíthatóak egy könyv címsoraival is – minden fejezetnek megvan a maga címe (a fejezet címe), és bekezdésekre van osztva, amelyeknek szintén megvannak a saját címsorai. Nos, az oldal fő szövege bekezdésekben van.
Hírek létrehozása folyamatban van címkék segítségével
,
,
,
,
,
. Változó fontosságúak. A címben h1 kellett volna a teljes HTML oldal címe, V h2- Név blokkok oldalak, be h3- alblokkok neve és így tovább.
,
,
,
. Változó fontosságúak. A címben h1 kellett volna a teljes HTML oldal címe, V h2- Név blokkok oldalak, be h3- alblokkok neve és így tovább.
,
. Változó fontosságúak. A címben h1 kellett volna a teljes HTML oldal címe, V h2- Név blokkok oldalak, be h3- alblokkok neve és így tovább.
Alapértelmezés szerint minden címsor félkövér, és eltérő méretű (ez CSS-en keresztül módosítható, de erről később). Lásd a példát:
Címsor h1
címsor h2
címsor h3
címsor h4
címsor h5
címsor h6
Ez az első bekezdés.
Ez a második bekezdés.
Ez a harmadik bekezdés.
Így fog kinézni a kód a böngészőben:
Címsor h1
címsor h2
címsor h3
címsor h4
címsor h5
címsor h6
Ez az első bekezdés.
Ez a második bekezdés.
Ez a harmadik bekezdés.
Blokk . Zsíros
Már tudja, mik az alapértelmezett fejlécek zsíros. Az egyszerű szöveget azonban félkövérre is szedheti – csak helyezze el egy címkébe . Lásd a példát:
Ez sima szöveg és ez zsíros szöveg.
Így fog kinézni a kód a böngészőben:
Ez sima szöveg és ez zsíros szöveg.
más címkén belül kell használni, például egy bekezdésben. Ebben az esetben a bekezdések hozzák létre az oldal általános szerkezetét (bekezdések és címsorok), valamint a címkét b Az egyes szövegrészeket félkövérré teszi.
Blokk . Dőlt betűs
A zsíros mellett azt is megteheti dőlt betűvel a címke segítségével :
Ez sima szöveg és ez dőlt szöveg.
Így fog kinézni a kód a böngészőben:
Blokk . Listák
A bekezdések és címsorok mellett van még egy fontos eleme az oldalnak - ez listákon. Az ilyen elemek valószínűleg minden internetfelhasználó számára ismerősek. Valaminek (egy listának) pontról pontra történő felsorolását képviselik. Minden listaelem mellett általában egy kitöltött kör található (úgy hívják jelző lista).
A listák címkével jönnek létre
- , amelynek címkéket kell tartalmaznia
- . Címke ul magát a listát és a címkékben állítja be li listaelemeket kell lefektetni (azaz egy li egy listajelzőnek felel meg). Ne feledje, hogy a li címkék nem használhatók önmagukban. Lásd a példát:
Ez a cím címe - A lista első eleme.
- A lista második eleme.
- Harmadik elem a listán.
Így fog kinézni a kód a böngészőben:
- A lista első eleme.
- A lista második eleme.
- Harmadik elem a listán.
Tag segítségével létrehozott listák ul, hívják rendezetlen listákon. Ezt a nevet azért kapták, mert ilyenek is vannak elrendelte listák, amelyeken pontjelölők helyett számjegyek lesznek. Az ilyen listákon az ul címke helyett a címke található
- , és az ilyen listák elemei is címkéken keresztül jönnek létre li.
- A lista első eleme.
- A lista második eleme.
- Harmadik elem a listán.
- A lista első eleme.
- A lista második eleme.
- Harmadik elem a listán.
- arc- maga a betűtípus. Például Arial, Courier vagy Verdana. Felsorolhatsz néhányat, mert. nem minden felhasználó rendelkezik kiterjedt betűkészlettel, és ha többet ír az arc attribútumába, a böngésző kiválaszthatja, hogy melyiket használja, vagy inkább melyik van jelen a rendszerben;
- méret egy attribútum, amely a szöveg méretét határozza meg. Tetszőleges egységekben és pixelekben is kifejezhető;
- szín- szöveg szín. Ez az attribútum HTML színkódokban és verbális színkódokban egyaránt használható. Az előbbiek úgy néznek ki, mint #FFFFFF (ahol F tetszőleges szám vagy betű A-tól F-ig), míg az utóbbiakat egyszerű szavakkal írják (például a piros az piros).
- Címke én HTML;
- Címke em HTML;
- CSS tulajdonság betű stílus.
Készítsünk egy rendezett listát egy címke segítségével ol:
Ez a cím címe
Így fog kinézni a kód a böngészőben:
A rendezett listák kényelme, hogy bárhol beszúrhatok egy új listaelemet - és a számozás újraépül (vagyis nem kell követnem változás esetén, mint ha én rendezném manuálisan).
Blokk . Linkek
Linkek azok az elemek, amelyek az internetet internetessé teszik. A hivatkozásokra kattintva az oldal egyik oldaláról a másikra léphetünk. Ha nem lennének, az internet csak olyan oldalak gyűjteménye lenne, amelyeknek semmi közük egymáshoz.
Ez a cím címe Hivatkozás a phphtml.net oldalra.
Így fog kinézni a kód a böngészőben:
A linkek vannak abszolútÉs relatív, ráadásul az Ön webhelyére és valaki máshoz is vezethetnek. Ezeket a nehéz pillanatokat jobb megmutatni, mint szövegesen leírni, ezért készítettem el nektek az alábbi videót. Nézze meg, és csak ezután folytassa a további olvasást:
Blokk . Képek
Most találjuk ki, hogyan helyezzük el kép webhelyének egyik oldalán. Erre való a címke. , amelynek kötelező attribútuma van src, amely a képfájl elérési útját tárolja.
Hogyan működik, nézzük meg a következő példát:
Ez a cím címe
Így fog kinézni a kód a böngészőben:
Felhívjuk figyelmét, hogy a címke nem igényel zárócímkét.
Blokk . Linkek képek formájában
Link nem csak szöveg lehet, hanem kép- a tag elég ehhez betesz egy címkét , ahogy az a következő példában is történik. Kattints a képre - és a phphtml.net weboldalra mutató hivatkozást követed (a könyvhöz későbbi visszalépéshez kattints a böngészőben a "vissza" gombra):
Ez a cím címe
Így fog kinézni a kód a böngészőben:
Blokk . Sortörés
Ne feledje, mi történik, ha például két bekezdést ír egymás mellé - ebben az esetben az egyes bekezdésekben található szöveg a következővel kezdődik: új vonalak.
Lássuk ezt a következő példával:
Ez a cím címe Ez az első bekezdés.
Ez a második bekezdés.
Így fog kinézni a kód a böngészőben:
Ez az első bekezdés.
Ez a második bekezdés.
Vannak azonban olyan helyzetek, amikor egy bekezdést szeretnénk, de a benne lévő szöveg egy része új sorban kezdődik. Miért lehet erre szükség? Például szeretnék begépelni egy verset, de nem akarom minden sorát külön bekezdésre bontani, mert ez nem lenne túl logikus.
Ehhez írja be a címkét arra a helyre, ahol a sortörésnek lennie kell
. Vegye figyelembe, hogy ez a címke speciális, és nincs záró címkéje.Nézzük meg, hogyan működik a következő példával:
Ez a cím címe Ez a szöveg első sora
és ez a második.
Így fog kinézni a kód a böngészőben:
Ez a szöveg első sora
és ez a második.Blokk . HTML megjegyzések
Szinte minden programozási nyelvben van olyan, hogy "megjegyzés".
Sziasztok kedves blogolvasók! Ez a cikk arról fog szólni szövegformázó címkék. Kiemelkedő példa a szöveg félkövér vagy dőlt szedése. Megvizsgáljuk néhány címkének a webhely belső optimalizálására gyakorolt hatását és az írási szabályokat is. Erről az alábbi cikkben olvashat. Egyébként sok szövegszerkesztőben találhatunk hasonló szövegtervező elemeket, például a Wordben.
A címkék 2 típusra oszthatók: blokk és soron belüli. Az előbbi használatakor módosíthatja a szöveg egy részének (sorok, egyes töredékek vagy szavak) tartalmát, az utóbbiak pedig . A cikkben tárgyalt formázási címkék túlnyomórészt soron belüliek.
A címkék írásának szabályai és sorrendje
Már tudja, mi a nyitó és záró címkék. Ha nem, akkor olvassa el a cikket az anyag elején. Röviden, kétféle címke létezik: egyszeres (például sortörés
) és konténer (párosítva). Tehát minden szövegformázó címke ilyen párosítva. Ez azt jelenti, hogy minden elemnek van nyitó és záró címkéje, és a kiemelést ezek közé kell helyezni. Például egy kifejezés helyes kiválasztása így néz ki: KiválasztásAmikor a böngésző feldolgozza ezt a töredéket, a következő szöveg jelenik meg: Kiválasztott töredék. Egyébként nem minden címke jelenik meg az RSS-hírcsatornában ().
A címkék írásakor a legfontosabb, hogy ne felejtse el bezárni őket. Ellenkező esetben az oldalon lévő összes szöveg félkövér lesz (a példában a címkével ). De vannak esetek, amikor egy bizonyos töredéket félkövérrel és dőlt betűvel egyszerre kell kiválasztani. De nincs olyan címke, amely végrehajtja ezt a műveletet. Csak egy kiút van ebből a helyzetből: használjon egyszerre két címkét. Nem mindegy, milyen sorrendben használja őket. Ezért írja be a szöveget a következő címkékkel:
Kiválasztás
vagy így:
Kiválasztás
Még mindig kapsz Kiválasztás dőlt és félkövér egyszerre. Érdemes azonban az első lehetőséget használni, mert kezdetben ez volt az egyetlen és helyes. Ne felejtse el azt sem, hogy a beállításoktól függően minden böngésző másként dolgozhatja fel a címkéket (). Most térjünk át magukra a formázási címkékre.
Szöveg félkövér és dőlt szedése - címkék , , És
A legnépszerűbb szövegformázó címkék - ennek kiemelése bátorÉs dőlt betűvel. Általában bármely töredék fontosságának megadására használják. Az első eset egy hasznos információt vagy kulcsszavakat tartalmazó töredék kiemelésére szolgál. A dőlt betűk ugyanazt a célt szolgálják, mint a félkövér szöveg, de az információ kevésbé fontos, mert a dőlt betű kevésbé látható a törzsszöveg hátterében, mint a félkövér szöveg.Kezdjük azzal a szöveg félkövérré tétele. Ehhez a művelethez két címkét használnak − És . Kinézetben nincs különbség. Bár, mivel minden böngésző másként értelmezheti az egyes elemeket, látnia kell néhány különbséget. Így néz ki a címkék szövege És a böngésző által már feldolgozott formában:
Szöveg erős címkékkel
Szöveg a b címkékben
És így néz ki ez a két sor az oldal forráskódjában:
Szöveg erős címkékkel Szöveg a b címkékben
esetében is megfigyelhetjük ugyanezt a helyzetet dőlt címkék És . Próbálja meg megtalálni a különbségeket a két példa között:
Szöveg az em címkékben
Szöveg a címkékben I
És itt a forráskód:
Szöveg az em címkékben Szöveg a címkékben I
Tehát a szóban forgó félkövér és dőlt kijelölési címkék valójában nem különböznek egymástól, de akkor miért van szükségünk pl. ha itt ? Végül is az utóbbi csak egy karaktert tartalmaz (a zárójeleket nem számítva), és ezért könnyebben írható. És az a helyzet, hogy a címkék És befolyásolni . Ha a kulcsszavakat ezekkel a címkékkel veszi körül, az pozitív hatással lesz a webhely népszerűsítésére. A lényeg az, hogy ne vigyük túlzásba – a szöveg legfeljebb 5%-ban félkövér szöveget tartalmazhat a címkében , és ugyanennyi a dőlt betű a címkében .
Ha csak egy pontot szeretne kiemelni a szövegben, akkor használja a címkét vagy . Általánosságban úgy gondolom, hogy a keresőmotorok is fontosabbnak tartják a címkék szövegét, de tovább belső optimalizálás még mindig kisebb a hatásuk, mint És .
Szöveg perjel címkék kiemelése − ,
Most pedig nézzünk meg néhány címkét, amelyek körvonalat használnak a szövegdíszítésben. A leghíresebb szövegszerkesztő, amit ismersz címke vagy aláhúzás. Ez a címke nem befolyásolja a helyezést (amennyire én tudom), de segít kiemelni néhány szöveget, és arra összpontosítani. Adtam egy példát ennek a címkének egy kicsit magasabb használatára.ÉsMég két hasonló címke -
És. Mindkettő az áthúzott szöveg funkcióját tölti be. Ezt a címkét bármilyen helyzetben használhatja: ha egy dokumentumot (vagy inkább annak egy részét) frissíti, kihúzhatja a régit, és hozzáadhat egy újat; ha olyasmit fogsz írni, ami eltér az anyag témájától; valami, ami nem felel meg az erkölcsi és etikai normáknak.A két címke közötti különbség csak a bennük rejlik írás, aminek következtében előnyösebb az elsőt használni, mert egyrészt kényelmesebb írni, másrészt kevesebb HTML kód lesz az oldalon, és a keresők imádják.
Címke és attribútumok - szöveg betűtípus beállításai
Most vegyünk egy olyan címkét, amelyet nem használunk attribútumok nélkül. Ezzel paramétereket állíthat be egy adott szövegrészhez. Általában most előnyösebb a (lépcsőzetes stíluslapok) használata, mert használatukkal nagymértékben csökkentheti az oldal teljes HTML kódját. Tehát vegye figyelembe ugyanazt a címkét . Számára minden megvan három attribútum:
Így néz ki a címke szövege az egyes attribútumok használatával:
Ez a szöveg 6 képpontos
Ez a szöveg piros Ez a szöveg Arial betűtípussal készült Ez a szöveg piros és 5 képpont méretű.És itt van, amit látni fog az írott kód feldolgozása után:
Blokkszöveg tervezési elemek – címsorok
-
, bekezdés
Végül megnézzük a blokkelemeket, amelyeket szinte minden dokumentumban használnak. Ezek cím- és bekezdéscímkék. Tekintsük az elsőt. A címsorok 6 típusúak, és mindegyiknek saját címkéje van. Minden fajnak csak saját sorozatszáma van, és címkékkel rögzítik.
,
,...,
. Így néz ki az összes fejléc feldolgozáskor:
A címszó utáni szám megegyezik a címkében szereplő számmal
. A címsorok óriási hatással vannak az oldal optimalizálására, ezért csomagolja be őket címkékbe kulcsszavakat. Ennek az esetnek jó néhány jellemzője van, amelyeket a következő cikkekben tárgyalok. Most beszéljünk a bekezdéskiválasztó címkéről
Ennek a címkének az a funkciója, hogy üres sorral elválasztja a szöveget a többi hasonló szöveg között. Ha megnézi bármely dokumentum forráskódját, a következőket láthatja:
A zöld téglalapok egy bekezdést tartalmaznak, a piros téglalapok egy másikat. És így néz ki ez a kód a böngésző általi feldolgozás után (a nyíl egy üres sorra mutat):
Ennek eredményeként az egyik bekezdés meglehetősen észrevehető elválasztását kapjuk, ami előnyös - az olvasás kényelmesebbé válik.
Ez a cikk vége dokumentum formázási címkék. Sokkal több van, mint amennyit ebben a cikkben leírtam. Csak néhányról elég sokat kell mesélni, aminek eredményeként külön cikkeket fogunk szentelni nekik teljes ismertetővel.!
Üdvözlet Barátok.
Újabb hosszú szünet után eszembe jutott, hogy régóta nem írtam egy sort sem. Ennek persze megvannak az okai, mert mindig van valami ok, hogy kitalálj magadnak egy kifogást, nem? Valójában minden nap megcsinálom a Videó tanfolyamot, amit már párszor említettem, de egyelőre nem mondok róla többet, hamarosan mindent megtudtok.
Szóval, mivel semmi nem jutott eszébe, amiről írhatna. Elhatároztam, hogy megnézem a statisztikákat, hogy mi a Runet felhasználók érdeklődési köre a HTML, WordPress, DLE és hasonló témákkal kapcsolatban. És tudod mit? Van még miről írni. Úgy tűnik, minden kérdésre, amit találtam, megvan a válasz, de nem mindig érthető formában. És általában érdekessé vált ilyesmit írni.
Beszéljünk ma a HTML-ről. Nevezetesen, hogyan lehet a szöveget félkövérre és dőltre szedni, és beszélni a kiemelésről is.
Tegye félkövérre a szöveget.
A szöveg félkövérré tételéhez nem kell semmit tennie a CSS-stílusokkal, és nem kell más bonyolultságot előidéznie. A HTML már rendelkezik ezzel a képességgel. Ugyanakkor nem csak félkövérre tehetjük a szöveget, hanem válogatás segítségével némi hangsúlyt is fektethetünk rá. A hangsúly a keresőmotorokon vagy néhány speciális böngészőn vagy programon lehet. A lényeg, hogy ne vigyük túlzásba a szöveg hangsúlyozását egy cikkben vagy valamilyen információt tartalmazó oldalon, mert ez káros hatással lehet legalább ennek a HTML oldalnak a népszerűsítésére.
Tehát, hogy csak félkövér legyen a szöveg, használhatjuk a címkét . Ez a címke a fizikai jelölés elemeire utal, miközben a szöveget félkövérre állítja anélkül, hogy bármiféle hangsúlyt helyezne rá. Ez a címke párosítva van, ami azt jelenti, hogy van nyitó és záró címkéje is. Továbbá, mivel az elem soron belüli, blokk szintű elemben kell lennie, mint pl
Példa a kódra:
miniatűr
Eredmény:
miniatűr
Ebben az esetben csak félkövérre szedtük a szöveget és ennyi.
De előfordul, hogy nemcsak kiemelnünk kell a szöveget, hanem koncentrálnunk is rá. Ehhez használhatjuk a logikai jelölő címkét . Nem csak az ezzel a címkével kiemelt szövegnek van nagyobb súlya a keresőmotorok számára. De elméletileg különböznie kell a címkétől beszédböngészőkben, például intonációban. Ezt az információt azonban sem megerősíteni, sem cáfolni nem tudom, igaz?
Ebben az esetben minden pontosan ugyanaz, mint a tokban, egyszerű, félkövér kijelöléssel, csak mi teszünk ékezetet, és nem csak kijelölést.
Példa a kódra:
Eredmény:
Minden nagyon egyszerű, nem?
Dőlt szöveget.
Ebben az esetben minden nem nehezebb, mint az elsőben. És a helyzetünk pontosan ugyanaz. A HTML-ben két lehetőséggel tudunk szöveget kiemelni. Ismét akár fizikai jelölőcímke, akár logikai jelölőcímke használatával, amelyek segítségével ismét a kiválasztott szövegre fókuszálunk.
A szöveg dőltté tételéhez a címkét használjuk . Ez az elem páros és soron belüli, ami azt mondja nekünk, hogy használnunk kell a nyitó és a záró címkét is. És egy blokk elemen belül is kell használni. És ebben az esetben a legmegfelelőbb blokkelem a bekezdéscímke.
Példa a kódra:
szöveg dőlt betűvel
Eredmény:
szöveg dőlt betűvel
És természetesen a szöveget egyúttal kiemelhetjük, ha a címke használatával dőlt betűvel szedjük . Ez az elem ugyanaz, mint , kivéve, hogy a szöveg félkövér helyett dőlt betűs.
Példa a kódra:
a szöveg, amelyre összpontosítottunk
Eredmény:
a szöveg, amelyre összpontosítottunk
És az utolsó dolog, amiről ma beszélni szeretnék, a szöveg színekkel történő kiemelése.
Sajnos nincs címkénk a szöveg színes kiemelésére a HTML-ben. De ennek ellenére nincs semmi bonyolult ebben a módszerben.
Tehát annak érdekében, hogy a szöveg egy részét színnel kiemeljük, a kívánt szövegrészt becsomagolhatjuk egy címkével , amely egy általános címke, és egy blokk elemen belül használatos. Esetünkben a blokk elem a tag
De hozzá nem elég. Meg kell adni a stílus paramétert is, amely lehetővé teszi, hogy CSS-tulajdonságokat adjon a szükséges szöveghez, adja meg magát a tulajdonságot (szín), amely segít egy adott szín beállításában. Végül pedig adja meg a színtulajdonság értékét. De felmerülhet a kérdés: „Mit kell jelezni?” Meg kell adni annak a színnek a HTML kódját, amelyre a szöveget "festeni" akarjuk. HTML színkódok találhatók.
Most, hogy világosabb legyen, nézzünk egy példát.
Kódpélda.
szöveget kiemelni szín
Ebben az esetben egy szót emelünk ki: szín. Arra is szeretnék rámutatni, hogy a egy pár, és ott kell zárnunk, ahol a tulajdonságnak véget kell vetnie.
Eredmény:
szöveget kiemelni
Ilyen egyszerű módokon manipulálhatjuk oldalunk szövegét. Azt is szeretném megjegyezni, hogy mindaz, amiről az imént beszéltünk, működik WordPress-en és DLE-n is, mivel bármelyik motor HTML-t használ az oldalak megjelenítésére. Ezért a HTML minden webhely alapjának nevezhető, függetlenül attól, hogy milyen CMS-sel rendelkezik.
Remélem mindent érthetően elmagyaráztam.
Sok sikert barátok. Hamarosan... Érdekes hírek lesznek...
A jelenlegi cikkben a szöveg kiemelésének módjáról fogunk beszélni. dőlt betűvel HTML. A félkövér szöveghez hasonlóan a dőlt szöveg háromféleképpen készíthető:
Tekintsük mindhárom lehetőséget, hogyan lehet dőlt betűt írni a HTML-ben, beszéljük meg ennek a kérdésnek a finomságait, valamint azt, hogy bizonyos helyzetekben mely módszerek kényelmesebbek és helyesebbek.
Dőlt szöveg: címke
Címke én(dőlt), a címkével analóg módon b félkövér szöveg esetén fizikailag kiemeli a dőlt szöveget (ez azt jelenti, hogy csak a szöveg stílusa változik). Címke alkalmazás én:
"Nubex" weboldal készítő
Így a kívánt szövegrész a címkék közé kerül .
Dőlt szöveg: címke
Bár a címke énérvényben marad, az oldal optimalizálás szempontjából érdemesebb a címkét használni em hogy kiemeljem a szöveg logikailag fontos részeit. Ez azt jelenti, hogy a keresőrobotok figyelembe veszik a címkék közé helyezett szöveg fontosságát. :
Weboldal készítő "Nubex"
Eredmény:
Weboldal készítő "Nubex"
De ne felejtsük el, hogy a címkékbe zárt szöveg énÉs em, bár majdnem ugyanúgy jelennek meg (minden modern böngészőben), eredendően nem teljesen azonosak, amint azt fentebb megjegyeztük. Ezért szükség szerint kell használni a címkéket: tag em A HTML keretbe foglalja a szöveg fontos részeit, és alkalmazzon vizuális dőlt stílust egy címke segítségével én vagy CSS stílusok. Most nézzük meg a CSS-stílusok használatát a szöveg dőlt betűzésére.
Dőlt szöveg CSS-sel
A betűtípus megjelenítési stílusok CSS-ben történő beállításához használja a tulajdonságot betű stílus, amely a következő értékeket veheti fel: ferde(Dőlt szöveg), dőlt(dőlt betűs) és Normál(normál betűtípus).
Ezt érdemes megjegyezni dőlt font és hajlamos lényegében nem ugyanazok. Dőlt betűs egy speciális betűtípus, amely analóg a kézzel írt szöveggel, és hajlamos a szabályos betűtípus jobbra billentésével keletkezik.
Attribútum alkalmazása betű stílus gyakorlatról:
Dőlt CSS-sel - "Nubex" Oldalaink valóban hatalmas lépés webfejlesztésben.
Igazából csináljuk minőség oldalak.
De emlékeznie kell arra, hogy egyes böngészők szöveget írnak a tulajdonsággal betűstílus: ferde; nem dőlt szövegként, hanem dőlt betűként értelmezhető.