Selectați textul. Font aldine

Descriere

Specifică stilul fontului - obișnuit, italic sau italic. Când textul este setat la italic sau italic, browserul caută în sistem un font potrivit. Dacă fontul specificat nu este găsit, browserul folosește un algoritm special pentru a simula tipul de text dorit. Rezultatul și calitatea pot fi nesatisfăcătoare, mai ales atunci când imprimați un document.

Sintaxă

stil font: normal | cursiv | oblic | moşteni

Valori

stil normal de text normal. italic Stilul italic. oblic Un stil oblic. Cursivele și cursivele, deși sunt similare, nu sunt același lucru. Italic este un font special care imită scrierea de mână, în timp ce italic este format prin înclinarea caracterelor obișnuite spre dreapta. inherit Moștenește valoarea părintelui.

HTML5 CSS2.1 IE Cr Op Sa Fx

stilul fontului

Duis te feugifacilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.



Rezultatul acestui exemplu este prezentat în Fig. 1.

Orez. 1. Aplicarea proprietății font-style

Model obiect

document.getElementById("elementID").style.fontStyle

Browsere

Internet Explorer până la versiunea 7.0 nu acceptă valoarea de moștenire.

Browserele afișează întotdeauna text cu o valoare oblic ca cursiv.

Saturația se referă la creșterea grosimii liniilor fontului și, în consecință, a contrastului. Există de obicei patru tipuri de saturație: ușoară, normală, bold și bold. Cu toate acestea, din moment ce folosind HTML puteți seta doar fontul normal și aldine. Două etichete sunt folosite pentru a seta textul să fie aldine: Și .

Stilul de font aldine Selecție puternică de text

Cursiv

Fontul italic nu este doar o pantă de caractere individuale, pentru unele fonturi este o reelaborare completă a unui nou stil care imită scrisul de mână. Textul italic este definit de două etichete: Și .

Stilul fontului italic Selectarea textului

Trebuie remarcat faptul că etichetele Și , precum și Și deși sunt similare în acțiunea lor, nu sunt chiar echivalente și interschimbabile. Prima etichetă - este o etichetă de marcare fizică și stabilește stilul aldine al textului și al etichetei - o etichetă de marcare logică și evidențiază textul marcat. Această împărțire a etichetelor în logice și formatare fizică inițial destinat să facă HTML universal, inclusiv independent de dispozitiv. Teoretic, dacă utilizați, de exemplu, un browser de vorbire, atunci textul este formatat folosind etichete Și , vor fi marcate diferit. Cu toate acestea, s-a dovedit că în browsere populare rezultatul utilizării acestor etichete este echivalent.

Exemplul 7-5 arată utilizarea etichetelor Și pentru formatarea textului.

Exemplul 7.5. Etichete Și

Decorare text

Și unde se prepară prăjiturile și lumina de lună?! - exclamă băiatul rău.



Rezultatul acestui exemplu este prezentat în Fig. 7.5.

sau studiați etichetele care formatează textul HTML

Atenția dumneavoastră este prezentată uneia dintre cele mai simple și cheie lecții ale tutorialului.

  • text HTML este componenta principală a majorității paginilor de internet.
  • De fraze cheie în corpul paginii HTML utilizatorii vă pot găsi site-ul.
  • text HTML poate avea orice dimensiune și culoare doriți. De asemenea, puteți defini tipul de font și volumul acestuia.
  • Dimensiunea HTML font de obicei setat în pixeli.
  • Formatare HTML text răspândite, se folosesc etichete de formatare.

Vezi mai jos etichete care formatează textul HTML:

  • Etichete → îndrăzneț text HTML(font aldine).
  • etichete → bold text HTML(font aldine).
  • Etichete → monospațiat text HTML(font monospațial).
  • Etichete → monospațiat text HTML(font monospațial).
  • Etichete → monospațiat text HTML(font monospațial).
  • Etichete text HTML, dimensiunea este mai mare decât de obicei (font mare).
  • Etichete text HTML, dimensiunea este mai mică decât de obicei (tipuri mici).
  • Etichete → oblic text HTML(font italic).
  • Etichete → oblic text HTML(font italic).
  • Etichete → oblic text HTML(font italic).
  • Etichete → subliniat text HTML(font subliniat).
  • Etichete → barat text HTML(font barat).
  • Etichete text HTML(font) în indice.
  • Etichete text HTML(font) în superscript.

Formatarea textului HTML: text barat, subliniat

Rezultat: ... font monospațiu

Rezultat: ... dimensiunea fontului mai mare decât de obicei

Rezultat: ... font italic

Rezultat: text barat (font barat)

Rezultat: superscript

C Metodele de formatare prezentate mai sus trebuie utilizate numai pentru secțiuni mici de text. Bucurați-vă css dacă doriți să setați un anumit font pentru întreaga pagină sau pentru mai multe rânduri, de exemplu.

Greutatea fontului este determinată de atribut CSS grosimea fontului, care poate lua următoarele valori:

  • mai usoara- mai usoara
  • normal- obișnuit
  • îndrăzneţ- îndrăzneț
  • mai îndrăzneț- mai multa grasime
  • 100..900 - 100 corespunde celui mai subțire font; 900 - cel mai gras

Atribut stilul fontului(stilul fontului) este folosit pentru a scrie cu caractere cursive și poate lua următoarele valori:

  • cursiv- cursiv, marginile textului sunt rotunjite
  • normal- obișnuit
  • oblic- cursive

Atribut varianta de font(tipul fontului) este folosit pentru a scrie cu majuscule mici și poate lua următoarele valori:

  • normal- obișnuit
  • smaoo-caps- litere mici

Alături de aldine, cursive și majuscule mici, există câteva alte tipuri populare de fonturi: sublinierea și blocarea.


