Pentru această etichetă, valorile sunt setate folosind atributul stil. Iată cum arată în cod:

Textul merge aici

După cum puteți vedea, aici este folosit codul CSS (dimensiunea fontului), iar dimensiunea este setată folosind puncte (pt, point). In spate valoare standard Dimensiunea acceptată este de 12 pt, care poate fi modificată prin creșterea sau descreșterea cu un număr întreg.

Modificarea dimensiunii fontului la formatarea titlurilor

Adesea trebuie să reduceți sau să măriți dimensiunea fontului în html atunci când editați titlurile. În acest caz, sarcina nu este doar de a schimba dimensiunea, ci și de a selecta în mod logic o anumită parte a textului și de a o atribui ca titlu pentru blocul de text.

În acest caz, este recomandabil să folosiți etichete

—

. Etichetă

- Acesta este primul nivel. Acesta va fi afișat cel mai mare în browser și va fi etichetat de la

inainte de

folosit pentru a evidenția subtitluri.

Antet de primul nivel

Parametrii specifici pentru această etichetă sunt setați folosind CSS - în acest fel puteți seta o anumită dimensiune a textului, culoare și font.

Deci, ne-am uitat la principalele modalități de a schimba dimensiunea fontului în html. Aceste informații sunt suficiente pentru a crea o pagină web cu aspect curat, ușor de citit.

Pentru comoditate, luați notă de următoarele recomandări:

• Când proiectați, nu ar trebui să vă limitați la HTML. Odată ce ați stăpânit elementele de bază ale construirii unui site web, puteți începe să învățați CSS. Acest lucru va deschide noi orizonturi în crearea de pagini web.
• Testarea site-ului web finalizat în diferite browsere și pe diferite platforme nu trebuie neglijată. După cum s-a menționat mai sus, parametrii textului pot diferi semnificativ, mai ales când se utilizează versiuni învechite ale browserelor.
• Ar trebui să folosiți întotdeauna spații și file atunci când scrieți cod. Acest lucru face mai ușor de citit și de înțeles.
• Comentariile la cod nu sunt doar un instrument de înțelegere ușoară, ci și un semn al bunelor maniere în rândul dezvoltatorilor.

Cum se schimbă dimensiunea fontului în HTML pe un site web.

Viața noastră constă în lucruri mici de zi cu zi care ne afectează într-un fel sau altul bunăstarea, starea de spirit și productivitatea. Nu am dormit suficient - mă doare capul; Am băut cafea pentru a îmbunătăți situația și a mă înveseli – dar am devenit iritabil. Chiar vreau să prevăd totul, dar pur și simplu nu pot. În plus, toată lumea din jur, ca de obicei, oferă sfaturi: gluten în pâine - nu vă apropiați de el, vă va ucide; Un baton de ciocolată în buzunar este o cale directă către pierderea dinților. Colectăm cele mai populare întrebări despre sănătate, nutriție, boli și oferim răspunsuri la ele care vă vor permite să înțelegeți mai bine ce este bun pentru sănătatea dumneavoastră.

S-ar părea, de ce să știți etichetele HTML pentru text, dacă acum aproape orice panou de administrare are unul convenabil care le setează automat?

Faptul este că formatarea conținutului pe un site web este fundamental diferită de lucrul în aplicațiile de birou. Aici nu este suficient să dai pur și simplu textului un aspect atractiv, pentru că de designul corect depinde nu doar afișarea unei pagini web, ci și promovarea acesteia în motoarele de căutare.

Etichete și atribute HTML: Sintaxă de bază

Orice text are cod ascuns, care „explicează” computerului ce și cum să se afișeze pe ecran. Toate informațiile sunt înregistrate folosind un set de elemente universale.

În esență, etichetele de text HTML sunt comenzi care adaugă anumite blocuri la o pagină sau le modifică aspectul. Format corect intrarea arata asa:

Vă rugăm să rețineți că nu toate etichetele sunt asociate. De exemplu,
(sărire de rând) sau

De ce nu puteți copia articole din Word și din alte programe în editorul site-ului web

