Una dintre cele mai ușoare moduri de a evidenția un cuvânt sau o expresie în text este să folosești o litere diferită. Astfel, puteți sublinia un cuvânt sau o expresie, folosind pagini aldine vă permite cu ușurință să evidențiați cuvinte folosind diferite stiluri - cursiv, subliniat, aldine.
Tipul aldine ca modalitate de a evidenția principalul lucru
Cele mai izbitoare și captivante cuvinte par evidențiate cu caractere aldine. Astfel de cuvinte și fraze atrag imediat privirea. Deci, pentru a învăța cum să selectați rapid locurile necesare în text, ar trebui să vă amintiți codul HTML special. Bold este setat folosind o etichetă asociată.
Înaintea unui cuvânt sau a unei fraze, a unei propoziții care ar trebui evidențiată, este plasată o etichetă de deschidere ... După ultima literă din textul care trebuie selectat, există o etichetă de închidere... Orice lucru între aceste două etichete este aldine atunci când este afișat într-un browser.
Alte opțiuni de selecție
Deci, am aflat că puteți selecta text folosind un stil diferit. Am stabilit că cel mai simplu și în același timp eficient este folosirea HTML aldine. Acum să vorbim despre alte opțiuni de selecție.
Deci, puteți evidenția textul cu caractere cursive folosind eticheta asociată , subliniați-l cu ... Acestea sunt cele mai simple moduri de a selecta text.
Există, de asemenea, etichete mai puțin cunoscute și utilizate, care pot fi folosite pentru a evidenția cuvinte și propoziții din text. Deci, pentru a tăia textul, este suficient să folosești ... O etichetă împerecheată va ajuta să faceți textul monospațial. ... Dacă trebuie să creați superscript, utilizați , fund - .
În acest caz, ca și înainte, textul de care aveți nevoie trebuie să fie între etichetele de deschidere și de închidere. După cum puteți vedea, nu este nimic dificil, principalul lucru este să vă amintiți aceste coduri sau să le scrieți.
Folosind mai multe fonturi
Dacă doriți să faceți textul mai expresiv, puteți utiliza mai mult decât caractere aldine. Marcajul HTML vă permite să evidențiați simultan un cuvânt folosind mai multe fețe. Deci, puteți face un cuvânt îndrăzneț, barat și italic în același timp.
În același timp, trebuie reținut un lucru - toate etichetele trebuie închise secvenţial. De exemplu, intrarea corectă ar putea fi:
- textul selectat.
Dacă închideți etichetele într-o ordine diferită, textul nu va fi evidențiat corect. Un exemplu de intrare eronată:
- textul selectat.
În acest caz, browserul va deveni confuz și nu va înțelege exact ce doriți de la el.
Apropo, aici se poate observa că cele trei variante ale stilului - bold, subliniat și italic - sunt ușor de reținut dacă cunoașteți tastele rapide din Word. Acolo, stilul este setat folosind aceleași taste cu litere în timp ce țineți apăsat Ctrl.
După cum puteți vedea, puteți utiliza mai mult decât caractere cursive sau aldine. Marcajul HTML vă permite să evidențiați cuvintele la fel de ușor ca Word obișnuit.
concluzii
Pentru a evidenția textul, nu numai o varietate de culori și nuanțe, diferite dimensiuni și tip de font, dar și stilul său sunt utilizate pe scară largă. Mai mult, cu ajutorul unui contur diferit, unul sau altul fragment al textului poate fi distins frumos și ușor.
Pentru a schimba stilul fontului, ar trebui să utilizați orice etichetă pe care o cunoașteți. Fontul aldine al unei pagini HTML este cel mai izbitor și mai vizibil și, prin urmare, este folosit cel mai des pentru accentuare.
În HTML, textul aldine poate fi realizat î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 se aplică astfel:
Creator de site-uri web „Nubex”
Pentru etichetă trebuie să existe o închidere, iar atributele universale îi sunt disponibile (cum ar fi clasă, id, titlu etc.)
Deși valabilitatea etichetei bși nu este depreciat de specificația HTML, mai relevant pentru utilizare este eticheta puternic, să vedem de ce.
Text îngroșat: etichetă
Conform specificațiilor HTML, eticheta b servește la evidențierea textului cu caractere aldine. În schimb, eticheta puternic HTML este pentru evidențiere important cadre, cuvinte cheie pentru această pagină.
Această etichetă joacă un rol semnificativ în clasarea paginilor în rezultatele căutării, prin urmare este utilizată pe scară largă în promovarea site-urilor web și optimizarea SEO. Motoarele de căutare iau în considerare textul inclus în etichete , și marcați-l ca important.
Etichetă folosită puternicîn același mod:
Creator de site-uri web „Nubex”
Este posibil să observați că extern folosind etichete și nu este deloc diferită (din moment ce toate browserele moderne le interpretează aproape la fel), dar există diferențe semantice în codul pentru motoarele de căutare. Prin urmare, majoritatea SEO recomandă utilizarea etichetei puternic.
Text îngroșat cu CSS
Am remarcat deja importanța etichetei puternicîn promovarea motoarelor de căutare, dar ce să faceți dacă trebuie să faceți o cantitate mare de text aldine (dar textul nu trebuie marcat ca important pentru motoarele de căutare) sau dacă trebuie să controlați gradul de „îndrăzneală” al fontul? În astfel de cazuri, este utilizată proprietatea CSS. grosimea fontului... Se aplică după cum urmează:
Site-urile noastre sunt, într-adevăr, pas imensîn dezvoltarea web.
Facem pe bune calitate site-uri.
Aveți încredere în noi și vă vom ajuta nu te vom dezamăgi.
Valorile mai îndrăznețși mai usoara poti seta gradul de grasime mai mult (sau mai putin) decat cel al parintelui. O valoare numerică (100-900) poate seta gradul de conținut de grăsime.
Există trei moduri de a face textul cu caractere aldine pe o pagină HTML, dar nu vă grăbiți să utilizați pe unul care vă place imediat, deoarece o astfel de evidențiere poate avea semnificații diferite și poate afecta optimizarea site-ului pentru motorul de căutare.
Îndrăzneț cu etichetă puternică
Această metodă este potrivită dacă doriți să evidențiați o parte importantă a textului cu caractere aldine. Eticheta HTML este o etichetă de formatare logică și esența sa: „subliniază” importanța selecției.
Există și alte etichete de format boolean în HTML. De exemplu, o etichetă face textul italic și indică accentul pe fraza evidențiată.
Alte tipuri de selecție de text sunt descrise în articol:.
Text simplu a evidențiat o parte importantă de text... Text simplu.
Text îngroșat folosind eticheta b
Text simplu text îngroșat... Text simplu.
CSS aldine
Textul aldine poate fi creat nu numai cu etichete HTML speciale. Puteți obține rezultate cu caractere aldine pentru orice etichetă setând proprietatea de greutate a fontului: bold; (nu funcționează pentru toate fonturile).
O astfel de selecție va fi de natură stilistică, fără a adăuga greutate logică textului selectat.
În plus, puteți selecta fie o etichetă specifică, fie un grup de elemente simultan, specificând stiluri printr-o clasă CSS.
Proprietatea CSS din atributul de stil:
Text îngroșat.
Text îngroșat.
Textul este în font obișnuit.
Text îngroșat.
Ce să faci dacă nu poți face textul aldine
Dacă nu puteți face textul aldine, cel mai probabil site-ul dvs. a înlocuit stilurile de elemente CSS. În acest caz, va trebui să ajustați aceste stiluri. În cele mai multe cazuri, acest lucru se poate face prin fișierul principal al foii de stil CSS. Dacă nu înțelegeți acest lucru, contactați webmasterul. Cel mai probabil, rezolvarea acestei probleme nu va dura mai mult de 5 minute de lucru (deși, desigur, pot exista și excepții).
Salutare dragi cititori ai blogului! Acest articol se va concentra asupra etichete de formatare a textului... Textul aldin sau italic este un exemplu excelent. Vom avea în vedere și influența unor etichete asupra optimizării interne a site-ului și a regulilor de scriere a acestora. Puteți citi despre asta în articolul dat. Apropo, puteți găsi elemente de design text similare în multe editoare de text, de exemplu, în Word.
Etichetele sunt împărțite în 2 tipuri: etichete bloc și etichete inline. Când utilizați primul, puteți modifica conținutul unei părți a textului (linii, fragmente individuale sau cuvinte), în timp ce cele din urmă sunt. Etichetele de formatare pe care le vom analiza în acest articol sunt predominant litere mici.
Reguli și ordinea scrierii etichetelor
Știți deja ce sunt etichetele de început și de sfârșit. Dacă nu, atunci citiți articolul de la începutul acestui material. Pe scurt, există două tipuri de etichete: etichete unice (de exemplu, împachetare la o nouă linie) și container (pereche). Deci, toate etichetele de formatare a textului sunt pereche... Aceasta înseamnă că orice element are o etichetă de început și de sfârșit, iar selecția trebuie plasată între ele. De exemplu, selectarea corectă a unei expresii ar arăta astfel: Fragment selectat
Când browserul procesează acest fragment, veți vedea următorul text: Fragment selectat. Apropo, toate etichetele nu sunt afișate în fluxul RSS ().
Principalul lucru atunci când scrieți etichete este să le țineți închise. În caz contrar, tot textul de pe pagină va fi aldine (în exemplul cu eticheta ). Dar există momente când trebuie să evidențiați un anumit fragment în aldine și cursive în același timp. Dar nu există nicio etichetă care să efectueze această acțiune. Există o singură cale de ieșire din această situație: folosiți două etichete în același timp. Nu contează în ce ordine le folosiți. Prin urmare, scriind textul cu etichete ca aceasta:
Fragment selectat
sau cam asa:
Fragment selectat
Încă vei primi Fragment selectat cu caractere cursive și aldine în același timp. Cu toate acestea, este de preferat să folosiți prima variantă, deoarece inițial a fost singura și corectă. De asemenea, nu uitați că fiecare browser poate gestiona etichetele în mod diferit (), în funcție de setări. Acum să trecem la etichetele de formatare în sine.
Text îngroșat și italic - Etichete , , și
Cele mai populare etichete de formatare a textului - Sublinierea acesteia îndrăzneţși cu caractere inclinate... Sunt de obicei folosite pentru a da importanță unei piese. Primul caz servește la evidențierea unui fragment care conține informații utile sau cuvinte cheie. Cursiva este folosită în aceleași scopuri ca și textul îngroșat, dar informațiile sunt mai puțin importante, deoarece caracterele cursive sunt mai puțin vizibile pe fundalul textului corpului decât textul îngroșat.Luați în considerare mai întâi text îngroșat... Există două etichete utilizate pentru această acțiune - și ... Nu există nicio diferență de aspect. Deși, având în vedere că orice browser poate interpreta diferit fiecare element, este posibil să observați diferențe. Așa arată textul din etichete și în forma deja procesată de browser:
Text în etichete puternice
Text în etichete b
Și iată cum arată aceste două rânduri în codul sursă al paginii:
Text în etichete puternice Text în etichete b
Aceeași situație o putem observa și în cazul etichete italice și ... Încercați să găsiți diferențele dintre cele două exemple:
Text în etichetele em
Text în etichetele I
Și iată codul sursă:
Text în etichetele em Text în etichetele I
Deci, etichetele considerate aldine și italice nu diferă de fapt, dar de ce atunci avem nevoie, de exemplu, de eticheta dacă există ? Până la urmă, acesta din urmă conține un singur caracter (fără a număra parantezele) și, prin urmare, este mai ușor de scris. Chestia este că etichetele și a afecta. Dacă înconjurați cuvintele cheie cu aceste etichete, va avea un efect benefic asupra promovării site-ului web. Principalul lucru este să nu exagerați - textul maxim ar trebui să conțină 5% text aldine în etichetă. , și aceeași cantitate de cursive în etichetă .
Dacă doriți doar să evidențiați un moment din text, atunci utilizați eticheta sau ... În general, cred că motoarele de căutare consideră și textul din aceste etichete ca fiind mai important, dar pe optimizare internă au încă un impact mai mic decât și .
Etichete de text slash - , și
Acum să ne uităm la câteva etichete care folosesc o trăsătură în stilul textului. Cel mai faimos editor de text pe care îl cunoști este etichetă
sau subliniază. Această etichetă nu afectează clasamentul (din câte știu eu), dar va ajuta la evidențierea unui text și la concentrarea asupra acestuia. Am dat un exemplu de utilizare a acestei etichete chiar mai sus. Mai sunt două etichete care sunt similare ca scop - și ... Ambele îndeplinesc funcția de text barat. Puteți folosi această etichetă în orice situație: dacă actualizați un document (sau mai degrabă o parte din acesta), îl puteți tăia pe cel vechi și adăugați unul nou; dacă aveți de gând să scrieți ceva care se abate de la subiectul materialului; ceva care nu corespunde standardelor morale și etice.
Diferențele dintre aceste două etichete sunt doar în lor scris, drept urmare este de preferat să se folosească primul, deoarece în primul rând, este mai convenabil să scrii și, în al doilea rând, va fi mai puțin cod HTML pe pagina ta, iar motoarele de căutare le place.
Etichetă și atribute - parametrii fontului textului
Acum, luați în considerare o etichetă care nu este folosită fără atribute. Cu acesta, puteți seta parametrii pentru o anumită bucată de text. În general, acum este de preferat să se utilizeze (foile de stil în cascadă) deoarece pot scurta foarte mult întregul cod HTML al paginii. Deci, să ne uităm la aceeași etichetă . Pentru el există de toate trei atribute:
- față- fontul în sine. De exemplu, Arial, Courier sau Verdana. Puteți enumera câteva, tk. nu toți utilizatorii au un set extins de fonturi, iar scriind câteva în atributul face, browserul va putea alege pe care să le folosească sau, mai degrabă, care este prezent în sistem;
- mărimea- un atribut care indică dimensiunea textului. Poate fi exprimat atât în unități arbitrare, cât și în pixeli;
- culoare- culoarea textului. Acest atribut poate fi folosit atât în coduri HTML de culori, cât și în cuvinte. Primele au forma #FFFFFF (unde F este orice număr sau literă de la A la F), iar cele din urmă sunt scrise în cuvinte simple (de exemplu, roșu este roșu).
Așa arată textul din etichetă folosind fiecare atribut:
Acest text are o dimensiune de 6px
Acest text este roșu Acest text este în font Arial Acest text este roșu și are dimensiunea de 5 pixeliȘi iată ce veți vedea după procesarea codului scris: 
Elemente de design text blocat - anteturi -, paragraful
, paragraful
În cele din urmă, ne vom uita la elementele bloc care sunt utilizate în aproape fiecare document. Acestea sunt etichete de titlu și paragraf. Să luăm în considerare primul. Există 6 tipuri de titluri și fiecare are propria etichetă. Fiecare specie are doar propriul număr de serie și este înregistrată folosind etichete
, ,..., ... Iată cum arată toate anteturile atunci când sunt procesate:
... Iată cum arată toate anteturile atunci când sunt procesate:
Numărul de după titlul cuvântului se potrivește cu numărul din etichetă
Acum să vorbim despre eticheta de evidențiere a paragrafului.
Funcția acestei etichete este de a separa textul de alt text similar cu o linie goală. Dacă te uiți la codul sursă al unui document, poți vedea următoarele:
Casetele verzi au un paragraf, casetele roșii au altul. Și așa arată acest cod după ce a fost procesat de browser (săgeata indică o linie goală):
Drept urmare, obținem o separare destul de vizibilă a unui paragraf de altul, ceea ce este benefic - citirea devine mai convenabilă.
Deci articolul despre etichete de formatare a documentelor... Sunt mult mai multe decât am descris în acest material. Doar că trebuie să povestești multe despre unele dintre ele, drept urmare articole separate cu o recenzie completă le vor fi dedicate.!
În html, dimensiunea fontului joacă un rol important. Vă permite să atrageți atenția utilizatorului asupra informațiilor importante postate pe pagina site-ului. Deși nu numai dimensiunea literelor este importantă, ci și culoarea, grosimea și chiar familia lor.
Etichete și atribute atunci când accesați cu crawlere fonturi html
Limbajul hipertext are un set mare de instrumente pentru lucrul cu fonturile. La urma urmei, formatarea textului este sarcina principală a html.
Motivul creării limbajului HTML a fost problema afișării regulilor de formatare a textului în browsere.
Luați în considerare etichetele care sunt folosite pentru a lucra cu fonturile în html și atributele acestora. Principala este eticheta ... Folosind valorile atributelor sale, puteți seta mai multe caracteristici ale fontului:
- culoare - setează culoarea textului;
- dimensiune - dimensiunea fontului în unități convenționale.
Sunt acceptate valorile atributelor pozitive de la 1 la 7.
- față - folosit pentru a seta familia de fonturi a textului care urmează să fie utilizat în interiorul etichetei ... Mai multe valori sunt acceptate simultan, separate prin virgule.
Este formatat doar textul dintre părțile etichetei de font asociate. Restul textului este afișat în fontul standard implicit.
De asemenea, în html există o serie de etichete pereche care specifică o singură regulă de formatare. Acestea includ:
- - setează fontul aldine în html. Etichetă acțiunea este similară cu cea anterioară;
- - dimensiunea este mai mare decât cea implicită;
- - dimensiune mai mică a fontului;
- - text cu caractere italice. Etichetă similară ;
- - text subliniat;
- tăiat;- - afiseaza textul doar cu litere mici;
- - cu litere mari.
Text simplu
Miniatură
Miniatură
Mai mult decât de obicei
Mai puțin decât de obicei
cursive
cursive
Subliniat
Barat
Capabilități de atribute de stil
Pe lângă etichetele descrise, există mai multe modalități de a schimba fontul în html. Una dintre ele este utilizarea atributului stil generic. Folosind valorile proprietăților sale, puteți seta stilul de afișare a fontului:
1) font-family - proprietatea setează familia de fonturi. Este posibilă enumerarea mai multor valori.
Schimbarea fontului în html la următoarea valoare va avea loc dacă familia anterioară nu este instalată pe sistemul de operare al utilizatorului.
Sintaxa de scriere:
font-family: font name [, font name [, ...]]
2) font-size - dimensiunea este setată de la 1 la 7. Acesta este unul dintre modalitățile principale prin care puteți crește fontul în html.
Sintaxa de scriere:
dimensiunea fontului: dimensiunea absolută | dimensiune relativă | valoare | interes | moşteni
Mărimea fontului poate fi, de asemenea, setată:
- În pixeli;
- În valoare absolută ( xx-mic, x-mic, mic, mediu, mare);
- În procente;
- În puncte (pt).
Dimensiunea fontului: 7
Dimensiunea fontului: 24px
Dimensiunea fontului: x-mare
Dimensiunea fontului: 200%
Dimensiunea fontului: 24 pt
3) font-style - setează stilul de scriere a fontului. Sintaxă:
stil font: normal | cursiv | oblic | moşteni
Valori:
- normal - ortografie normală;
- italic - italic
- oblic - font înclinat la dreapta;
- inherit - moștenește ortografia elementului părinte.
Un exemplu despre cum să schimbați fontul în html folosind această proprietate:
stil font: moștenire
stil de font: italic
stil font: normal
stil font: oblic
4) font-variant - convertește toate literele mari în majuscule. Sintaxă:
font-variant: normal | cu majuscule mici | moşteni
Un exemplu despre cum să schimbați fontul în html cu această proprietate:
font-variant: moștenire
font-variant: normal
varianta de font: majuscule mici
5) font-weight - vă permite să setați grosimea scrierii textului (saturație). Sintaxă:
greutate font: îndrăzneț | mai îndrăzneț | mai ușor | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Valori:
- bold - setează fontul html bold;
- mai îndrăzneț - mai gras față de normal;
- mai ușoară - mai puțin saturată față de normal;
- normal - ortografie normală;
- 100-900 - setează grosimea fontului în echivalent numeric.
greutate font: bold
greutatea fontului: mai îndrăzneață
greutatea fontului: mai ușoară
greutatea fontului: normal
greutate font: 900
Greutatea fontului: 100
Proprietatea fontului și culoarea fontului html
Fontul este o altă proprietate a containerului. Pe plan intern, a combinat valorile mai multor proprietăți concepute pentru a schimba fonturile. Sintaxa fontului este:
font: font-size font-family | moşteni
De asemenea, valoarea poate fi setată la fonturile utilizate de sistem în inscripțiile de pe diferite controale:
- legenda - pentru butoane;
- pictogramă - pentru icoane;
- meniu - meniu;
- mesaj-box - pentru casete de dialog;
- small-caption - pentru comenzi mici
- status-bar - font bara de stare.
font: pictogramă
font: legenda
font: meniu
font: mesaj-box
subtitrări mici
font: bara de stare
font: italic 50px aldine „Times New Roman”, Times, serif
Pentru a seta culoarea fontului în html, puteți folosi proprietatea color. Vă permite să setați culoarea, fie folosind un cuvânt cheie, fie în format rgb. Și, de asemenea, sub forma unui cod hexazecimal.