Atribut text-decor(decor text) este folosit pentru a sublinia textul și poate lua următoarele valori:

  • clipi- text intermitent (nu este acceptat de IE)
  • linia prin- text barat
  • nici unul- fara modificari
  • supraliniere- rând deasupra textului
  • subliniază- text subliniat

Atribut text-transformare(transformarea textului) este folosit pentru a lucra cu majuscule mici și poate lua următoarele valori:

  • valorifica- toate cuvintele încep cu o literă mare
  • literă mică- tot textul este scris cu litere mici
  • nici unul- fara modificari
  • majuscule- tot textul este scris cu majuscule

Exemplu de utilizare grosimea fontului, stilul fontului, text-decor, text-transformare: Exemplul #9

Codul HTML al paginii:

Fără titlu

„Inelul de aur al Rusiei”(în antichitate Zalesye), un traseu turistic care include o rețea de orașe antice rusești: Sergiev Posad, Pereslavl-Zalessky, Rostov cel Mare, Iaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Iuriev-Polskoy, Uglich. Numele Zalesye este în primul rând geografic, însemna tot ceea ce era „dincolo de pădure” în raport cu Rusia Kievană.


Traseul turistic (funcționând de la începutul anului 1970), trasat prin orașe istorice, trece prin teritoriul a cinci regiuni - Moscova, Yaroslavl, Kostroma, Ivanovo, Vladimir. Orașele antice ale acestor meleaguri au propriul lor destin, propriul lor trecut. Ei au parcurs un drum lung în dezvoltarea lor istorică de la primele zile de naștere până în zilele noastre. Multe s-au pierdut iremediabil în această călătorie lungă. Indiferența și neglijența duc la distrugerea parțială sau completă a clădirilor unice, precum orașele Kalyazin, Mologa, Uglich. În timpul construcției hidrocentralei Uglich, vechea Mănăstire de Mijlocire cu monumente unice din secolele XV-XVII a fost aruncată în aer și scufundată în apă. Jumătate din bisericile din Uglich au fost demolate, gardurile mănăstirilor au fost demontate, ceea ce le-a distrus integritatea ansamblului. Prin eforturile restauratorilor, zeci de obiecte de arhitectură antică, care păreau a fi pierdute iremediabil, au fost scoase din paragină și salvate de la distrugere. A revenit la viață în forma sa inițială: ansamblul arhitectural al Mănăstirii Învierii (1674-77) Uglich, Biserica Mijlocirii de pe Nerl (sec. XII), Catedrala Dimitrie (sec. XII) și „Poarta de Aur” a lui Vladimir, Catedrala Sf. Gheorghe (sec. XII) Yuryev-Polsky, monumente din vechiul Suzdal, unde s-au efectuat lucrări complexe de restaurare a clădirilor istorice din întregul oraș, orașul-muzeu. Au fost recreate întregi complexe arhitecturale ale muzeelor ​​de arhitectură din lemn din Kostroma și Suzdal. Toate acestea sunt crearea de mâini umane care au atins zonele protejate ale Țării Rusiei.

În HTML, textul aldine poate fi creat în mai multe moduri. Acestea includ:

  • Etichetă b;
  • Etichetă puternic;
  • proprietate CSS grosimea fontului.

Să vorbim despre fiecare dintre opțiunile de selectare a textului în ordine.

Text îngroșat: etichetă

Etichetă b HTML-ul se aplică astfel:

Creator de site-uri web „Nubex”

Pentru Tag trebuie să aibă o închidere, și atribute generice (cum ar fi clasă, id, titlu etc.)

Deși valabilitatea etichetei bși nu este depreciat de specificațiile HTML, mai relevant pentru utilizare este eticheta puternic sa vedem de ce.

Text îngroșat: etichetă

Conform specificației HTML, eticheta b Folosit pentru a face textul aldine. În schimb, eticheta puternic HTML servește la evidențiere important frah, cuvinte cheie pentru această pagină.

Această etichetă este de mare importanță atunci când se clasifică paginile rezultatele cautarii, deci este utilizat pe scară largă în promovarea site-urilor web și optimizarea SEO. Motoarele de căutare respectă textul inclus în etichete și marcați-l ca important.

Etichetă folosită puternic la fel:

Creator de site-uri web „Nubex”

Este posibil să observați că se aplică extern etichete Și nu diferă deloc (pentru că toate browsere moderne interpretează-le aproape la fel), dar diferențele semantice în cod pentru motoare de căutare, cu toate acestea, au unde să fii. Prin urmare, majoritatea SEO recomandă utilizarea etichetei puternic.

Text îngroșat cu CSS

Am remarcat deja importanța etichetei puternicîn timpul promovării căutării, dar ce să faci dacă trebuie să evidențiezi un numar mare de text bold (dar textul nu trebuie marcat ca important pentru motoarele de căutare) sau este necesar să se controleze gradul de „îndrăzneală” al fontului? În astfel de cazuri, este utilizată proprietatea CSS grosimea fontului. Se aplică după cum urmează:

Text îngroșat cu <a href="https://olympsb.ru/ro/teg-ol-v-html-oznachaet-kak-razmestit-elementy-spiska-gorizontalno-izmenenie-markerov-tega-s-pomo.html">folosind CSS</a>- „Nubex”

Site-urile noastre sunt cu adevărat pas imensîn dezvoltarea web.

O facem pe bune calitate site-uri.

Aveți încredere în noi și vom face nu te vom dezamăgi.



Valori mai îndrăznețȘi mai usoara poți seta gradul de îndrăzneală mai mult (sau mai puțin) decât părintele. Valoarea numerică (100-900) poate fi utilizată pentru a seta gradul de conținut de grăsime.