A telítettség növekedését a betűtípusok vastagságának növekedése és a kontraszt. Általában megkülönbözteti a négy típusú telítettséget: könnyű, normál, merész és zsír. Azonban a HTML használatával csak normál és zsíros designt telepíthet. A zsíros lakosság szövegének telepítéséhez két címkét használunk: és .
Zsírfestés betűtípus A szöveg erős kiválasztása
Szerződő stílus
A cirkáló font nem csak egy lejtőn egyedi karakterek, néhány betűtípus ez egy teljes változást az új stílus, utánozva a kézzel írt. A szöveg szövegét két címke határozza meg: és .
Szerződéskötési betűtípus Szövegválasztás
Meg kell jegyezni, hogy a címkék és , valamint és Bár hasonlítanak a cselekedeteikben, nem teljesen egyenértékűek és cserélhetők. Első címke - A fizikai jelölés címke, és a szövegben zsírt állapít meg, és a címkét - A logikai jelölés címke és kiemeli a megjelölt szöveget. Ez az elválasztás címkék logikai és fizikai formázás eredetileg a célja, hogy a HTML univerzális, beleértve a független információ kimeneti eszköz. Elméletileg, ha például egy beszédböngészőt használ, akkor a címkével díszített szöveg és másképp van jelölve. Azonban kiderült, hogy a népszerű böngészőkben ez a címkék használata egyenértékű.
A 7.5. Példában a címkék használata látható és A szövegtervezéshez.
7.5. Példa. Címkék és
És hol van a cookie-k és a Moonshore?! - felkiáltott barátja.
A példa eredményét az 1. ábrán mutatjuk be. 7.5.
A HTML betűméretében fontos szerepet játszik. Lehetővé teszi, hogy felhívja a felhasználó figyelmét a webhely oldalán elhelyezett fontos információkra. Bár nem csak a betűk mérete fontos, hanem a szín, vastagság és akár családjuk is.
Címkék és attribútumok robotmal HTML betűtípusokkal
A hipertext nyelvének nagy része a betűtípusokkal való munkához. Végtére is, a szöveg formázása a HTML fő feladata.
A HTML nyelv létrehozásának oka a szövegformázási szabályok böngészőinek megjelenítésének problémájává vált.
Tekintsük olyan címkéket, amelyeket a HTML-ben és attribútumainak betűtípusokkal dolgoznak. A fő a címke . Az attribútumok értékeinek felhasználásával több betűtípust is beállíthat:
- szín - Beállítja a szöveg színét;
- méret - Betűméret a feltételes egységekben.
A pozitív attribútumértéket 1 és 7 között támogatják.
- arc - a szöveg betűtípus-családok telepítéséhez használják a címkén belül . A vesszőn keresztül felsorolt \u200b\u200bnéhány értéket azonnal támogatják.
Csak a betűpár címke tagja között található szöveg formázva van. A fennmaradó szöveg alapértelmezés szerint telepített szabványos betűtípus jelenik meg.
A HTML-ben is számos pár címke van, amelyek csak egy formázási szabályt adnak meg. Ezek tartalmazzák:
- - Megadja a merész betűtípust a HTML-hez. Címke az előzőhöz hasonló cselekvéssel;
- - a méret nagyobb, mint az alapértelmezett készlet;
- - kisebb betűméret;
- - ferde szöveg (dőlt betű). Hasonló címke ;
- - szöveg aláhúzással;
- hangsúlyozta;- - csak kisbetűs szöveg megjelenítése;
- - a nagybetűs.
Normál szöveg
Miniatűr
Miniatűr
Rendes
Kevésbé szokásos
Dőlt betű
Dőlt betű
Hangsúlyozva
Zúzott
A stílus attribútum jellemzői
A leírt címkék mellett még többféleképpen módosíthatjuk a betűtípust a HTML-ben. Az egyikük a stílus univerzális attribútum használata. A tulajdonságok értékeit használva beállíthatja a betűtípus megjelenítési stílust:
1) Font-Család - Az ingatlan a Font családot állítja be. Több értéket is felsorolhat.
A betűtípus módosítása a HTML-ben a következő értékre akkor fordul elő, ha az előző család nincs telepítve a felhasználó operációs rendszerébe.
Az írás szintaxisa:
font-Család: Betűtípus neve [, font név [, ...]]
2) font-size - a képméret beállítása 1-től 7 Ez az egyik legfontosabb módja, hogy hogyan HTML növelheti a betűtípust.
Az írás szintaxisa:
betűméret: abszolút méret | Relatív méret | Érték | érdeklődés | örököl.
A betűméret is beállítható:
- Képpontokban;
- Abszolút értékben ( xX-Kis, X-Kis, kicsi, közepes, nagy);
- Százalékokban;
- Pontok (pt).
Font-Méret: 7
Betűméret: 24px
Betűméret: x-nagy
Betűméret: 200%
Betűméret: 24pt
3) Font-style - Beállítja a betűtípus írásának stílusát. Szintaxis:
betűtípus-stílus: Normál | Italic | Ferde | örököl.
Értékek:
- normál -normális írás;
- dőlt - dőlt betűk;
- ferde - betűtípus a jobb oldali lejtővel;
- Öröklés - örökli a szülőelem írását.
Példa arra, hogy hogyan lehet megváltoztatni a HTML-t a tulajdonság használatával:
betűtípus: öröklés
font-style: dőlt
betűtípus-stílus: Normál
font-stílus: ferde
4) Font-változat - Fordítja az összes nagybetűket a címre. Szintaxis:
font-változat: Normál | Kis sapkák | örököl.
Példa arra, hogyan kell megváltoztatni a betűtípust a HTML-ben a tulajdonság:
font-változat: öröklés
font-változat: Normál
font-változat: kis sapkák
5) Betűtípus-súly - Lehetővé teszi, hogy beállítsa a szöveg írásának vastagságát (telítettség). Szintaxis:
betűtípus: Bold | Bolder | Lazó | Normál | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Értékek:
- bOLD - BOLD HTML betűtípust telepít;
- merészebb - zsíros viszonylag a normálhoz viszonyítva;
- a könnyebb a normál normálhoz viszonyítva telített;
- normál - normál írás;
- 100-900 - A betűtípus vastagsága a numerikus egyenértékben van beállítva.
betűtípus: merész
betűtípus: merészebb
betűtípus: könnyebb
betűtípus: Normál
betűtípus: 900
betűtípus: 100
Font tulajdonság és HTML betűtípus színe
A betűtípus egy másik tartály tulajdonság. Maga belül, kombinálta a betűkészletek megváltoztatására tervezett számos tulajdonság értékeit. Szintaxis betűtípus:
betűtípus: Font méretű betűtípus-család | örököl.
A különböző vezérlőkre vonatkozó feliratokban használt betűtípusok is értékként adhatók meg.
- felirat - gombokhoz;
- ikon - ikonokhoz;
- menü - menü;
- Üzenet-mező - párbeszédpanelek;
- kis-felirat - kis kontrollok esetében;
- status-Bar - Status String betűtípus.
font: Icon
font: felirat.
font: Menü.
font: Üzenetdoboz
kis-felirat.
font: Állapot-sáv
font: Italic 50px Bold "Times New Roman", Times, Serif
A betűtípus HTML-be történő beállítása érdekében a színes tulajdonságot használhatja. Lehetővé teszi a szín beállítását a kulcsszó használatával és az RGB formátumban. Valamint hexadecimális kód formájában.
Üdvözlet, szerelmesek, hogy szétszereljék valami újat, és új információkkal töltse fel tudás mellkasát! Miután elolvasta a cikket, megtudhatja, hogyan lehet a merész szöveget a HTML-ben, milyen más típusú rajzok és mely elemek felelősek. Ennek eredményeképpen webhelye képes lesz büszkélkedhet olvasható szöveggel helyesen dedikált kulcs pillanatokkal.
A múltbeli cikkekben sokat beszéltem a webes nyelvek attribútumairól és címkéiről, a megjelenés regisztrálásának módszereiről, de soha nem befolyásolta az objektumokat, anélkül, hogy bármilyen helyen nem tudna élni. Ez a szöveg.
Ezzel, nem csak egy szilárd betűkészlet, és a bekezdések, a kulcsszavak, idézetek, linkek stb. Ehhez a CSS nyelveken speciális eszközöket biztosítanak. Baiver!
Lehetőségek HTML-ben
A szöveges tartalom betűtípusa mindig módosítható. Például a zsíros vagy a jelentés beállítása, és díszíthető. Ehhez egyszerű címkék vannak, amelyek nagyon könnyen emlékezhetők és alkalmazása után. Az alábbiakban egy olyan elemek, amelyek tisztázzák céljukat.
Kezdjük, foglalkozunk a szöveges elemekkel a zsírokkal.
A betűk vastagságának növelése érdekében ilyen pár címkék vannak és . Ezeknek az eszközöknek a használata egyenlően jelenik meg, mivel formázza a szöveget zsírba. Azonban a céljuk más. Ezért nem lehet egyenértékűnek nevezni, és csak az egyiket használhatják.
Tehát, címke A standard betűtípus telített és megvastagodott állapotának megváltoztatásával jött létre. A rajz fizikai megjelenésére utal, és nincs szemantikai terhelés. Tehát mondjuk, hogy ez csak egy típusú tesztkijelző.
ÉS Ajánlott: a legfontosabb pillanatra. Ez egy logikai elem, amely a beszélgetés során intonációt kapott volna.
Most fontolja meg az ilyen címkéket és .
A standard betűtípust formázzák a rohanáshoz. Azt hiszem, logikusan felmerülő kérdést fog meghatározni: "És ezek az elemek is foglalkoznak egymással a címkék elvén és ? ". A kérdés helyes. És igazad van!
Valóban, egy jelölés blokk Úgy tervezték, hogy fontos pillanatokat és részleteket telepítsen, míg Csak egyfajta a tartalom megjelenése.
Betűtípus-módosítási eszközök a CSS-ben
A CSS nem lemarad, és a fejlesztők hasonló eszközöket kínálnak 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 kiegészíti a részleteket néhány részletet. Így a szöveg lehet „kényszeríteni” villogni (Blink) hangsúlyozzák (aláhúzás), vagy kereszt (áthúzott), kiad egy vonalban a szavak (overline) örökli a jellemzői a szülő objektum (örökli) vagy világos A betűtípus formátuma minden kiegészítésből (nincs).
A szövegtartalom szerkesztéséhez használt második gyakran használt mechanizmus a betűtípus tulajdonság. Ezzel megváltoztathatja a betűtípus stílusát (betűtípus-stílus), méretét (betűméret), állítsa be a sapkát, azaz. Adja meg a kisbetűk (betűtípus-változat), valamint a "Play" felirattal (betűtípus).
És itt van egy példa
Tekintettel a fent említett összes információra, megpróbálunk ilyen példakódot létrehozni, amelyben a maximálisan szerzett ismereteket használja (emlékeztetem arra, hogy a kód beírható).
Hozzon létre egy fejlécet Új Bekezdés!
A bekezdés szöveges tartalmát írjuk, amely villogás .
Futtassa a példát a böngészőben, és figyeljen a stílus stílusára. Így a cím kiemeli a fényt, amelynek hangsúlyt fektet a javaslatra. A bekezdés kis nagybetűkkel jelenik meg. Ebben az esetben a szöveg logikus és fizikai választékkal rendelkezik.
Most szerkesztheti a szöveg kitöltését az összes szabály felett. Feliratkozás a blogom frissítésére és a barátaim meghívására. Viszlát!
Tisztelettel, Roman Chuechev
Az egyik legegyszerűbb módja annak, hogy kiemelje a szöveget vagy kifejezést a szövegben - Használjon másik betűk rajzát. Tehát hangsúlyozhatja a szó vagy kifejezés, a félkövér oldalak használatával könnyedén kiemelheti a szavakat különböző formatervezéssel - átlag, aláhúzott, zsíros.
Kövér betűtípus, mint a fő dolog kiemelésének módja
A merész betűtípussal kiemelt szavak a legvilágosabbnak és a fogásnak tűnnek. Az ilyen szavak és kifejezések azonnal rohannak a szemébe. Tehát, annak érdekében, hogy megtanulják, hogyan lehet gyorsan elosztani a szükséges helyeket a szövegben, emlékezzen a különleges HTML-kódra. A kövér betűtípust pár címkével mutatja be.
A szó vagy kifejezés előtt egy javaslatot kell kiemelni, a címke megnyitása be van állítva . A szöveg utolsó betűje után, amelyet kiemelni kell, záró címke van. Minden, ami a két címke között kiderül, amikor a böngészőben megjelenik, zsírsütővel rendelkezik.
Egyéb opciók
Tehát rájöttünk, hogy más design segítségével választhat szöveget. Megállapította, hogy a legegyszerűbb és ugyanakkor hatékonyan használja a zsírtartalmú HTML-t. Most beszéljünk más kiválasztási lehetőségekről.
Tehát kiválaszthatja a szöveget dőlt betűkkel páros címkével hangsúlyoz . Ezek a legegyszerűbb módszerek a szöveg kiemelésére.
Vannak kevésbé ismert és használt címkék, amellyel szavakat és javaslatokat rendelhet a szövegben. Tehát, annak érdekében, hogy átlépje a szöveget, elegendő használni . Hogy a szöveg monoszol segítse a pár címkét . Ha felső indexet kell létrehoznia, használja , Nizhny - .
Ugyanakkor, mint korábban, a szükséges szövegnek a nyitó és záró címke között kell lennie. Ahogy láthatod, semmi bonyolult, a legfontosabb dolog az, hogy emlékezzen ezekekre a kódokra, vagy égesse meg őket.
Használjon több betűtípust
Ha kifejezettebb szöveget szeretne készíteni, nem csak a zsíros betűtípust használhatja. A HTML-jelölés lehetővé teszi, hogy egyszerre válassza ki a szót több halmozással. Szóval, akkor egyszerre, hogy a szó zsír, keresztbe jelent.
Ugyanakkor meg kell emlékezni egy dologra - az összes címkét egymás után le kell zárni. Például a helyes rekord lehet így:
- A kiválasztott szöveg.
Ha a címkéket más sorrendben bezárja, a szöveg helytelenül kerül kiosztásra. Példa egy hibás bejegyzésre:
- A kiválasztott szöveg.
Ebben az esetben a böngésző zavaros, és nem fogja megérteni, hogy pontosan mit akar tőle.
By the way, meg lehet jegyezni, hogy három lehetőség a rajzolásra - zsír, aláhúzott és átlag - nagyon könnyen emlékezett, ha forró kulcsok van szóban. Ott a rajzot ugyanazokkal a betűgombokkal állítják be, amikor a CTRL rögzítése során.
Amint láthatja, nem csak egy tanfolyamot vagy zsíros betűtípust használhat. A HTML jelölés lehetővé teszi, hogy kiemelje a szavakat olyan egyszerű, mint a szokásos szó.
megállapítások
Nem csak a különböző színek és árnyalatok, különböző méretű és betűtípus típus, hanem felirata is széles körben használják a szöveg kiemelésére. Ezenkívül pontosan más vázlatot használ, amely gyönyörű és könnyen kiválasztható a szöveg egy vagy egy másik töredéke.
A betűtípus-rakás megváltoztatásához használjon Önnek ismert címkét. A HTML oldalak zsírtartalma a legvilágosabb és észrevehető, ezért leggyakrabban a kiemelésre használják.
Hello, kedves blogolvasók! Ez a cikk beszélni fog szöveg formázási címkék. A fényes példák a vastag vagy dőlt betűs szövegek kiválasztása. Azt is figyelembe vesszük, hogy egyes címkék befolyásolják a helyszín belső optimalizálását és az írás szabályait. Körülbelül akkor olvashat a fenti cikkben. By the way, megismerheti a hasonló szöveges design elemeket számos szövegszerkesztőben, például szóban.
A címkék 2 típusra oszthatók: blokk és kisbetűs. Az első használatakor módosíthatja a szöveg szövegének tartalmát (vonalak, külön fragmensek vagy szavak), és a második. Formázási címkék, amelyeket ebben a cikkben, főként alacsonyabb, mint a.
A címkék írásának szabályai és eljárása
Már tudod, hogy mi nyílik és zárja a címkéket. Ha nem, olvassa el a cikket az anyag kezdetén. Ha rövid, akkor a címkék kétféle típus: egyetlen (például átadása egy új karakterláncba) és konténer (pár). Tehát minden szöveges formázási címke van parancsol. Ez azt jelenti, hogy bármely elem nyitó- és záró címkékkel rendelkezik, és az elválasztott fragmentumot köztük kell helyezni. Például a kifejezés megfelelő kiválasztása így fog kinézni: Dedikált töredék
Amikor a böngésző feldolgozza ezt a töredéket, akkor ezt a szöveget fogja látni: Dedikált töredék.Egyébként az RSS szalagban az összes címke nem jelenik meg ().
A legfontosabb dolog, amikor a címkék írásakor - ne felejtsd el bezárni őket. Ellenkező esetben az oldal teljes szövege kiemeli a zsírt (a címkével ). De vannak olyan esetek, amikor egy bizonyos töredéket és merészséget és dőlt betüntetést kell kiemelni egyidejűleg. De a műveletet végrehajtó címke nem létezik. Kilépés ez a helyzet: használjon két címkét egyszerre. Milyen felhasználásuk szerint nincs. Ezért az ilyen címkékkel rendelkező szöveg írása:
Dedikált töredék
vagy így:
Dedikált töredék
Még mindig kapsz Dedikált töredék dőlt és zsír egyszerre. Az első lehetőségnek azonban előnyös, mert eredetileg az egyetlen és helyes. Továbbá ne felejtsük el, hogy minden böngésző képes feldolgozni a címkéket különböző módokon (), a beállítástól függően. És most maguk a címkékhez fordulunk
Szöveg kiválasztása zsíros és dőlt betűkkel - címkék , , és
A legnépszerűbb szöveges formázási címkék kiemelik azt. zsír és dőlt. Általában arra használják, hogy fontosságot adjanak bármely fragmensnek. Az első eset a hasznos információt vagy kulcsszavakat tartalmazó fragmentum kiemelésére szolgál. A dőltus ugyanarra a célra vonatkozik, mint a zsíros szöveg, de az információ kevésbé fontos, mert a fő szöveg hátterében kevésbé észrevehető, mint a zsírszöveg.Fontolja meg a kezdetét szöveg kiválasztása olajos. Ehhez a művelethez két címkét használ - és . Nincs különbség a megjelenésben. Bár tekintettel arra, hogy bármely böngésző minden elemet saját módján értelmezheti, bármilyen különbségeket láthat. Itt van a szöveg, mint a címkék és A már feldolgozott böngésző formában:
Szöveg erős címkékben
Szöveg a címkékben b
De mi a két sor az oldal forráslapján néz ki:
Szöveg erős címkékben Szöveg a címkékben b
Ugyanazt a helyzetet, amellyel megfigyelhetjük a kiválasztási dőlt betűkkel és . Próbáljon meg két példát találni:
Szöveg az em címkékben
Szöveg az i címkékben
De a forráskód:
Szöveg az em címkékben Szöveg az i címkékben
Tehát a megvitatott kisülési címkék merész és dőltikusan nem különböznek egymástól, de például például, például a címke ha itt ? Végül is, az utóbbi csak egy karaktert tartalmaz (nem számoló zárójelek), és ezért könnyebb írni. És a dolog az, hogy a címkék és Befolyásolja. Ha ezeket a címkéket körülveszi, akkor a webhely előmozdítását élvezheti. Nem szabad túlzottan túllépni - a szöveg maximálisnak kell lennie a címkén található fatthe szöveg 5% -ának , és ugyanaz és a kurzív a címkében .
Ha egyszerűen ki szeretné jelenni a szövegben lévő pillanatokat, akkor használja a címkét vagy . Általában úgy vélem, hogy a keresőmotorok a címkék szövegét is fontosabbak, de tovább belső optimalizálásmég mindig kisebb hatása van, mint a és .
Szövegválasztási címkék - , és
Most úgy gondolja, hogy több címkét használja a vonalat a szöveg kialakításában. A leghíresebb a szövegszerkesztőktől - címke
vagy aláhúzás. A hatása besorolásának ez a címke nem (amennyire én tudom), de kiosztani bármilyen szöveget, és elsősorban ez segít. A címke használatának példája egy kicsit magasabbra hozott. Még két hasonló a címke céljához - és . Mindkettő végrehajtja a szöveges overclocking funkciót. Ezt a címkét bármilyen helyzetben használhatja: Ha frissíti a dokumentumot (vagy inkább egy részét), átkelheti a régiet, és hozzáadhat egy újat; Ha valamit írsz, ami elhagyja az anyag témáját; Valami, ami nem felel meg az erkölcsi és etikai normáknak.
A két címke különbségei csak az ő Írás, Ennek eredményeként előnyös az első használata, mert Először is kényelmesebb írni, másrészt az oldala kevesebb lesz, mint a HTML-kód, és a keresőmotorok tetszik.
Címke és attribútumok - szöveges betűtípus paraméterek
Most tekintsd meg a címkét, amelyet nem használnak attribútumok nélkül. Ezzel megadhatja a szöveg konkrét fragmenseinek paramétereit. Általánosságban elmondható, hogy előnyben részesíthető (Cascading Style lapok), mert A segítségével erősen csökkentheti az egész HTML oldalkódot. Tehát vegye figyelembe a címkét . Mert csak három attribútum:
- arc. - Megtalálja magát. Például, Arial, futár vagy Verdana. Többet is felsorolhat, mert Nem minden felhasználó egy kiterjedt betűtípusok, és az írás egy pár a Face attribútum, a böngésző képes lesz, hogy melyik használható, vagy inkább -, amely jelen van a rendszerben;
- méret - Attribútum, amely a szövegméretet jelzi. Mind a hagyományos egységekben, mind pedig pixelben kifejezhető;
- szín - szöveg szín. Ez az attribútum mind a html-kódok, mind verbális. Az első egy űrlapot #FFFFFF (ahol F bármely számjegyet vagy betűt tól F-ig), és a második írt egyszerű szavak (például piros - piros).
Úgy néz ki, mint a címke szövege Minden attribútum használata:
Ez a szöveg 6px méretű
Ez a szöveg piros Ez a szöveg betűtípussal rendelkezik Ez a piros és méretű szöveg 5pxDe mit fog látni az írásbeli kód feldolgozása után: 
Blokk szöveges design elemek - címsorok -, bekezdés
, bekezdés
Végül megnézzük a blokk elemeket, amelyeket szinte minden dokumentumban használnak. Ezek a címkék címsorai és bekezdése. Tekintsük az elsőt. A fejlécek 6 faj, és mindegyiknek saját címke van. Minden típus csak saját sorszámot visel, és címkékkel rögzítve.
, ,..., . Itt van a fejlécek a kezelt formában:
. Itt van a fejlécek a kezelt formában:
Számjegy, miután a szó fejléce megfelel a címke számának
És most beszéljünk a bekezdés elosztásának címkéről
A címke funkciója az, hogy elkülönítse a szöveget a másik szöveg között egy üres karakterlánc. Ha megnézi a dokumentum forráskódját, akkor a következőket láthatja:
Zöld téglalapok, egy bekezdés, a piros - a másik. De hogyan működik ez a kód a böngésző feldolgozása után (a nyíl üres karakterláncot jelez):
Ennek eredményeképpen egy bekezdés meglehetősen észrevehető elkülönítését kapjuk, ami jó - az olvasás kényelmesebbé válik.
Amely a cikk végéig jött dokumentum formázási címkék. Sokkal több, mint az ebben az anyagban leírtak. Csak némi szükségük van rá, hogy nagyon sokat kell mondania néhányra, ennek eredményeként az egyes cikkekhez, teljes körű áttekintéssel rendelkeznek.
