Mi az a HTML tag attribútumok és hogyan kell használni őket? Hogyan készítsünk egy gyönyörű betűtípust HTML-ben: méretek, színek, címkék HTML FONT ATTIBUTS betűtípus.

Elem (angolról. betűtípus - betűtípus) egy tartály, amely megváltoztatja a betűtípus jellemzőit, például méretét, színét és fejhallgatót.

Ez az elem elavult, cseréje, használjon stílusokat.

Szintaxis

Szöveg

Záró címke

Kötelező.

Példa

Betűtípus

Pa javaslat fejét az Arial betűtípus írja, piros színnel és méretben.

Eredmény ez a példa ábrán látható. egy.

Ábra. 1. A szöveg típusának módosítása

jegyzet

A szöveg színének megváltoztatásához a színes tulajdonság stílusát tervezték, a betűtípus-családot a betűtípus-családi tulajdonság állítja be, és a szöveg méretét a betűtípus méretű tulajdonságon keresztül.

betűtípus

Első A javaslat szavát az Arial betűtípus írta, piros és megnövekedett méretben.

Böngészők

A böngésző táblázat a következő jelölést alkalmazza.

- az elemet a böngésző teljes mértékben támogatja;
- az elem böngészőt nem érzékelik és figyelmen kívül hagyják;
- A munka megjelenése esetén különböző hibákVagy az elem fenntartása támogatott.

A szám jelzi a böngésző verziót, amelyen az elem támogatott.

98.9k.

A HTML betűméretében fontos szerepet játszik. Ez lehetővé teszi, hogy felhívja a felhasználó figyelmét fontos információközzétéve a webhely oldalon. 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.

Teremtés oka hTML nyelv A szöveg formázási szabályok böngészőinek megjelenítésének problémája.

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 HTML-ben a következő értékre akkor fordul elő, ha az előző család nincs telepítve operációs rendszer Felhasználó.

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.

Ma folytatjuk a különböző címkék, nevezetesen betűtípus, blokkolás, pre, erős, em, b, én és mások, amelyek lehetővé teszik számunkra, hogy formázzuk a szöveget.
BlokkQuote és Pre - formázás a HTML-ben
Előtt (még a CSS előtt) címke idézetek Blokkolás A HTML-kódban gyakran használták, mert a beillesztett szövegfragmens vízszintes figurát kapott, amely nem volt olyan könnyű, hogy a lehetetlenség miatt a CSS használatával. Tulajdonságok. A BlockQuote elem egy pár és belső, mind a kisbetűs címkék, mind a blokk (például P) pont.

Példa

Példa a blokkolásra

Most a blokkvidékcímke még mindig a szöveg készítése során történik, de megjelenés Idézetünk időnként általában van beállítva a CSS használatával. A tervezési sablon stílusos táblázatokkal rendelkező fájlban előírt tulajdonságok. Például a blogom esetében a style.css-ek megtalálhatók a következő sorok:
#Content blockquote (margó: 15px 0 20px 0, Padding: 5px 8px 5px 35px; háttér: # EAEDF0 URL (képek / quote2.png) Nem ismétlés bal felső; háttérkép: 8px 5px; color: # 666 Méret: 14px; Szélesség: 91%; Font-Style: Italic;) #content BlockQuTe P (szín: # 666;
Nos, és hogy a blokkvidéki idézőjelek meg fogják nézni ezt, láthatod a cikk szövegében egy interjúval a fejjel.
A HTML korábbi idézetei mellett (a CSS megjelentek), egy másik formázott címke nagyon széles körben használt volt - Központ. Ez egy pár (sajátos konténer) és blokk. A szöveg bármely elemébe (mind kisbetűs, mind blokk) léphet be, amely ennek eredményeképpen a központba kerül.
Tehát most vegyük figyelembe a címkét Elő.amely lehetővé teszi, hogy a szöveges formázás közvetlenül a forráskód. Ne feledje, azt mondtam, hogy mindegyik egy sorban (hely, fül és vonalátadás) fut, egy egységes helyet cserél, amikor a kódot a böngészőben elemzi.
Tehát az elem előre tiltja a rövidítést Üres szimbólumok A szöveg szövegében. Ami figyelemre méltó, az előzetesen megkötött fragmentum esetében a böngésző nem fog automatikusan átvinni a szálak szimbólumaira.
Azok. Az előlapon belüli összes vonal elválaszthatatlan böngészőnek tekinthető - ahogy a kódban írta, megjelenik a böngészőben. Továbbá, a böngészőben megjeleníteni a formázott szöveg szövegét az előcímke segítségével, egy monoszolin betűtípust használnak, például a futár új vagy hasonló hozzá.

Formázás a forráskódban Teg Pre Címkék elavult

