Ma elmondom, hogyan lehet a szavakat merész betűtípusokkal a html és a CSS segítségével. Ezt a tervezést akkor használják, ha bizonyos információkat kell kiemelni az oldalon. Ezenkívül nem csak a címsorokról, hanem az egyszerű szavakról, a szövegben szereplő kifejezésekről is szól. Ez egyszerűen eléggé megvalósul.
Különleges HTML-címkéket használnak egy bizonyos szöveg kiemelésére. és . Például a következő kód:
| Normál szöveg. Miniatűr. Merész erős. |
Normál szöveg.
Miniatűr.
Merész erős.
A kimeneten egy ilyen képet ad:
Az utolsó két lehetőség vizuálisan ugyanúgy néz ki, de kissé eltérnek egymással. Címke Megadja a szó egyszerű stilisztikai kiemelését a merész betűtípussal, míg Ez néhány szemantikai "továbbfejlesztett" (fontos) értéket ad hozzá. Vagyis az utolsó sor nem csak merész szöveg, de néhány fontos információ. Elvileg a keresőmotorok számára javasoljuk .
Azt is megfeleljen a kövér betűtípust előírt HTML stílusok:
Példa a merész szövegre.
Minta szöveg S. zsír Röviden.
A webhelyen ez így jelenik meg:
Annak ellenére, hogy a html félkövér szövegkódja helyesen működik, ne tegye meg. Minden tervezési stílusot a CSS fájlban kell elvégezni. Ezért a fenti példában a címkéknek kellett volna lennie
ÉS Adja meg a megfelelő osztályt, majd regisztrálja a formatervet a stíluslapon. Ilyenként a kód regisztrálására vonatkozó szabályok. Ezért egy merész betűtípus HTML-ben használjon címkét .
Merész szöveg a CSS-en
Annak érdekében, hogy szilárd betűtípust készítsen CSS-ben, a betűtípus-súly tulajdonságot használják. Ezzel a szövegfragmens "telítettsége" jelzi. Az értékek 100-900-ig lehetnek, de a leggyakrabban használt:
- bOLD (FAT) - 700 alapértelmezés szerint;
- normál (normál) - 400 alapértelmezett.
Vannak még lehetőségek a merészebb és Világosabb értékeket változtatni a betűtípust függően, hogy a szülő többé-kevésbé zsíros, ill.
Ha a merész szöveget a CSS-ben állíthatja be, akkor például más stílust kell, például: például:
Normál szöveg S. zsír kiválasztása a központban.
erős (betűtípus-súly: merész;)
Itt akartam megünnepelni egy kis árnyalatot, amit mondtam - Ha új osztályt hoz létre valamilyen elemhez, kívánatos, hogy többé-kevésbé "érthető nevet" használjon. Például a fenti példában a stílus class \u003d „My-Bold-betűtípus” úgy néz ki, mint a logikai Class \u003d „Új-betűtípus”, mert Részben megértheti célját. Ez egy plusz azok számára, akik a jövőben megjelennek és használják az elrendezést.
A következő cikkben elmondom, hogy érdekes kövér betűtípusok, amelyeket sikerült megtalálnom.
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) Betűméret - A méret 1-től 7-ig állítható be. Ez az egyik legfontosabb módja annak, hogy a HTML-nek 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.
Továbbá, a használt betűtípusok a rendszer által feliratokat különböző kontrollok megadható érték.
- 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.
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. Ne felejtsük el, hogy minden böngésző különböző módon feldolgozhatja a címkéket (), a beállításoktó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. Dőlt vonatkozik ugyanarra a célra, mint zsíros szöveget, de az információk kevésbé fontos, mert ez azt jelenti, a háttérben az a fő szöveg kevésbé feltűnő, mint a kövér szöveget.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 címke rangsorolásának hatása nem (amennyire tudom), hanem bármilyen szöveget, és összpontosítani, hogy segítsen. 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.
A zsíros betűtípust a CSS attribútum segítségével határozzák meg betűtípusamely a következő értékeket veheti igénybe:
- Öngyújtó. - Fény
- normál - Normál
- bátor. - zsír
- merészebb. - több zsír
- 100..900 - 100 megfelel a legfinomabb betűtípusnak; 900 - Tolsztoj
Tulajdonság betű stílus (Font Rajz), hogy dőlt betűvel írja, és a következő értékeket is megteheti:
- dőlt - dőlt, a szöveg szélei kerekítve vannak
- normál - Normál
- ferde. - dőlt
Tulajdonság font-változat. (A betűtípus típusát kis nagybetűkkel írja, és a következő értékeket is megteheti:
- normál - Normál
- smaoo-sapkák. - Kis tőke
A zsír, a dőlt és a kis tőke mellett még mindig vannak népszerű rajzok: aláhúzás és jelölés.
Tulajdonság szöveges dekoráció. (Szöveges dekoráció) a szöveg aláhúzására szolgál, és a következő értékeket is megteheti:
- pislogás. - Csillogó szöveg (azaz nem támogatott)
- Áthaladás. - Keresztezett szöveg
- egyik sem - változások nélkül
- túllép - Vonal a szöveg felett
- aláhúzás - aláhúzott szöveg
Tulajdonság szövegszerkezet (Szöveges transzformáció) a kisbeteg betűkkel való együttműködésre szolgál, és a következő értékeket is megteheti:
- kihasznál - Minden szó nagybetűvel kezdődik
- kisbetűs - Az összes szöveget kisbetűkkel írják
- egyik sem - változások nélkül
- nagybetűs. - Az összes szöveg nagybetűkkel íródott
Példa a használatra betűtípus, betű stílus, szöveges dekoráció., szövegszerkezet: 9. példa.
HTML oldalkód:
Névtelen.
"Arany gyűrű Oroszország" (az ősi időkben a csomópontba), az idegenforgalmi út, beleértve az ősi orosz városok hálózatát: Sergiev Posad, Pereslavl-Zalesszki, Rostov Nagy, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Lengyel, Uglich. A hely neve elsősorban földrajzi, mindazt, ami "az erdő mögött" volt, a Kievan Rus-hoz képest.
A turisztikai útvonal (1970 elejétől cselekszik), a történelmi városokon keresztül, öt régió területén halad át - Moszkva, Yaroslavl, Kostroma, Ivanovo, Vladimir. Ezeknek a földeknek az ősi városai saját sorsuk, múltjuk. A mai napig kihívást jelentő utat tettek az első születésnapi fejlődésükben. Sok visszafordíthatatlanul elveszett ezen a hosszú úton. A közömbösség és a gondatlanság az egyedülálló épületek részleges vagy teljes megsemmisítéséhez vezet, a Calyazin városának, Molda, Ugrich városának példájához. Az Uglich vízelektromos állomás építésénél az ókori Pokrovsky kolostor egyedülálló 15-17 évszázados műemlékekkel ment. A szenet fél egyházait lebontották, szétszerelték a kolostorok kerítéseit, amelyek megsemmisítették az együttes integritásukat. Az erőfeszítések a restaurátorok sikerült visszavonni a sürgősségi és megtakarítás a halála több tucat tárgyak a régi építészet, tűnt irreparablely elveszett. Visszatért az életbe az eredeti formájukba: a feltámadási kolostor (1674-77) építészeti együttesje (1674-77) Uglich, a Pokrov temploma Nerley (12. század), Dmitrievsky katedrális (12. század) és a Vladimir arany kapuja, St. George katedrális (12. század) Yuriev-lengyel, az ókori Suzdal műemlékei, ahol az integrált művek a történelmi fejlődés helyreállítása az egész városban, egy múzeumi városban. Ismét, a kostromás fából készült építészet múzeumainak teljes építészeti komplexei, Suzdal. Mindez - az emberi kezek kezelése, amely megérintette az orosz föld védett területét.
