Evidențierea HTML: evidențiați textul cu aldine, cursive și culoare

Salutări vouă, celor cărora le place să demonteze ceva nou și să-și completeze cufărul de cunoștințe cu informații noi! După ce ai citit articolul, vei învăța cum să faci text aldine în html, ce alte tipuri de stiluri există și ce elemente sunt responsabile pentru acest lucru. Drept urmare, site-ul dvs. se va putea lăuda cu text care poate fi citit cu puncte cheie evidențiate corect.

În articolele anterioare, am vorbit mult despre atributele și etichetele limbajelor web, despre metodele de proiectare a aspectului și aspectului, dar nu am atins niciodată un anumit obiect fără de care nici un site nu poate trăi. Acesta este text.

Și nu doar un set continuu de litere, ci inteligent împărțit în paragrafe, evidențiind cuvinte cheie, citate, link-uri etc. În acest scop, limbajele CSS oferă instrumente speciale de stil. Să începem!

Opțiuni de stil în html

Fontul conținutului textului poate fi întotdeauna modificat. De exemplu, îl puteți seta pe aldine sau cursive și îl puteți decora. Pentru aceasta, există etichete simple care sunt foarte ușor de reținut și apoi aplicate. Mai jos este un tabel cu elemente care explică scopul acestora.

Mai întâi, să ne uităm la elementele de text aldine.

Pentru a crește grosimea literelor, există etichete asociate precum și . Utilizarea acestor instrumente apare la fel, deoarece formatează textul cu caractere aldine. Cu toate acestea, scopul lor este diferit. Prin urmare, ele nu pot fi numite echivalente și doar una dintre ele nu poate fi utilizată.

Astfel, tag-ul a fost creat cu condiția de a schimba fontul standard într-unul bogat și îngroșat. Se referă la aspectul fizic al conturului și nu poartă nicio încărcătură semantică. Deci, să presupunem că acesta este doar un tip de afișaj de testare.

A are scopul de a concentra atenția asupra unui punct cheie. Acesta este un element logic care ar ieși în evidență prin intonație în timpul unei conversații.

Acum să ne uităm la etichete precum Și .

Formatează fontul standard în cursiv. Cred că veți pune o întrebare logică: „Sunt aceste elemente diferite unele de altele pe baza principiului etichetelor și ?” Întrebarea este corectă. Și ai dreptate!

Într-adevăr, o unitate de limbaj de marcare este concepută pentru a sublinia punctele și detaliile importante, în timp ce doar o variație a aspectului conținutului.
Instrumente pentru modificarea fonturilor în css
CSS nu este departe și oferă dezvoltatorilor instrumente similare pentru editarea textului. Acestea sunt proprietăți precum decorarea textului și fontul.

– acesta este un parametru universal care completează fontul cu anumite detalii. Astfel, textul poate fi „forțat” să clipească (clipi), să sublinieze (subliniat) sau să trimită (line-through), să tragă o linie peste cuvinte (supralinie), să moștenească caracteristicile obiectului părinte (moștenire) sau să șterge formatul fontului tuturor adăugărilor (nici unul).

Al doilea mecanism folosit în mod obișnuit pentru editarea conținutului textului este proprietatea fontului. Cu ajutorul acestuia, puteți schimba stilul fontului (font-style), dimensiunea acestuia (font-size), setați majuscule, de ex. indicați tipul de litere mici (varianta fontului), precum și „jucați” cu stilul (greutatea fontului).
Și iată un exemplu
Ținând cont de toate informațiile pe care le-am împărtășit mai sus, vom încerca să creăm un exemplu de cod în care să profităm la maximum de cunoștințele dobândite (vă reamintesc că codul poate fi tastat în ).