Bolder Font. Trimiteți textul

HTML ne oferă ceva în ceea ce privește proiectarea textului. Astăzi vă voi spune cum să faceți un font cursiv în HTML și atât în \u200b\u200bfontul standard, cât și în non-standard. În al doilea caz, va fi necesar să se țină cont de tot ceea ce a funcționat.

Cum să scrieți în italice HTML?

Voi începe cu faptul că în HTML în sine există două etichete care dau text textului. Aceasta este Em și I. Apropo, al doilea este încorporat în editorul HTML al motorului WordPress, în care sunt acum și scriu acest articol. Ce diferă aceste etichete? De fapt, astăzi nu aș vrea să declar cu voce tare că ele diferă ceva.

În general, EM este folosit pentru a evidenția cuvinte care trebuie să se pronunțe cu o intonație specială și pur și simplu evidențiază textul. Dar nu ne vom deranja, pentru că este necunoscut, este adevărat.

Care sunt proprietățile CSS pentru un text de intersecție?

Aceasta este proprietatea în stil font și valoarea sa italic. Există încă o valoare oblică și transformă textul înclinat. Există vreo diferență între aceste valori? Practic nu. Apropo, în detaliu despre acest lucru și alte proprietăți CSS pentru text, citiți în articolul corespunzător, unde totul este descompus pe rafturi.

Cum să aduceți un font nestandard în italice?

Faptul este că, dacă conectați un font non-standard prin intermediul fonturilor Google, atunci în acest caz ar trebui să marcați caseta de selectare atunci când conectați cel puțin un stil de font. Dacă acest lucru nu este făcut, atunci când încercați să faceți astfel de articole de font, acesta va fi un impus unul dintre fonturile standard. Apropo, puteți citi despre conectarea fonturilor non-standard în acest articol.

În acest ecran puteți vedea o conexiune de fragment a fontului prin serviciul Google Fonts.

După cum se poate vedea, există o bifă aproape de o inscripție de neliniște. Acum, atunci când utilizați etichetele necesare sau proprietățile stilului, într-adevăr acest font va deveni semnificativ, și nu altele.

Astfel, am dezasamblat toate momentele care lucrează cu o intersecție. Nu mai îndrăznești să rețineți.

Fontul gras este determinat folosind atributul CSS grosimea fontuluicare pot lua următoarele valori:

  • mai usoara. - Ușoară
  • normal - Normal
  • Îndrăzneţ. - gras
  • mai îndrăzneț. - mai multa grasime
  • 100..900 - 100 corespunde celui mai bun font; 900 - Tolstoy.

Atribut stilul fontului (desenul fontului) servește la scrierea acesteia în caractere italice și poate lua următoarele valori:

  • cursiv - italic, marginile textului sunt rotunjite
  • normal - Normal
  • oblic. - italic

Atribut font-varianta. (Tipul de font) servește la scrierea cu majuscule majuscule și poate lua următoarele valori:

  • normal - Normal
  • sMAOO-CAPS. - Capitalul mic

Împreună cu o capitală grasă, italică și mică, există încă câteva tipuri populare de desen: subliniere și marcare.


Atribut text-decorare. (Decorarea textului) servește la sublinierea textului și poate lua următoarele valori:

  • clipește. - Textul strălucitor (adică nu este acceptat)
  • linia. - Text încrucișat
  • nici unul - fără modificări
  • overline - linia peste text
  • subliniază - text subliniat

Atribut transformare text (Transformarea textului) servește la locul de muncă cu litere mici și pot lua următoarele valori:

  • valorifica - toate cuvintele încep cu o scrisoare de capital
  • litere mici - tot textul este scris de litere mici
  • nici unul - fără modificări
  • majuscule. - Tot textul este scris prin majuscule

Exemplu de utilizare grosimea fontului, stilul fontului, text-decorare., transformare text: Exemplu numărul 9.

Codul paginii HTML:

Untitled.

"Inelul de aur al Rusiei" (în vremurile străvechi pentru a fi forțate), ruta turistică, inclusiv o rețea de orașe rusești vechi: Sergiev Posad, Pereslavl-Zlessky, Rostov Mare, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Polish, Uglich. Numele locului este în primul rând geografic, a implicat tot ceea ce a fost "în spatele pădurii" în legătură cu Kievan Rus.