A TEG PREAGE a blokk, és belsejében (ez a pár címke) csak kisbetűs tartalmat (azaz nem kell belépíteni, nem kell elhelyezni a P, a H1 - H6 fejléceket).
A HTML-nek van egy másik blokkcímke, amely a szövegformátumot formázza. A címke belsejében található az érvényesítő szabványok szerint, csak kisbetűs tartalom, amely megjelenik a böngésző dőlt.
Betűtípus - Színes és szöveges betűtípus a tiszta HTML-ben
Erős, em - logikai és vizuális szekréciók címkéi a szövegben
Ha a CSS nem létezett most, akkor le kellene írnom az egyes logikai és fizikai címkék (vizuális) szöveges formázás kinevezését. Hanem azért, mert A CSS-t most a webhelyek túlnyomó többségében használják, az ilyen címkék szerepe a HTML-kódban már gyakorlatilag nullára csökken, ezért csak részeg vagyok rájuk, és megmagyarázom, hogy miért használták őket (és néhányat most használják).
A vizuális címkéket úgy tervezték, hogy megváltoztassák a szöveg megtervezését, amelyet a webhely látogatói látnak, de amelyeket nem szabad különös figyelmet fordítani a keresőmotorokra.
A szövegformázás logikai címkéi elméletileg azonosak, hogy jelezzék az ékezetes keresőmotorok. A felhasználó számára az elemek kiválasztása megváltoztatja a kiemelt szavak megjelenését is.
Ha emlékszel, akkor nem volt olyan régen, hogy az optimizátorok azt tanácsolják, hogy jelentős helyszíneket adjanak meg olyan kulcsszavakkal (szükség szerint) az erős és az EM logikai formázása címkéinek címkéivel, amelyek úgy néz ki, mint egy merész és dőlt.
De a kiválasztás nélkül kulcsszavak ajánlott HTML elemek "B" és "I", amely a felhasználók számára ismét úgy néz ki, mint a merész és a dőlt, de nem veszi figyelembe a keresőmotorok, mert Ezek nem címkék logikai formázás.
Most mindez szinte nem működik annyira, mint gondoltuk, és a kulcsszavak elosztása erős és EM segítségével, inkább szokásként, nem pedig remélve, hogy erre a keresőmotorok bizonyos osztalékát reméljük.
Tehát a "B" és az "i" (merész és dőlt betűvel) a kategóriához vizuális formázás A betűtípus, a PRE, PRE, valamint a már megvizsgált címkék tulajdoníthatja a cikk elején:
"U" - hangsúlyozás
"Strike" - Lista
"SUP" - felső index
"Sub" - alacsonyabb index
"TT" - Egyedi méretű betűtípus
"BIG" - növelje a betűtípust
"Kis" - csökkenti a betűtípust

Nos, most nézzük meg az elemek listáját logikai formázás Szöveg:
"EM" - a részletes fragmentumok logikai elosztása dőlt betűkkel
"Erős" ugyanaz, de csak kiemelkedik, zsír lesz
"CITE" - Idézetek elosztása dőlt betűkkel
"Kód" - Úgy tervezték, hogy a Monosine phon általi különböző kódokat jelenítsen meg
"Samp" - a monosin betűtípusok többszörös szimbólumainak kiemeléséhez
"ABBR" - A címke cím attribútumában meg van írva, hogy bármilyen rövidítést dekódoljon (típus, CSS vagy HTML, amelyet a tönköly, és nem egyetlen szó). A címben előírt szavak akkor jelenik meg, ha az egérmutatót az egérmutató összegére foglalja össze.
Az "betűszó" ugyanaz, de rövidítésekhez használható, azaz rövidítések, amelyek nem írják le a betűket, hanem szót (például Mkad vagy forgalmi rendőrség)
"KBD" - A Monoshyry szöveges betűtípus megjelenítésére szolgál a webhely felhasználójának a billentyűzeten
"VAR" - a változók kiválasztására bármely kódban
"DEL" - a kereszteződés elosztása, ha meg kell mutatnia, hogy a HTML dokumentum közzététele után valamilyen fragmenst eltávolították
"INS" - kiemelve az aláhúzás, amikor meg kell mutatni, hogy a HTML-dokumentum megjelenése után néhány darabot behelyezték

Ismét ismételtem, hogy a többségükben a formázási címkék adatait nagyon ritkán találják meg, amikor a kódot most írják, de még mindig a kinevezésük nem lesz felesleges.