Deși modernă programe de birou utilizați aceleași etichete HTML pentru text, în 99% din cazuri codul nativ este inutilizabil pentru paginile web. Chiar dacă documentul este afișat normal în aplicația însăși, atunci când este introdus pe un site web, formatarea se poate pierde. Mai mult, din cauza cantitate mare etichete și atribute suplimentare, motoarele de căutare nu pot analiza în mod adecvat conținutul paginii. Ceea ce, la rândul său, face dificilă promovarea resursei tale.

Pentru a obține un cod curat și relevant, mai întâi trebuie să ștergeți textul etichetelor HTML create de un editor obișnuit. Există mai multe moduri de a face acest lucru:

1. „Rulați” articolul prin Notepad și abia apoi introduceți-l pe site. Aplicația șterge tot HTML, așa că după aceea va trebui să formatați din nou textul (folosind instrumentele editorului sau manual).
2. Scrieți și publicați articole folosind LiveWriter. Popularul editor de blog generează imediat codul corect. Si in filă separată Puteți vedea cum va arăta textul pe site.
3. Utilizați HTML Cleaner. Acest serviciu online nu distruge întregul cod, ci doar fragmente inutile. Folosind filtre, alegeți ce etichete doriți să salvați. Există, de asemenea, un puternic editor vizual pentru formatare, care adaugă la cod comenzi deja optimizate.

Paragrafe

Acest element este prezent în aproape toate articolele. Fiecare paragraf ar trebui să fie amplasat în interiorul unui astfel de container - acest lucru simplifică formatarea și vă permite să salvați stil uniform pe toate paginile site-ului. Pentru comoditate, eticheta

Scrie mereu cu linie nouă.

Aliniere

Eticheta HTML separată „Aliniere text” nu a fost folosită de mult timp. În schimb, a fost creat un atribut ALIGN generic. Pentru a schimba poziția unui bloc de text pe pagină, trebuie să selectați una dintre cele 3 valori - CENTRU, DREAPTA sau STÂNGA. Puteți seta alinierea pentru alte elemente, cum ar fi titluri, în același mod.

În unele situații, alte etichete sunt folosite pentru aliniere, de exemplu, puteți poziționa folosind elementul

Titluri și subtitluri

Sistemul de subtitluri vă permite să creați o structură logică de conținut. Când textul este împărțit în blocuri semnificative, este mult mai ușor pentru cititor să se concentreze și să absoarbă informație nouă. Motoarele de căutare analizează și titlurile pentru a înțelege pentru ce interogări să promoveze pagina. Acesta este motivul pentru care experții SEO recomandă utilizarea cuvintelor cheie de actualitate în ele.

HTML folosește șase nivele de subtitluri - de la

inainte de

. Există o ierarhie clară în acest sistem:

• ...

  . Articolul principal, produs dintr-un magazin online etc.). Nu poate fi decât unul în text

  . De regulă, conține cuvântul cheie principal.

• ...

  . Subtitlurile de al doilea nivel împart textul în blocuri semnificative. De exemplu, dacă evaluați laptopurile, puteți face mai multe

  cu numele diferitelor modele.

• ...

  . Al treilea nivel este necesar dacă textul este între doi

  este, de asemenea, împărțit în blocuri mici. În exemplul nostru, acestea ar putea fi criterii de evaluare - „Performanță”, „Memorie”, „Placă video”, etc. pentru fiecare model.

• ,

  ,

  . În practică sunt extrem de rare. Dar principiul general este același - ar trebui să fie „imbricate” într-un bloc cu un subtitlu de nivel superior.

Asigurați-vă că mențineți ierarhia corectă. Revenind la exemplul nostru, aceasta înseamnă că nu puteți introduce imediat numele modelului ca

sau

. Și cu atât mai mult, folosiți subtitluri de diferite niveluri pentru blocuri cu semnificație omogenă (de exemplu, evidențiați un laptop care a ocupat ultimul loc în clasament folosind

).

Iată o diagramă care vă va ajuta să înțelegeți și să vă amintiți instantaneu structura corectă a titlurilor în HTML.

Liste