Traseul turistic (acte de la începutul anului 1970), așezat prin orașe istorice, trece prin teritoriul celor cinci regiuni - Moscova, Yaroslavl, Kostroma, Ivanovo, Vladimir. Orașele antice ale acestor terenuri au propriul lor destin, trecutul lor. Ei au făcut o cale provocatoare în dezvoltarea lor istorică din primele zile de naștere până astăzi. Mult pierdut iremediabil pe această cale lungă. Indiferența și neglijența duc la distrugerea parțială sau completă a clădirilor unice, exemplul orașului Calyazin, Mologa, Uglich. Atunci când construim stația hidroelectrică Uglich, vechea mănăstire Pokrovsky cu monumente unice de 15-17 secole a intrat sub apă. Jumătate bisericile de cărbune au fost demolate, dezasamblate gardurile mănăstirilor, care și-au distrus integritatea ansamblului. Eforturile restauratorilor au reușit să se retragă din urgență și să salveze de la moartea de zeci de obiecte de arhitectură veche, părea ireparabil pierdut. Revenit la viață în forma lor originală: Ansamblul arhitectural al mănăstirii învierii (1674-77) Uglich, Templul Pokrovului la Nerley (secolul al XII-lea), Catedrala Dmitrievski (secolul al XII-lea) și Poarta de Aur Vladimir, Catedrala Sf. George (Secolul al XII-lea) Yuriev-poloneză, monumente ale vechiului Suzdal, unde lucrează integrat de restabilirea dezvoltării istorice în întregul oraș, un oraș muzeu. Din nou, complexe arhitecturale întregi ale muzeelor \u200b\u200bde arhitectură din lemn din Kostroma, Suzdal. Toate acestea - creațiile mâinilor omului, atinse teritoriilor protejate ale țării rusești.

Salutări pentru tine, iubitorii de a dezasambla ceva nou și de a umple pieptul de cunoștințe cu informații noi! După ce ați citit articolul, veți învăța cum să faceți textul îndrăzneț în HTML, ce alte tipuri de remize și care elemente sunt responsabile pentru aceasta. Ca rezultat, site-ul dvs. va fi capabil să se laude de text lizibil, cu momente cheie dedicate corect.

În articolele anterioare, am vorbit multe despre atributele și etichetele limbajelor web, despre metodele de înregistrare a aspectului și, dar nu au afectat niciodată un obiect, fără nici un site nu putea trăi. Acesta este textul.

Cu aceasta, nu doar un set solid de litere și împărțit competent în paragrafe, cu selecția cuvintelor cheie, citate, legături etc. Pentru a face acest lucru, în limbile CSS, sunt furnizate instrumente speciale. Baiver!

Oportunități în HTML.

Conținutul de text Font poate fi întotdeauna modificat. De exemplu, setați gras sau înțeles și poate fi decorat. Pentru a face acest lucru, există etichete simple care sunt foarte ușor de reținut și după aplicarea. Mai jos este un tabel de elemente care clarifică scopul lor.

Pentru a începe cu, vom face față grasului în elementele de text.

Pentru a crește grosimea literelor, există astfel de etichete de perechi ca și . Utilizarea acestor instrumente este afișată în mod egal, deoarece formează textul în grăsimi. Cu toate acestea, scopul lor este diferit. Prin urmare, ele nu pot fi numite echivalente și nu pot folosi doar una dintre ele.

Deci, etichetă A fost creată cu condiția de schimbare a fontului standard într-o saturată și îngroșată. Se referă la aspectul fizic al desenului și nici o sarcină semantică poartă. Deci, să spunem că este doar un tip de afișaj de testare.

DAR Concepute pentru accentul pe momentul cheie. Acesta este un element logic, care ar fi alocat intonarea în timpul conversației.

Acum, luați în considerare aceste etichete cum ar fi și .

Ele formează fontul standard la graba. Cred că veți defini o întrebare cu apărare logică: "Și aceste elemente se ocupă și unul cu celălalt pe principiul etichetelor și ? ". Întrebarea este corectă. Și ai dreptate!

Într-adevăr, un bloc de marcare Concepute pentru a instala accente la momente și detalii importante, în timp ce Doar un fel de aspect de conținut.

Instrumente de modificare a fontului în CSS