Sok szerencsét! A blog oldalak honlapján kétértelmű találkozók
Lehet, hogy érdekel
Blind szimbólumok és formázási kód HTML-ben, valamint speciális elsöprő terek és más mnemonika
Mivel a színek HTML és CSS-kódban vannak beállítva, az RGB árnyalatok kiválasztása a táblázatokban, a Yandex és más programok kibocsátásában Válassza ki, opció, textarea, címke, fieldset, legenda - HTML címkék A legördülő listák és a szövegmező formái
Listák html kódban - ul, ol, li és dl címkék
Hogyan lehet létrehozni egy hiperhivatkozást (A, Href, cél üres), hogyan kell megnyitni egy új ablakban a webhelyen, valamint készítsen egy kép linket a HTML-kódban
Asztalok a HTML - címkék asztal, TR és TD, valamint Colspan, Cellpadding, Cellpacing és Rowpan létrehozása érdekében
A H1-H6 fejlécek címkéi és attribútumai, HR vízszintes vonal, RR és P BEKEZDÉS A HTML 4.01 szerint
Mi a HTML Hypertext Markup Language és hogyan láthatja az összes címke listáját a W3C érvényesítőben
IMG - HTML-címke a képek (SRC) beillesztéséhez, az igazításhoz és a szöveghez (igazításhoz), valamint a háttérfeladatok (háttér)
Megjegyzések és Doctype irányelvek a HTML-kódban, valamint a blokk és a kisbetűs elemek fogalma (címkék)

A betűkészletek szabványos méretei és formatervezése (fejhallgatók) mellett minden egyes szövegfragmentumot speciális címkékkel határozhat meg. A legegyszerűbb módja az, hogy az úgynevezett Fizikai stílusok:

A fizikai stílus minden címkéjén van egy megfelelő zárócímke, amely törli a stílus további használatát. Például a címke számára A záró címke az.
Az alábbiakban egy példa egy programra és a különböző fizikai stílusok megjelenésére:

<НЕАD><ТIТLЕ>Fizikai stílusok

<В>Bátor
Dőlt betű
Aláhúzott
~~Keresztezett~~
<ТТ>Írógép
<ВХ1>Félkövér dőlt
<ВХ1><и>Merész italing alulteljesített

Ábra. 649. Fizikai stílusok
A címcímke belsejében egy fizikai stíluscímkét helyezhet be, hogy módosítsa az egész címet, vagy csak egy részét. Például ahhoz, hogy válasszon egy része a szöveg meghatározott egy fejlécet, akkor a következő design:

<НЕАD><ТIТLЕ>Fizikai és logikai stílusok

<Н2>Ez - módosított 2. szint fejléc

Ábra. 650. A fejléc részének betűtípusának megváltoztatása
Speciális címke használata Beállíthatja a szöveg képének betűtípust: Állítsa be a fülhallgatót, a méretet és a színt. Először is beállíthatja az alapértelmezett dokumentumban használt fő betűtípus méretét. A fő betűcímke formátumban van . A fő betűtípus mérete 1-től 7-ig állítható be. Ha nem használja ezt a címkét, akkor a fő betűtípus mérete 3-ra van állítva.
címke Beállítja az aktuális betűtípus méretét az egyes szövegfragmensekhez. Ez a címke nem befolyásolja a stílusokat. A lehetséges értékek tartománya 1-től 7-ig terjed. Ez a címke lehetővé teszi, hogy az aktuális betűtípus méretét a főhöz képest vezérelje. Ehhez a + szimbólumot használják (a nagyításhoz) és a szimbólumot - (csökkentse) a betűméret egy adott értéken. Például, ha a fő betűtípus mérete 3, akkor a címke beállítja az aktuális betűtípus méretét 5-re.
A betűtípus fülhallgató beállítása . Például:

Ha ezt a címkét nem használja a dokumentumban, akkor a böngésző a konfigurációban telepített betűtípust alkalmazza. Ezért a felhasználói képernyőn megjelenő szöveg egyáltalán nézhet ki, ahogy elképzelte. Azt is szem előtt kell tartani, hogy ha a megadott betűtípus nincs telepítve a felhasználó számítógépére, a böngésző alapértelmezés szerint ábrázolja a szöveget.
Tudsz címkézni adja meg a betűtípusok vessző listáját. Ebben az esetben a böngésző az első betűtípust fogja használni. Például írhat egy címkét:
Arc \u003d "Arial, sans serif, futár"\u003e
Jellemzően hasonló betűtípusokat tartalmaz a listában. Javasoljuk, hogy hozzárendelje a legnépszerűbb betűtípust. Amikor elhelyezés az oldalon szöveges információk Jobb, ha egyáltalán nem hozzárendel egy betűtípust, támaszkodva standard beállítások böngésző. De akkor, amikor egy oldal fejlesztése során a szabványos böngésző beállításait is szinkronizálhatja szövegérzékelését a felhasználó lehetséges érzékelésével. Végül hozzon létre egy oldalt, nem magadnak, hanem az olvasók számára.
A szín attribútum használata a címkén Beállíthatja a betűtípus színét:

