Saturația se numește o creștere a grosimii liniilor de fonturi și respectiv contrastul. Distinge în mod obișnuit patru tipuri de saturație: ușor de tras, normal, îndrăzneț și grăsime. Cu toate acestea, utilizând HTML puteți instala numai designul normal și gras. Două etichete sunt utilizate pentru a instala textul locuinței grase: și .
Font de colorare a grăsimilor Selectarea puternică a textului
Stilul contractant.
Fontul de croazieră nu este doar o pantă de personaje individuale, pentru unele fonturi este o modificare completă pentru un nou stil, imitând scris de mână. Italicul pentru text este determinat de două etichete: și .
Font de contractare Selecție de text
Trebuie remarcat faptul că etichetele și , precum și și Deși sunt similare în acțiunile lor, nu sunt complet echivalente și înlocuite. Prima etichetă - este o etichetă a marcării fizice și stabilește grăsimi în text și eticheta - Etichetarea marcajului logic și evidențiază textul marcat. Această separare a etichetelor pe formatarea logică și fizică a fost inițial destinată să facă HTML Universal, inclusiv independent de dispozitivul de ieșire a informațiilor. Teoretic, dacă utilizați, de exemplu, un browser de vorbire, apoi textul decorat cu etichete și va fi marcat diferit. Cu toate acestea, sa dovedit că în browserele populare rezultatul utilizării acestor etichete este echivalentă.
În Exemplul 7.5, se afișează utilizarea etichetelor și Pentru proiectarea textului.
Exemplul 7.5. Etichete și
Și unde sunt cookie-urile și moonshore?! - exclamă iubitul.
Rezultatul acestui exemplu este prezentat în fig. 7.5.
În dimensiunea fontului HTML joacă un rol important. Vă permite să atrageți atenția utilizatorului la informații importante plasate pe pagina site-ului. Deși nu numai mărimea literelor este importantă, dar și culoarea, grosimea și chiar o familie.
Etichete și atribute cu robot cu fonturi HTML
Limba hipertextului are un mare set de fonduri pentru a lucra cu fonturile. La urma urmei, formatarea textului este principala sarcină a HTML.
Motivul pentru crearea limbajului HTML a devenit problema afișării browserelor de formare a textului.
Luați în considerare etichetele care sunt utilizate pentru a lucra cu fonturile în HTML și atributele acestora. Principalul este eticheta . Folosind valorile atributelor sale, puteți seta mai multe caracteristici ale fontului:
- culoare - Setează culoarea textului;
- dimensiune - Dimensiunea fontului în unități condiționate.
Valoarea atributului pozitiv este acceptată de la 1 la 7.
- face - folosit pentru a instala familiile de fonturi text care urmează să fie utilizate în interiorul etichetei . Câteva valori enumerate prin virgulă sunt acceptate imediat.
Numai textul care se află între partea din eticheta perechii de fonturi este formatată. Textul rămas este afișat prin font standard instalat în mod implicit.
De asemenea, în HTML există o serie de etichete de perechi care specifică o singură regulă de formatare. Acestea includ:
- - Specifică fontul îndrăzneț la HTML. Etichetă prin acțiuni similare cu cea precedentă;
- - dimensiunea este mai mare decât setul implicit;
- - dimensiunea fontului mai mic;
- - Text înclinat (italic). O etichetă similară ;
- - Text cu subliniere;
- accentuat;- - afișați textul numai în litere mici;
- - în majuscule.
Text normal
Thumbnail.
Thumbnail.
Mai obișnuit
Mai puțin obișnuit
Italică
Italică
Cu accent
Zdrobit
Caracteristicile atributului de stil
În plus față de etichetele descrise, există încă mai multe modalități de a schimba fontul în HTML. Unul dintre ele este utilizarea atributului universal de stil. Folosind valorile proprietăților sale, puteți seta stilul de afișare a fontului:
1) Font-Family - Proprietatea stabilește familia de fonturi. Puteți enumera mai multe valori.
Schimbarea fontului în HTML la următoarea valoare va apărea dacă familia anterioară nu este instalată în sistemul de operare al utilizatorului.
Sintaxă de scriere:
font-Family: Numele fontului [, numele fontului [, ...]]
2) Dimensiune font - Dimensiunea este setată de la 1 la 7. Aceasta este una dintre principalele modalități la modul în HTML puteți mări fontul.
Sintaxă de scriere:
dimensiune font: dimensiune absolută Dimensiune relativă Valoare | Interesul | moşteni.
Dimensiunea fontului poate fi de asemenea setată:
- În pixeli;
- În valoare absolută ( xx-mic, x-mic, mic, mediu, mare);
- În procente;
- Puncte (PT).
Font-dimensiune: 7
Dimensiune font: 24px
Dimensiune font: x-mare
Font-dimensiune: 200%
Font-dimensiune: 24pt
3) Stilul de font - stabilește stilul de scriere a fontului. Sintaxă:
font-stil: normal | Italice | Oblic | moşteni.
Valori:
- scrierea normală;
- italic - italic;
- oblic - font cu o panta spre dreapta;
- moșteniți - moștenește scrisul elementului părinte.
Un exemplu de modificare a fontului în HTML utilizând această proprietate:
font-stil: moștenire
font-stil: italic
font-stil: normal
font-stil: oblic
4) Varianta font - traduce toate literele majuscule la titlu. Sintaxă:
font-varianta: normal | Capace mici | moşteni.
Un exemplu de modificare a fontului în HTML de această proprietate:
font-varianta: moștenire
font-varianta: normal
varianta de font: capace mici
5) Greutatea fontului - vă permite să setați grosimea scrisului textului (saturație). Sintaxă:
greutatea fonturilor: Bold | Bolder | mai ușoară | Normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Valori:
- bold - instalează un font html îndrăzneț;
- mai îndrăzneț - gras față de normal;
- bricheta este saturată în raport cu normal;
- normal - scriere normală;
- 100-900 - Grosimea fontului este stabilită în echivalentul numeric.
greutate font: Bold
greutate font: Blower
font-greutate: mai ușoară
greutate font: normal
greutate font: 900
greutate font: 100
Proprietatea fonturilor și culoarea fontului HTML
Font este o altă proprietate de containere. În interiorul în sine, a combinat valorile mai multor proprietăți concepute pentru a schimba fonturile. Sintaxă font:
font: Fotografie de font de dimensiune font | moşteni.
De asemenea, fonturile utilizate de sistem în inscripții pe diverse controale pot fi specificate ca valoare.
- caption - pentru butoane;
- icon - pentru icoane;
- mENU - MENU;
- mesaj-box - casete de dialog;
- subtitrare mică - pentru controale mici;
- stare-bar - String de stare Font.
font: Icon.
font: Caption.
font: meniu.
font: caseta de mesaje
subtitrare mică.
font: Stare-bar
font: italic 50px Bold "Times New Roman", ori, serif
Pentru a seta culoarea fontului în HTML, puteți utiliza proprietatea de culoare. Vă permite să setați culoarea, utilizând cuvântul cheie, cât și în format RGB. Precum și sub formă de cod hexazecimal.
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).
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
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.
Bună ziua, dragi cititori de blog! Acest articol va vorbi despre formatarea textului Tag-uri. Exemple luminoase sunt selectarea textului cu caractere aldine sau italice. De asemenea, luăm în considerare influența unor etichete asupra optimizării interne a site-ului și a regulilor de a le scrie. Despre atunci puteți citi în articolul de mai sus. Apropo, puteți întâlni elemente similare de proiectare a textului în mai mulți editori de text, de exemplu, în cuvânt.
Etichetele sunt împărțite în 2 tipuri: bloc și litere mici. Când utilizați primul, puteți schimba conținutul textului textului (linii, fragmente separate sau cuvinte), iar al doilea sunt. Formatarea etichetelor pe care le considerăm în acest articol sunt în principal mai mici decât.
Reguli și proceduri pentru scrierea etichetelor
Știți deja ce deschideți și închideți etichetele. Dacă nu, citiți articolul chiar de la începutul acestui material. Dacă scurt, atunci etichetele sunt două tipuri: Single (de exemplu, transferați la un șir nou) și recipientul (pereche). Deci, toate etichetele de formatare a textului sunt parn. Aceasta înseamnă că orice element are etichete de deschidere și închidere, iar fragmentul separat trebuie plasat între ele. De exemplu, selecția corectă a frazei va arăta astfel: Fragment dedicat
Când browserul procesează acest fragment, veți vedea acest text: Fragment dedicat.Apropo, în RSS Ribbon toate etichetele nu sunt afișate ().
Principalul lucru atunci când scrieți etichete - nu uitați să le închideți. În caz contrar, întregul text de pe pagină va fi evidențiat grăsimile (în exemplul cu eticheta ). Dar există astfel de cazuri atunci când trebuie să evidențiezi un anumit fragment și caractere aldine și italice în același timp. Dar eticheta care efectuează această acțiune nu există. Ieșiți această situație este una: utilizați două etichete în același timp. În ce ordine de utilizare nu are. Prin urmare, scrierea textului cu etichete astfel:
Fragment dedicat
sau astfel:
Fragment dedicat
Încă mai primești Fragment dedicat italic și grăsime în același timp. Cu toate acestea, este de preferat să se folosească prima opțiune deoarece a fost inițial singura și corectă. De asemenea, nu uitați că fiecare browser poate procesa etichete în moduri diferite (), în funcție de setări. Și acum ne întoarcem la etichetele în sine
Selectarea textului în gras și italic - etichete , , și
Cele mai populare etichete de formatare a textului îl subliniază. gras și cursiv. De obicei, acestea sunt folosite pentru a da importanța oricărui fragment. Primul caz este utilizat pentru a evidenția un fragment care conține informații utile sau cuvinte cheie. Italic se aplică în același scop ca textul gras, dar informațiile sunt mai puțin importante, deoarece implică în fundalul textului principal mai puțin vizibil decât textul grăsimilor.Luați în considerare pentru început selectarea textului uleios. Pentru această acțiune utilizează două etichete - și . Nu există nici o diferență în aparență. Deși, având în vedere faptul că orice browser poate interpreta fiecare element în felul său, puteți vedea orice diferențe. Iată cum arată textul în etichete și Într-un formular de browser deja procesat:
Text în etichete puternice
Text în etichete b
Dar care sunt cele două linii din pagina sursă a paginii, arată ca:
Text în etichete puternice Text în etichete b
Aceeași situație pe care o putem observa în cazul tagji de selecție italică și . Încercați să găsiți diferențe între două exemple:
Text în etichete em
Text în etichete i
Dar codul sursă:
Text în etichete em Text în etichete i
Deci, etichetele de descărcare discutate cu caractere aldine și itly nu diferă de fapt, dar atunci, de exemplu, noi, de exemplu, etichetă în cazul în care există ? La urma urmei, acesta din urmă conține doar un singur caracter (fără bazele de numărare) și, prin urmare, este mai ușor să scrieți. Și lucrul este că etichetele și Influenta asupra. Dacă veți înconjura aceste cuvinte cheie etichete, acesta va beneficia de promovarea site-ului. Nu ar trebui să exagerate - maximul în text ar trebui să fie de 5% din textul FATTE din etichetă , și același și cursiv în etichetă .
Dacă doriți să evidențiați pur și simplu orice moment în text, utilizați eticheta sau . În general, cred că motoarele de căutare consideră, de asemenea, textul din aceste etichete ca fiind mai importante, dar pe optimizarea internăele au încă un impact mai mic decât și .
Etichete de selecție a textului - , și
Acum luați în considerare mai multe etichete care utilizează linia în proiectarea textului. Cele mai renumite pentru tine de la editori de text - etichetă
sau subliniere. Influența asupra clasificării Această etichetă nu (din câte știu), ci să aloce orice text și să se concentreze pe acesta va ajuta. Un exemplu de utilizare a acestei etichete am adus puțin mai mare. Două mai asemănătoare cu scopul etichetei - și . Ambele îndeplinesc funcția de overclocking de text. Puteți utiliza această etichetă în orice situație: dacă actualizați documentul (sau mai degrabă o parte din ea), puteți să traversați vechiul și să adăugați unul nou; Dacă veți scrie ceva care părăsește subiectul materialului; Ceva care nu corespunde standardelor morale și etice.
Diferențele acestor două etichete sunt doar în ei scris, ca rezultat, este de preferat să se folosească primul, deoarece În primul rând, este mai convenabil să scrieți și, în al doilea rând, pagina dvs. va fi mai mică decât codul HTML și motoarele de căutare ca acesta.
Etichetă și atribute - parametrii fontului textului
Luați în considerare acum eticheta care nu este utilizată fără atribute. Cu aceasta puteți specifica parametrii pentru un anumit fragment al textului. În general, acum este preferabil să utilizați (foi de stil cascadă), pentru că Cu ajutorul acestora, puteți reduce cu tărie întregul cod al paginii HTML. Deci, luați în considerare chiar eticheta . Pentru că există numai trei atribute:
- față. - Font-ul însuși. De exemplu, Arial, Courier sau Verdana. Puteți lista mai multe, pentru că Nu toți utilizatorii au un set extins de fonturi și scrieți câteva în atributul feței, browserul va putea alege care să utilizeze sau mai degrabă - care este prezent în sistem;
- mărimea - Atribut indicând dimensiunea textului. Acesta poate fi exprimat atât în \u200b\u200bunități convenționale, cât și în pixeli;
- culoare - culoarea textului. Acest atribut poate fi utilizat atât în \u200b\u200bcodurile HTML ale culorilor, cât și în verbal. Primul are o formă #FFFFFF (unde f este orice cifră sau scrisoare de la A la F), iar al doilea este scris cu cuvinte simple (de exemplu, roșu-roșu).
Așa că arată ca text în etichetă Utilizarea fiecărui atribut:
Acest text are o dimensiune de 6px
Acest text este roșu Acest text are un font arial Acest text de roșu și dimensiune 5pxDar ceea ce veți vedea, după procesarea codului scris: 
Blocați elementele de design text - titluri -, alin
, alin
În cele din urmă, vom analiza elemente bloc care sunt folosite în aproape fiecare document. Acestea sunt titlurile și paragraful etichetelor. Luați în considerare primul. Anteturile sunt 6 specii și fiecare are propria ta etichetă. Fiecare tip poartă numai numărul său de ordine și înregistrat cu etichete.
, ,..., . Iată cum arată anteturile în forma tratată:
. Iată cum arată anteturile în forma tratată:
DIGIT După ce antetul cuvântului corespunde numărului din etichetă
Și acum să vorbim despre etichetarea alocării paragrafului
Funcția acestei etichete este de a separa textul între celălalt text cu un șir gol. Dacă vă uitați la codul sursă al oricărui document, puteți vedea următoarele:
În dreptunghiuri verzi, un paragraf, în roșu - celălalt. Dar cum se întâmplă acest cod după procesarea unui browser (săgeata indică un șir gol):
Ca rezultat, obținem o separare destul de vizibilă a unui paragraf de la altul, care este bine-citirea devine mai convenabilă.
Care a ajuns la sfârșitul articolului despre formatarea documentelor. Ele sunt mult mai mult decât, mai degrabă decât am descris în acest material. Doar unii trebuie să spună destul de multe despre unii, ca rezultat, vor fi dedicați articolelor individuale cu o imagine de ansamblu completă.!