CSS nu este în urmă și oferă dezvoltatorilor unelte similare pentru editarea textului. Acestea sunt proprietăți cum ar fi decorarea textului și fontul.

- Acesta este un parametru universal care completează fontul unor detalii. Astfel, textul poate fi "de forță" pentru a clipi (clipi), subliniază (subliniază) sau încrucișată (linia), petreceți o linie peste cuvinte (supraline), moșteniți caracteristicile obiectului părinte (moștenit) sau clar Formatul fontului din toate adăugările (nici unul).

Cel de-al doilea mecanism utilizat frecvent pentru editarea conținutului de text este proprietatea fontului. Cu aceasta, puteți schimba stilul de fonturi (stilul de font), mărimea acestuia (dimensiunea fontului), setați capacul, adică. Specificați vizualizarea literelor minuscule (varianta de font), precum și "Play" cu o inscripție (greutate font).

Și aici este un exemplu

Având în vedere toate informațiile pe care le-am spus mai sus, vom încerca să creăm un astfel de cod de exemplu în care utilizați cunoștințele dobândite la maxim (îți amintesc că codul poate fi introdus).

Modificarea textului

Creați un antet pentru nou Paragraf!

Scriem un conținut de text al paragrafului însuși, care flashing. .



Rulați exemplul în browser și acordați atenție stilului stilurilor. Astfel, titlul este evidențiat cu stivuirea înclinată la lumină, cu accent pe propunere. Paragraful este afișat de majuscule majuscule. În acest caz, textul are o selecție logică și fizică a cuvintelor.

Acum puteți edita textul completarea tuturor regulilor. Aboneaza-te pentru a-mi actualiza blogul și invita prieteni. Pa! Pa!

Cu sinceritate, romană chuechev

Astăzi vă voi spune cum să faceți cuvinte cu fonturi aldine pe site folosind HTML și CSS. Acest design este utilizat atunci când aveți nevoie pentru a evidenția anumite informații de pe pagină. Mai mult, nu numai despre titluri, ci și despre cuvinte simple, fraze în text. Este pur și simplu implementat suficient.

Etichetele HTML speciale sunt folosite pentru a evidenția un anumit text. și . De exemplu, următorul cod:

Text normal.

Thumbnail..

Îndrăzneț puternic.

Text normal.

Thumbnail..

Îndrăzneț puternic.

La ieșire oferă o astfel de imagine:

Ultimele două opțiuni arată vizual la fel, dar ele diferă ușor unul cu celălalt. Etichetă Specifică imaginea stilistică simplă a cuvântului cu font îndrăzneț, în timp ce Aceasta adaugă o valoare semantică "îmbunătățită" (importantă) (importantă). Adică, ultima linie nu este doar un text îndrăzneț, ci câteva informații importante. În principiu, pentru motoarele de căutare recomandă utilizarea acesteia .

De asemenea, puteți îndeplini fontul de grăsime prescris în HTML cu stiluri:

Un exemplu de text îndrăzneț.

Text de probă S. gras Pe scurt.

Pe site-ul este afișat astfel:

În ciuda faptului că codul textului îndrăzneț pentru HTML funcționează corect, nu faceți acest lucru. Toate stilurile de design trebuie făcute în fișierul CSS. Prin urmare, în exemplul de mai sus ar fi trebuit să fi fost pentru etichete

ȘI Specificați clasa corespunzătoare și apoi înregistrați designul în foaia de stil. Acestea sunt regulile pentru înregistrarea codului. Prin urmare, pentru un font îndrăzneț în HTML, utilizați o etichetă .

Textul îndrăzneț pe css

Pentru a face un font ferm în CSS, este utilizată proprietatea de greutate a fontului. Cu aceasta, este indicată "saturația" fragmentului de text. Valorile pot fi de la 100 la 900, dar cele mai frecvent utilizate este:

  • bold (grăsime) - 700 în mod implicit;
  • normal (normal) - 400 Implicit.

Există, de asemenea, opțiuni pentru valorile mai îndrăznețe și mai ușoare care modifică fontul în funcție de părinte la mai mult sau mai puțin grăsimi, respectiv.

Pentru a seta textul îndrăzneț în CSS, aveți nevoie de un alt stil, de exemplu, de exemplu:

Textul normal S. selecție de grăsime in centru.

puternic (greutate font: îndrăzneț;)