A szín attribútum argumentuma a színes kód hexadecimális felvétele (piros, zöld és kék komponens, más szóval, az RGB komponens). Következő program Megmutatja a betűtípus-szabályozást:

<НЕАD><ТIТLЕ>Betütipusok telepítése

<Р>Aria betűtípus Abvgdzhzik
<Р>Font futár. Abvgdzhzik
<Р>Szimbólum betűtípus Abvgdzhzik

Ábra. 651. Különböző betűtípusok használata
Ne feledje, hogy a címkén Számos vagy mindegyik lehetséges attribútumát használhatja. Például:

A matematikai képletek, valamint a helyettesítés, indexek gyakran alkalmazzák indexek, amelyek eltérnek a fő szöveg a pozíció (enyhén felett vagy alatt), és a méret. A címkék erre a célra szolgálnak és Ennek megfelelően a felső és az alacsonyabb indexekhez.

<НЕАD><Т1ТLЕ>Indexek / Nad\u003e

<НЗ>Példa az indexek használatára
<Р> (5 + x ²)^{x + 3.}

a. ₁ + A. ₂+ A. ₃
<Р>Helyettesítési jegyzetek ²

Ábra. 832. A felső és az alacsonyabb indexek használata
A fentiekben említettek mellett további szöveges formázási címkék vannak:
- Jelölje ki az e-mail címeket, a postai címeket és a
telefonszámok;
<СIТЕ> - idézetek elosztása;
, - szöveges szövegek rögzítése, szimbolikus állandók;
- Írja be a billentyűzet szövegeit.
Az utolsó három stílusban monokiotikus betűtípust használnak (általában futár). Például az I és W monostolid betűtípusok ugyanazt a helyet foglalják el. A monoshyruced betűtípusok használata az egyszerű lehetőségnek köszönhető, hogy a szöveg szimbólumait használja. Egy másik pillanatot megjegyezzük. A betűtípus címkéiben, mint a logikai stílusok címkéiben, beilleszthet egy attribútumot Cím \u003d "string"Ez lehetővé teszi, hogy egy pop-up címkét kötözzen a címkén belül. Argument Attributa Cím egy sor tipp. Ha megállítja az egérmutatót egy kiemelt szó vagy kifejezésen, a mutató közelében megjelenik egy tipp. Ezzel a recepcióval megfejtheti a rövidítéseket, további magyarázatot és ajánlásokat adhat a felhasználónak.

Címke Ez egy tartály, amely megváltoztatja a betűtípus jellemzőit, például méretét, színét és fejhallgatót. Bár ezt a címkét továbbra is minden böngésző támogatja, elavultnak tekinthető, és ajánlott megtagadni a stílus megtagadását. Szintaxis Szöveg Paraméterek A címke paramétereinek leírása Színes paraméter Beállítja a szöveg színét a tartály belsejében . Szintaxis ... Analóg CSS -Color. Paraméter arc Az arcparaméter a szöveghez használt betűtípus-fülhallgató beállítására szolgál. A betűtípusok nevei több vesszőn keresztül hozhatók. Ebben az esetben, ha az első megadott betűtípus megtalálható, a böngésző a következő listán fogja használni. Szintaxis ... Argumentumok - A vesszők által elválasztott betűtípusok száma. Univerzális betűtípusok: serif.- betűtípusok serif (antik), típusú idők; sans-serif.- apróra vágott betűtípusok (cipők nélkül vagy groteszk nélkül), tipikus képviselő - Arial; kURZÍV- Bodycraft betűtípusok; fantázia.- dekoratív betűtípusok; monospace.- Monoswriter betűtípusok, minden egyes karakter szélessége egy ilyen családban ugyanaz. Analóg CSS - Font-Család Méret opció Beállítja a betűméretet a hagyományos egységekben 1-től 7-ig. Az alapértelmezés szerint használt átlagos méret 3. A betűméret abszolút értékként (például méret \u003d "4") és relatív (például méret \u003d "+ 1", méret \u003d "- 1"). Az utóbbi esetben a méret a bázishoz viszonyítva változik. A betűméret nemcsak a megadott méretparamétert érinti, hanem a betűtípus fülhallgató választását is. Tehát az Arial betűtípus nagyobbnak tűnik, mint a betűtípusok, és a Verdana betűtípus valamivel több ARIAL betűtípus. A betűtípus és méret kiválasztásakor vegye be ezt a funkciót. Szintaxis ... Az argumentum egy egész szám 1-7, vagy az értéket nagyobb vagy kisebb oldalra változtatja a szimbólumokkal + és -.