Fontul italic este una dintre cele mai populare moduri de a evidenția o bucată de text și de a-i da o anumită semnificație. Este ideal pentru citate, note de subsol, titluri și nume proprii. Există două etichete speciale în HTML pentru afișarea cursivelor. În CSS, italic este controlat de proprietatea font-style.
Font italic sau italic?
Afișarea aceluiași font cu caractere cursive poate varia.
Imaginea arată trei blocuri de text în același font Playfair Display. Prima este în stil roman normal, în timp ce a doua și a treia sunt italice. Sunt deschise în același browser Google Chrome, dar arată complet diferit.
Faptul este că unele fonturi au propriile seturi de caractere italice. Dacă browserul nu are acces la acest set, dar întâlnește text care ar trebui să fie afișat ca cursiv, va încerca să îl încline singur.
În al doilea bloc - doar o astfel de versiune procesată de browser, iar în al treilea - versiunea originală italica a fontului Playfair Display, care are un stil unic, mai mult ca unul scris de mână. Browserul, pe de altă parte, înclină pur și simplu fiecare caracter al textului într-un anumit unghi, imitând caracterele cursive.
Când vă dați seama cum să faceți italice în CSS sau HTML, este important să rețineți că, în cazul anumitor fonturi, trebuie să vă asigurați că browserul are acces la seturile de italice ale acestora. În unele cazuri, rezultatul algoritmilor de înclinare a browserului poate fi nesatisfăcător.
HTML cursiv
Există două etichete speciale pentru textul italic în HTML: i (de la cuvântul italic) și em. Stilul unui fragment de text inclus în oricare dintre acești descriptori va fi același.
Diferența constă în alocarea logică. Eticheta em indică semnificația specială a fragmentului. Acest lucru este important pentru roboții de căutare și cititoarele de ecran, care vor evidenția textul specificat folosind intonația.
proprietate de stil font
În CSS, cursul este controlat de instrucțiunea stil font. Poate lua una dintre cele trei valori de bază:
- normal - font normal;
- italic - stil italic;
- oblic - stil oblic.
În prezent, majoritatea browserelor moderne tratează valorile oblice și italice în același mod, dar inițial se presupunea că primul este rezultatul unor algoritmi speciali de browser care înclină fiecare caracter spre dreapta.
Dacă fontul pe care îl căutați nu este găsit de browser, atunci italic va arăta exact la fel ca oblic.
Spre deosebire de eticheta em, nu acordă fragmentului evidențiat o importanță deosebită, ci mai degrabă corespunde descriptorului i.
Exemple
Citatele sunt adesea evidențiate cu caractere cursive. Să încercăm să-l facem să arate frumos.
Citat (stil font: italic; chenar-stânga: 5px violet continuu; umplutură-stânga: 20px; )
Pe lângă chenarul decorativ din dreapta și căptușeală, blocul de citate are o regulă de tip font cu valoare italic.
Setează CSS italic.
Acum vom studia etichetele principale. Să începem cu ce etichete sunt necesare pe pagină, formând structura acesteia.
Bloc . Structura celei mai simple pagini
Pagina site-ului este un fișier text simplu cu extensia .html. În interiorul acestui fișier, textul paginii HTML este stocat împreună cu etichete. Acest fișier trebuie să aibă următoarele etichete: tag , care ar trebui să conțină textul întregului site (tot ce este scris în afara acestei etichete va fi ignorat de browser), iar în interiorul lui ar trebui să mai existe două etichete: etichetă
pentru conținutul și eticheta serviciului de pagină - pentru textul principal, care este vizibil pe ecranul browserului.În conținutul serviciului, care se află în interiorul etichetei
, apar multe lucruri diferite, dar deocamdată avem nevoie doar de două dintre ele. Aceasta este o etichetăDe asemenea, înainte de etichetă construcția este de obicei scrisă doctype, care specifică versiunea limbajului HTML în care este realizat site-ul. Versiunea actuală a limbii este numărul cinci și tipul documentar al acesteia ar trebui să arate astfel - .
Deci, să ne uităm la structura de bază a paginii (pentru a rula acest exemplu într-un browser - copiați-l într-un fișier text cu extensia .htmlși deschideți într-un browser, dacă aveți probleme cu asta - urmăriți videoclipul de mai jos un exemplu):
Cum arată acest exemplu în browser, consultați acest link.
Cred că după ce ai citit despre structura de bază a paginii, mai ai o confuzie despre cum arată totul în practică. Prin urmare, am realizat un videoclip special în care vă voi arăta cum să vă faceți prima pagină HTML și să o rulați într-un browser (în el voi vorbi și despre titlul paginii, despre codificări, despre designul codului). Urmăriți-l și abia apoi treceți la citirea ulterioară:
Ei bine, acum, după ce am învățat cum să creăm cele mai simple pagini, vom trece la învățarea etichetelor utile care ar trebui folosite în interiorul etichetei
. Acestea vor fi etichete pentru paragrafe, titluri, liste, link-uri și alte lucruri utile. Asadar, haideti sa începem.Bloc . paragrafe
Unul dintre elementele principale ale paginii este paragrafe. Ele pot fi comparate cu paragrafele dintr-o carte - fiecare paragraf începe pe o linie nouă și are o așa-numită linie roșie (acesta este atunci când prima linie a textului paragrafului se indentează ușor spre dreapta). În mod implicit, nu există o linie roșie, dar este ușor de făcut (mai multe despre asta mai târziu).
Un paragraf este creat folosind o etichetă
Prin urmare:
Acesta este un paragraf.
Acesta este un alt paragraf.
Și încă un paragraf.
Acesta este un paragraf.
Acesta este un alt paragraf.
Și încă un paragraf.
Bloc . Titlurile h1, h2, h3, h4, h5, h6
Pe lângă paragrafe, importante pe pagină sunt titluri. Ele pot fi comparate și cu titlurile dintr-o carte - fiecare capitol are propriul său titlu (titlul acestui capitol) și este împărțit în paragrafe, care au și ele propriile titluri. Ei bine, textul principal al paginii este în paragrafe.
Se creează titluri folosind etichete
,
,
,
,
,
. Au grade diferite de importanță. În titlu h1 ar trebui sa aiba titlul întregii pagini HTML, V h2- Nume blocuri pagini, în h3- numele subblocurilor și așa mai departe.
,
,
,
. Au grade diferite de importanță. În titlu h1 ar trebui sa aiba titlul întregii pagini HTML, V h2- Nume blocuri pagini, în h3- numele subblocurilor și așa mai departe.
,
. Au grade diferite de importanță. În titlu h1 ar trebui sa aiba titlul întregii pagini HTML, V h2- Nume blocuri pagini, în h3- numele subblocurilor și așa mai departe.
Toate titlurile sunt aldine în mod implicit și au o dimensiune diferită (aceasta poate fi schimbată prin CSS, dar mai multe despre asta mai târziu). Vezi exemplu:
Titlul h1
rubrica h2
rubrica h3
rubrica h4
rubrica h5
rubrica h6
Acesta este primul paragraf.
Acesta este al doilea paragraf.
Acesta este al treilea paragraf.
Iată cum va arăta codul în browser:
Titlul h1
rubrica h2
rubrica h3
rubrica h4
rubrica h5
rubrica h6
Acesta este primul paragraf.
Acesta este al doilea paragraf.
Acesta este al treilea paragraf.
Bloc . Gras
Știți deja care sunt anteturile implicite gras. Cu toate acestea, puteți, de asemenea, să puneți textul simplu în aldine - doar puneți-l într-o etichetă . Vezi exemplu:
Acesta este text simplu și acesta este gras text.
Iată cum va arăta codul în browser:
Acesta este text simplu și acesta este gras text.
ar trebui să fie folosit în interiorul unei alte etichete, cum ar fi un paragraf. În acest caz, paragrafele creează structura generală a paginii (paragrafe și titluri) și eticheta b Face bucăți individuale de text îngroșate.
Bloc . Cursive
Pe langa grasi, mai poti face cursive folosind eticheta :
Acesta este text simplu și acesta este cursiv text.
Iată cum va arăta codul în browser:
Bloc . Liste
Alături de paragrafe și titluri, există un alt element important al paginii - acesta liste. Astfel de elemente sunt probabil familiare tuturor utilizatorilor de internet. Ele reprezintă o enumerare a ceva (o listă) punct cu punct. Lângă fiecare element din listă este de obicei un cerc umplut (se numește marker listă).
Listele sunt create cu o etichetă
- , care trebuie să conțină etichete
- . Etichetă ul setează lista în sine și în etichete li elementele din listă ar trebui stabilite (adică un li corespunde unui marcator de listă). Rețineți că etichetele li nu pot fi folosite singure. Vezi exemplu:
Acesta este titlul titlului - Primul articol de pe listă.
- Al doilea articol de pe listă.
- Al treilea articol de pe listă.
Iată cum va arăta codul în browser:
- Primul articol de pe listă.
- Al doilea articol de pe listă.
- Al treilea articol de pe listă.
Liste create prin etichetă ul, sunt numite dezordonat liste. Acest nume le-a fost dat pentru că există și ordonat liste care vor avea marcatori de cifre în loc de marcatori de puncte. Astfel de liste în loc de eticheta ul au eticheta
- , iar articolele din astfel de liste sunt create și prin intermediul etichetelor li.
- Primul articol de pe listă.
- Al doilea articol de pe listă.
- Al treilea articol de pe listă.
- Primul articol de pe listă.
- Al doilea articol de pe listă.
- Al treilea articol de pe listă.
- față- fontul în sine. De exemplu, Arial, Courier sau Verdana. Puteți enumera câteva, pentru că. nu toți utilizatorii au un set extins de fonturi, iar prin scrierea mai multor în atributul face, browserul va putea alege pe care să îl folosească sau, mai degrabă, care este prezent în sistem;
- mărimea este un atribut care specifică 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 codurile de culoare HTML, cât și în cele verbale. Primele arată ca #FFFFFF (unde F este orice număr sau literă de la A la F), în timp ce cele din urmă sunt scrise în cuvinte simple (de exemplu, roșu este roșu).
- Etichetă i HTML;
- Etichetă ei HTML;
- proprietate CSS stilul fontului.
Să facem o listă ordonată folosind o etichetă ol:
Acesta este titlul titlului
Iată cum va arăta codul în browser:
Comoditatea listelor ordonate este că pot introduce un nou element de listă în orice loc - iar numerotarea se va reconstrui singură (adică nu trebuie să o urmăresc în cazul unor modificări, așa cum ar fi dacă l-aș aranja manual).
Bloc . Legături
Legături sunt elementele care fac din Internet Internetul. Făcând clic pe linkuri, ne putem deplasa de la o pagină a site-ului la alta. Dacă nu ar exista, Internetul ar fi doar o colecție de pagini care nu au nicio legătură între ele.
Acesta este titlul titlului Link către site-ul phphtml.net.
Iată cum va arăta codul în browser:
Link-urile sunt absolutȘi relativ, in plus, pot duce atat catre site-ul tau, cat si catre al altcuiva. Este mai bine să arăți aceste momente dificile, decât să le descrii în text, așa că am realizat următorul videoclip pentru tine. Urmăriți-l și abia apoi treceți la citirea ulterioară:
Bloc . Imagini
Acum să ne dăm seama cum să plasăm imagine pe o pagină de pe site-ul dvs. Pentru asta este eticheta. , care are un atribut obligatoriu src, care stochează calea către fișierul imagine.
Cum funcționează, să ne uităm la următorul exemplu:
Acesta este titlul titlului
Iată cum va arăta codul în browser:
Vă rugăm să rețineți că eticheta nu necesită o etichetă de închidere.
Bloc . Link-uri sub formă de imagini
Legătură poate fi nu numai text, ci și imagine- Eticheta este suficientă pentru asta pune într-o etichetă , așa cum se face în exemplul următor. Faceți clic pe imagine - și veți urma linkul către site-ul web phphtml.net (pentru a reveni la carte mai târziu - faceți clic pe butonul „înapoi” din browser):
Acesta este titlul titlului
Iată cum va arăta codul în browser:
Bloc . Rupere de linie
Amintiți-vă ce se va întâmpla dacă faceți, de exemplu, două paragrafe una lângă alta - în acest caz, textul care se află în fiecare dintre ele va începe cu nou linii.
Să vedem asta cu următorul exemplu:
Acesta este titlul titlului Acesta este primul paragraf.
Acesta este al doilea paragraf.
Iată cum va arăta codul în browser:
Acesta este primul paragraf.
Acesta este al doilea paragraf.
Există, totuși, situații în care am dori să avem un paragraf, dar o parte din textul din acesta începe pe un rând nou. De ce ar putea fi nevoie de acest lucru? De exemplu, vreau să scriu o poezie, dar nu vreau să rup fiecare rând dintr-un paragraf separat, deoarece acest lucru nu ar fi foarte logic.
Pentru a face acest lucru, în locul unde ar trebui să fie întrerupere de linie, scrieți eticheta
. Rețineți că această etichetă este specială și nu are o etichetă de închidere.Să vedem cum funcționează cu următorul exemplu:
Acesta este titlul titlului Aceasta este prima linie de text
iar acesta este al doilea.
Iată cum va arăta codul în browser:
Aceasta este prima linie de text
iar acesta este al doilea.Bloc . Comentarii HTML
Aproape toate limbajele de programare au așa ceva ca „comentarii”.
Salutare dragi cititori ai blogului! Acest articol va vorbi despre etichete de formatare a textului. Exemple proeminente fac textul îngroșat sau cursiv. 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 de mai jos. 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: bloc și inline. Când utilizați primul, puteți modifica conținutul unei părți a textului (linii, fragmente individuale sau cuvinte), iar cele din urmă sunt . Etichetele de formatare pe care le vom acoperi în acest articol sunt predominant inline.
Reguli și ordinea scrierii etichetelor
Știți deja ce sunt etichetele de deschidere și de închidere. Dacă nu, atunci citiți articolul de la începutul acestui material. Pe scurt, există două tipuri de etichete: simple (de exemplu, o întrerupere de linie
) și container (pereche). Deci, toate etichetele de formatare a textului sunt pereche. Aceasta înseamnă că orice element are o etichetă de deschidere și de închidere, iar evidențierea trebuie plasată între ele. De exemplu, selectarea corectă a unei fraze ar arăta astfel: SelecţieCâ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ă nu uitați să le închideți. În caz contrar, tot textul de pe pagină va fi aldine (în exemplul cu eticheta ). Dar există cazuri când trebuie să selectați un anumit fragment atât cu caractere aldine, cât și cu caractere 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, scrieți textul cu etichete ca aceasta:
Selecţie
sau cam asa:
Selecţie
Încă mai primești Selecţie cursiv și îndrăzneț î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 procesa etichetele în mod diferit (), în funcție de setări. Acum să trecem la etichetele de formatare în sine.
Crearea textului aldin și italic - etichete , , Și
Cele mai populare etichete de formatare a textului - evidențierea acestuia îndrăzneţȘi cu caractere inclinate. De obicei sunt folosite pentru a da importanță oricărui fragment. Primul caz servește la evidențierea unui fragment care conține informații utile sau cuvinte cheie. Cursivele servesc aceluiași scop ca și textul aldin, dar informațiile sunt mai puțin importante, deoarece caracterele cursive sunt mai puțin vizibile pe fundalul corpului textului decât textul aldin.Sa incepem cu făcând textul aldine. Există două etichete utilizate pentru această acțiune − Și . Nu există nicio diferență de aspect. Deși, având în vedere că fiecare browser poate interpreta diferit fiecare element, ar trebui să puteți vedea unele 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 aici este codul sursă:
Text în etichetele em Text în etichetele I
Deci, etichetele de selecție considerate îngroșate și cursive nu diferă de fapt, dar de ce atunci avem nevoie, de exemplu, de eticheta în cazul în care există ? La urma urmei, acesta din urmă conține un singur caracter (fără a număra paranteze) și, prin urmare, este mai ușor de scris. Și chestia este că etichetează Și a afecta . Dacă înconjurați cuvintele cheie cu aceste etichete, acest lucru va avea un efect pozitiv asupra promovării site-ului. Principalul lucru este să nu exagerați - textul trebuie să aibă maximum 5% text aldine în etichetă. , și aceeași cantitate de italice în etichetă .
Dacă doriți doar să evidențiați un punct 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 tot mai puțin efect decât Și .
Evidențiați etichetele slash text − ,
Acum să ne uităm la câteva etichete care folosesc o lovitură în decorarea textului. Cel mai faimos editor de text pe care îl cunoști este etichetă sau subliniere. 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 puțin mai sus.ȘiÎncă două etichete similare -
Și. Ambele îndeplinesc funcția de text barat. Puteți utiliza 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 - setările 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 folosindu-le, puteți reduce foarte mult întregul cod HTML al paginii. Deci, luați în considerare aceeași etichetă . Pentru el există de toate trei atribute:
Așa arată textul din etichetă folosind fiecare atribut:
Acest text are 6 pixeli
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 proiectare a textului bloc - Titluri
-
, 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. Titlurile vin în 6 tipuri ș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:
Numărul de după cuvântul din titlu corespunde numărului din etichetă
. Titlurile au un impact uriaș asupra optimizării paginii, așa că includeți-le în etichete Cuvinte cheie. Există destul de multe caracteristici ale acestui caz, pe care le voi discuta în articolele următoare. Acum să vorbim despre eticheta de selecție 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 oricărui document, poți vedea următoarele:
Dreptunghiurile verzi conțin un paragraf, dreptunghiurile roșii altul. Și iată cum arată acest cod după procesarea de către 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ă.
Acesta este sfârșitul articolului despre etichete de formatare a documentelor. Sunt mult mai multe decât am descris în acest articol. Doar că unora trebuie să li se spună destul de multe, drept urmare articole separate cu o recenzie completă le vor fi dedicate.!
Salutari Prieteni.
După încă o pauză lungă, mi-am amintit că nu mai scrisesem o rând de multă vreme. Desigur, există motive pentru asta, pentru că există întotdeauna un motiv pentru a veni cu o scuză pentru tine, nu? De fapt, în fiecare zi fac Cursul Video, despre care l-am menționat deja de câteva ori, dar deocamdată nu mai spun nimic despre el, în curând vei afla totul.
Deci, din moment ce nu mi-a venit în minte nimic despre care să poți scrie. Am decis să mă uit la statistici, care sunt interesele utilizatorilor Runet în ceea ce privește HTML, WordPress, DLE și subiecte similare. Și știi ce? Mai sunt de scris. Toate întrebările pe care le-am găsit par să aibă răspunsuri, dar nu întotdeauna într-o formă de înțeles. Și în general a devenit interesant să scriu așa ceva.
Să vorbim astăzi despre HTML. Și anume, cum să faci textul aldine și italic și, de asemenea, să vorbim despre evidențiere.
Faceți textul aldine.
Pentru a face textul îndrăzneț, nu trebuie să faceți nimic cu stilurile CSS sau să veniți cu orice altă complexitate. HTML are deja această capacitate. În același timp, nu putem doar să facem textul îndrăzneț, ci și să punem accent pe el cu ajutorul selecției. Accentul poate fi pus pe motoarele de căutare sau pe unele browsere sau programe speciale. Principalul lucru este să nu exagerați cu accentuarea textului dintr-un articol sau pe o pagină cu un fel de informații, deoarece acest lucru poate avea un efect dăunător cel puțin asupra promovării acestei pagini HTML.
Deci, pentru a face textul aldine, putem folosi eticheta . Această etichetă se referă la elemente de marcare fizică, setând în același timp textul să fie aldine fără a pune accent pe acesta. Această etichetă este asociată, ceea ce înseamnă că are atât o etichetă de deschidere, cât și una de închidere. De asemenea, deoarece elementul este inline, trebuie să fie într-un element la nivel de bloc, cum ar fi
Exemplu de cod:
miniatură
Rezultat:
miniatură
În acest caz, am făcut textul aldine și gata.
Dar se întâmplă că trebuie nu doar să evidențiem textul, ci să ne concentrăm asupra lui. Pentru aceasta putem folosi eticheta de markup logic . Nu numai că textul evidențiat cu această etichetă are mai multă greutate pentru motoarele de căutare. Dar, în teorie, ar trebui să fie diferit de etichetă în browserele de vorbire, cum ar fi intonația. Cu toate acestea, nu pot nici să confirm, nici să infirm această informație, nu-i așa?
În acest caz, totul este exact la fel ca în carcasă, cu o simplă selecție cu caractere aldine, doar că facem un accent, și nu doar o selecție.
Exemplu de cod:
Rezultat:
Totul este destul de simplu, nu-i așa?
Textul cu caractere italice.
În acest caz, totul nu este mai dificil decât în primul. Și situația noastră este exact aceeași. Putem evidenția text cu două opțiuni în HTML. Din nou, folosind fie o etichetă de marcare fizică, fie o etichetă de marcare logică, cu ajutorul căreia ne concentrăm din nou pe textul selectat.
Pentru a face textul italic, folosim eticheta . Acest element este asociat și inline, ceea ce ne spune că ar trebui să folosim atât eticheta de deschidere, cât și eticheta de închidere. Și, de asemenea, ar trebui să-l folosească în interiorul unui element bloc. Și în acest caz, cel mai potrivit element de bloc este eticheta de paragraf.
Exemplu de cod:
text cu caractere cursive
Rezultat:
text cu caractere cursive
Și, bineînțeles, putem sublinia textul în același timp, punându-l în italic folosind eticheta . Acest element este același cu , cu excepția faptului că textul este scris în cursiv în loc de aldine.
Exemplu de cod:
textul pe care ne-am concentrat
Rezultat:
textul pe care ne-am concentrat
Și ultimul lucru despre care aș vrea să-l vorbesc astăzi este evidențierea textului cu culoare.
Din păcate, nu avem o etichetă pentru evidențierea textului cu culoare în HTML. Dar totuși, nu este nimic complicat în această metodă.
Deci, pentru a evidenția o anumită parte a textului cu culoare, putem împacheta partea dorită a textului cu o etichetă , care este o etichetă generică și este utilizată în interiorul unui element bloc. În cazul nostru, elementul bloc este eticheta
Dar adauga insuficient. De asemenea, trebuie să specificați parametrul de stil, care vă va permite să adăugați proprietăți CSS la textul necesar, să specificați proprietatea în sine (culoarea), care vă va ajuta să setați o anumită culoare. Și, în sfârșit, furnizați o valoare pentru proprietatea culorii. Dar poate apărea întrebarea: „Ce să indicați?” Trebuie să specificați codul HTML al culorii în care dorim să „pictăm” textul. Codurile de culoare HTML pot fi găsite.
Acum, pentru a fi mai clar, să ne uităm la un exemplu.
Exemplu de cod.
text de evidențiat culoare
În acest caz, evidențiem un cuvânt: culoare. De asemenea, vreau să subliniez că este o pereche și trebuie să o închidem acolo unde ar trebui să se termine proprietatea.
Rezultat:
text de evidențiat
În moduri atât de simple, putem manipula textul de pe pagina noastră. De asemenea, vreau să observ că tot ceea ce tocmai am vorbit funcționează atât pe WordPress, cât și pe DLE, deoarece orice motor folosește HTML pentru a afișa pagini. De aceea HTML poate fi numit baza oricărui site, indiferent de ce CMS aveți.
Sper că am explicat totul clar.
Mult succes prieteni. În curând... Vor fi vești interesante...
În articolul curent, vom vorbi despre cum să evidențiați textul. cu caractere inclinate HTML. Ca și în cazul textului aldin, textul italic poate fi făcut în trei moduri:
Să luăm în considerare toate cele trei opțiuni despre cum să faceți cursive în HTML, să discutăm subtilitățile acestei probleme și ce metode sunt mai convenabile și mai corecte de utilizat în anumite situații.
Text italic: etichetă
Etichetă i(italic), prin analogie cu eticheta b pentru textul aldin, subliniază fizic textul italic (înseamnă că doar stilul textului se schimbă). Aplicație de etichetă i:
Creator de site-uri web „Nubex”
Astfel, partea dorită a textului este plasată între etichete .
Text italic: etichetă
Deși eticheta i rămâne valabil, din punct de vedere al optimizării site-ului, este mai bine să folosiți eticheta ei pentru a evidenția secțiuni importante din punct de vedere logic din text. Aceasta înseamnă că roboții de căutare țin cont de importanța textului plasat între etichete. :
Creator de site-uri web "Nubex"
Rezultat:
Creator de site-uri web "Nubex"
Dar nu uitați că textul este inclus în etichete iȘi ei, deși sunt afișate aproape în același mod (în toate browserele moderne), ele nu sunt în mod inerent identice, așa cum s-a menționat mai sus. Prin urmare, trebuie să utilizați etichete după cum este necesar: etichetă eiÎncadrați HTML secțiuni importante de text și aplicați stilul vizual italic folosind o etichetă i sau stiluri CSS. Să ne uităm acum la utilizarea stilurilor CSS pentru a italiciza textul.
Text italic cu CSS
Pentru a seta stiluri de afișare a fonturilor în CSS, utilizați proprietatea stilul fontului, care poate lua valorile: oblic(text italic), cursiv(italice) și normal(font obișnuit).
Merită să ne amintim că cursiv font și înclinat sunt, în esență, nu la fel. Cursive este un font special care este analog textului scris de mână și înclinat format prin înclinarea fontului obișnuit spre dreapta.
Aplicarea unui atribut stilul fontului la practica:
Italică cu CSS - „Nubex” Site-urile noastre sunt cu adevărat pas imensîn dezvoltarea web.
O facem pe bune calitate site-uri.
Dar trebuie să rețineți că unele browsere text cu proprietatea font-style: oblic; nu poate fi interpretat ca text italic, ci ca italic.