Este mai bine să formatați orice listări și instrucțiuni sub formă de liste, folosind etichete HTML speciale pentru text ( greseala tipica- doar câteva paragrafe

Care încep cu o cratimă sau un număr).

Structura unor astfel de blocuri este foarte simplă. În primul rând, determinăm tipul de listă - marcate sau numerotate.

Toate elementele se află între etichetele de deschidere și de închidere. Fiecare element din listă începe pe o linie nouă și are formatul . Numărul de elemente nu este limitat.

Alegerea și atributele sale

Ce poate fi schimbat folosind acest font și culoare - și fără a adăuga noi clase la CSS. Acest lucru este foarte convenabil atunci când trebuie să evidențiați o singură propoziție sau fragment.

are mai multe atribute:

• Față. Vă permite să schimbați fontul textului. Puteți enumera mai multe opțiuni separate prin virgule (Tahoma, Verdana). Dacă utilizatorul nu are instalat primul font, sistemul folosește pur și simplu o alternativă.
• mărimea. Pentru a mări sau mai mic textul, introduceți o valoare între 1 și 7 între ghilimele.
• Culoare. În funcție de design, puteți alege una dintre nuanțele standard (roșu, verde, albastru) sau puteți introduce un cod pentru orice culoare la alegere.

Nu utilizați paragrafe formatate cu , în loc de subtitluri. Este mai bine să setați aceiași parametri de design cu eticheta corectă.

Modalități de evidențiere a textului

Textul monoton este obositor, chiar descompus în paragrafe. Pentru a atrage atenția și a stârni interesul cititorului, se recomandă evidențierea grafică a punctelor cheie. Iată câteva comenzi care vă vor ajuta să faceți față acestei sarcini.

... . Extrem etichetă HTML populară. Miniatură atrage imediat atenția și, prin urmare, cu ajutorul său este convenabil să evidențiem teze și fapte importante.

Mulți oameni confundă etichetele Și . Nu există nicio diferență vizuală, dar funcționează diferit. Primul schimbă pur și simplu aspectul textului, iar al doilea servește drept „index” și evidențiază cele mai importante fragmente (tematice Cuvinte cheieși fraze pentru SEO).

... . Literele cursive elegante și stricte sunt ideale pentru proiectarea termenilor științifici, a cuvintelor străine și a unei varietăți de citate. În publicațiile serioase, numele operelor de artă sunt evidențiate și în text italic.

... . Poate că nicio altă etichetă HTML nu a provocat atât de multe controverse. Sublinierea textului este rar folosită deoarece aceasta metodaÎn trecut, punctele importante au fost atribuite hyperlinkurilor. Dacă utilizați în articole, vă rugăm să rețineți că acest lucru este potrivit doar pentru fragmente scurte - nu mai mult de 1 rând.

... . O etichetă interesantă care vă permite să faceți o parte Foarte relevantă în publicitate - de exemplu, pentru a sublinia contrastul dintre prețurile vechi și noi.

... . Cel mai simplu mod de a mări dimensiunea fontului fără opțiuni suplimentare.

... . Funcționează pe același principiu ca eticheta anterioară. Textul situat în interior este redus față de cel principal.

^... . Nume corect acest format este un superscript. Această etichetă este destinată în principal pentru grade și note de subsol matematice. Reduce dimensiunea fontului și mută textul selectat în sus.

_... . Indicele se găsesc adesea în diverse formule. Fragmentul selectat se află sub textul principal.

Containere semnificative

Deoarece unele blocuri au fost găsite în multe texte, au început să fie create etichete speciale pentru ele. Acest lucru simplifică formatarea, deoarece dacă fiecare tip de conținut are propriul său set de stiluri, trebuie doar să evidențiați o bucată de text și să indicați ce informații conține.

... . Etichetă pentru adăugarea codurilor computerului. Indispensabil în articolele despre programare cu exemple - comenzile nu sunt executate, ci afișate ca text simplu.

... . Conceput pentru formatarea citatelor - de exemplu, extrase cheie dintr-un interviu.

. Plasează o parte a textului într-un bloc separat. În mod implicit, selecția are mai multă umplutură din stânga, dar puteți modifica și dimensiunea, stilul fontului și culoarea textului în CSS.