Aici am vrut să sărbătoresc o mică nuanță, pe care mi sa spus - dacă creați o nouă clasă pentru un element, este de dorit să utilizați un nume mai mult sau mai puțin "Nume de înțeles". De exemplu, în exemplul de deasupra stilului de stil \u003d "my-bold-font" arată mai logic decât clasa \u003d "nou-font", pentru că Puteți înțelege parțial scopul său. Acesta este un plus pentru cei care vor arăta și vor folosi aspectul dvs. în viitor.

În articolul următor, vă voi spune despre fonturi de grăsimi interesante pe care am reușit să o găsesc.

Una dintre cele mai simple modalități de a evidenția cuvântul sau fraza din text - utilizați un alt desen al literelor. Deci, puteți accentua cuvântul sau fraza, folosind pagini îndrăznețe cu ușurință vă permite să evidențiați cuvintele folosind diferite modele - înseamnă, subliniate, grase.

Fâșia de grăsime ca o modalitate de a evidenția principalul lucru

Cuvintele evidențiate cu fontul îndrăzneț arată cel mai luminos și capturat. Aceste cuvinte și fraze se grăbesc imediat în ochi. Deci, pentru a învăța cum să alocați rapid locurile necesare în text, trebuie să vă amintiți codul HTML special. Formul de grăsime este expus prin eticheta pereche.

Înainte de cuvântul sau fraza, o propunere care ar trebui subliniată, deschiderea etichetei este setată . După ultima literă din text, care ar trebui subliniată, este plasată eticheta de închidere. Tot ce se dovedește între aceste două etichete, atunci când se afișează în browser are un accident vascular cerebral gras.

Alte optiuni

Deci, am aflat că puteți selecta text folosind alte design. A determinat că cea mai simplă și în același timp utilizează în mod eficient fontul de grăsime HTML. Acum, să vorbim despre alte opțiuni de selecție.

Deci, puteți selecta text în italic cu o etichetă de perechi , subliniați-o cu . Acestea sunt cele mai simple modalități de a evidenția textul.

Există, de asemenea, etichete mai puțin cunoscute și utilizate, cu care puteți aloca cuvinte și sugestii în text. Deci, pentru a trece textul, este suficient să utilizați . Asigurați-vă că Monosolul de text va ajuta la eticheta perechii . Dacă aveți nevoie să creați un indice superior, utilizați , Nizhny - .

În același timp, ca înainte, textul de care aveți nevoie ar trebui să fie între eticheta de deschidere și închidere. După cum puteți vedea, nu este nimic complicat, principalul lucru este să vă amintiți aceste coduri sau să le ardeți.

Utilizați mai multe fonturi

Dacă doriți să faceți textul mai expresiv, puteți utiliza nu numai font gras. HTML-markup vă permite să selectați simultan cuvântul folosind mai multe stive. Deci, puteți face simultan cuvântul grăsime, încrucișat și rău.

În același timp, este necesar să vă amintiți un lucru - toate etichetele trebuie închise secvențial. De exemplu, înregistrarea corectă poate fi astfel:

  • textul selectat.

Dacă închideți etichetele într-o ordine diferită, textul va fi alocat incorect. Un exemplu de intrare eronată:

  • textul selectat.

În acest caz, browserul este confuz și nu va înțelege exact ce doriți de la ea.

Apropo, se poate observa aici că trei opțiuni de desen - grăsime, subliniate și medii - amintiți destul de ușor, dacă aveți cheile fierbinți în cuvânt. Acolo, desenul este setat folosind aceleași taste de litere când strângeți CTRL.

După cum puteți vedea, puteți utiliza nu numai un curs sau un font gras. HTML Markup vă permite să evidențiați cuvintele la fel de ușor ca cuvântul obișnuit.

Concluzii

Nu numai o varietate de culori și nuanțe, dimensiuni diferite și tip de font, dar și inscripția sa sunt utilizate pe scară largă pentru a evidenția textul. În plus, tocmai folosiți o altă descriere diferită, care este frumoasă și ușor de selectat unul sau alt fragment al textului.

Pentru a schimba stivuirea fontului, ar trebui să utilizați orice etichetă cunoscută de dvs. Fontul de grăsime al paginilor HTML este cel mai luminos și mai vizibil și, prin urmare, este folosit cel mai adesea pentru a evidenția.