Cum se face textul aldin cu HTML

Autor: Bobbie Johnson
Data Creației: 7 Aprilie 2021
Data Actualizării: 26 Iunie 2024
Anonim
How to make a text bold , italics , underlined and more in HTML
Video: How to make a text bold , italics , underlined and more in HTML

Conţinut

Limbajul de marcare HTML vă permite să faceți text aldin fără probleme și chiar în mai multe moduri simultan. Cu toate acestea, va fi mai bine dacă petreceți câteva minute studiind regulile de bază ale foilor de stil în cascadă - CSS și le adăugați la document, astfel încât să puteți lucra acolo mai târziu. Concluzia este că este mult mai ușor să controlați aspectul unei pagini web din CSS, inclusiv atunci când ceva trebuie evidențiat cu caractere aldine.

Pași

Metoda 1 din 2: Creați text în gras cu HTML

  1. 1 puternic> Folosiți eticheta puternic / puternic>. În HTML5, conform specificațiilor, acesta este cel mai bun mod de a evidenția textul. Această etichetă va face aproape întotdeauna textul aldin.
    • Plasați textul pe care doriți să-l evidențiați în etichete: puternic>chiar aici/ puternic>.
  2. 2 Folosiți titluri atunci când este cazul. De obicei, acestea sunt plasate în partea de sus a paginii sau la începutul unei noi secțiuni. În mod implicit, titlurile sunt afișate mai mari și mai îndrăznețe decât textul normal, deși există și câteva subtilități aici. Există șase niveluri de titluri, de la 1 la 6: h1> - h6>. Urmați aceste instrucțiuni atunci când le utilizați:
    • Titlul h1 este scris astfel: h1> primul nivel titlu / h1>, iar acesta este cel mai important, cel mai mare titlu al paginii.
    • h2> Rubrica h2 / h2> - pentru a doua cea mai importantă rubrică și așa mai departe până la chiar h6> rubrica h6, cea mai mică dintre toate / h6>.
    • Trebuie să utilizați titlurile cu atenție, cu moderare, numai pentru a organiza conținutul paginii. Utilizatorul ar trebui să poată vedea titlul cât mai repede posibil pentru a înțelege dacă conținutul dorit este dedesubt.
    • Când creați subpoziții, merită să coborâți doar la un nivel la rând. Cu alte cuvinte, nu este nevoie să puneți după h1> imediat h3>. În acest fel, formatarea paginii nu va eșua la conversia în alt format.
  3. 3 b> Ca ultimă soluție, utilizați eticheta b / b>. Eticheta b> este încă acceptată în HTML5, dar mult mai bine. Puteți utiliza b> când textul este evidențiat în scopuri stilistice, non-semantice - de exemplu, pentru a evidenția cuvinte cheie sau cuvinte din vocabular, nume de produse etc.
    • La fel ca majoritatea etichetelor, b> este o pereche care controlează textul / b> care este plasat în interiorul acestuia.

Metoda 2 din 2: Creați text cu caractere aldine cu CSS

  1. 1 Amintiți-vă când să utilizați CSS. CSS este un instrument foarte puternic și convenabil pentru editarea aspectului unei pagini. De fapt, CSS este modul în care „arată” pagina, în timp ce HTML este ceea ce „înseamnă”. Desigur, nu este nimic în neregulă cu etichetele HTML, acestea pot fi folosite, dar este mai bine să lucrați cu CSS - aveți mai mult control asupra modului în care va arăta textul dvs.
    • Deschideți o pagină HTML simplă în diferite browsere. Observați cum apare ușor diferit în fiecare? CSS poate ajuta la menținerea acestei diferențe la minimum.
  2. 2 Adăugați o etichetă span> la text. Dacă nu dețineți deja CSS, ar trebui să începeți cu așa-numitul „inline CSS” - „foi de stil inline”, dacă doriți. Acest lucru, desigur, poate fi folosit pentru a schimba aspectul etichetelor precum p> sau h1>, dar uneori puteți schimba și textul care nu este încă inclus în nici o etichetă. Eticheta span> / span> este ca un wrapper care în sine nu are niciun efect sau efect, dar ne oferă posibilitatea de a face modificările necesare paginii. Iată un exemplu:
    • span> Învăț cum să fac textul aldin cu CSS inline ./span>
  3. 3 Adăugați atributul de stil. Atributele în HTML sunt scrise direct în etichetă, chiar în casetele de selectare>. Atributul de stil este necesar pentru a insera CSS într-o etichetă HTML, deci introduceți stil = în eticheta span:
    • span style => Învăț cum să fac textul aldin cu CSS inline ../ span>
    • De ce să adăugați un atribut de stil dacă nu adăugați stilul în sine? Gândește bine. Dar aici prezentăm totul pas cu pas!
  4. 4 Adăugați proprietatea font-weight. Proprietățile CSS sunt adăugate ca parte a atributului, în acest caz ca parte a atributului stil, și anume „font-weight” (greutate literală). Această proprietate poate fi utilizată pentru a specifica stilul unui font, nu numai bold, ci și extra bold, subțire sau normal. După semnul =, scrieți "grosimea fontului:"... Ar trebui să arate cam așa:
    • span style = "font-weight:"> Învăț cum să fac textul aldin folosind CSS inline ../ span>
    • Pauză deocamdată, nu mai scrie nimic altceva (și da, mai sunt multe).
    • Nu uitați să puneți citate înainte și după grosimea fontului:.
  5. 5 Adăugați valoarea îndrăzneață. Ce a rămas? Așa este, setați proprietatea atributului la o valoare! Unde să-l inserați? Așa este, între grosimea fontului: și un citat de închidere. Această proprietate are mai multe varietăți, care diferă în îndrăzneală, iar cel mai simplu mod este de a utiliza valoarea îndrăzneţ:
    • span style = "font-weight: bold"> Învăț cum să fac textul bold folosind CSS inline./span>
  6. 6 Experimentați cu alte valori. CSS este mult mai puternic decât HTML, așa că nu simți că ești legat de mâini și picioare. Iată câteva alternative la bold:
    • span style = "font-weight: bolder"> "Bolder" - în acest fel, textul va fi întotdeauna mai gros decât elementul părinte, indiferent cât de bold este. / span> Dacă întregul paragraf este selectat cu "bold", atunci „mai îndrăzneț” va ajuta la evidențierea și mai îndrăzneț, să zicem, a unei propoziții separate care se află în ea.
    • span style = "font-weight: normal"> "Normal" - un astfel de text va arăta ca de obicei, chiar și atunci când se află în interiorul unei etichete care face textul aldin. / span>
    • span style = "font-weight: 900"> Pentru a seta greutatea textului, puteți utiliza valori de la 100 la 900. 400 - stil obișnuit, aldin - de la 700 și peste. / span>

sfaturi

  • Când utilizați valori numerice pentru greutate în CSS, utilizați multipli de 100. Toate celelalte valori vor fi rotunjite în continuare.
  • Un fișier CSS extern, cu siguranță, este mult mai convenabil decât ceea ce este descris în acest articol - în acest fel va fi posibil să controlați aspectul tuturor paginilor site-ului dintr-un singur fișier simultan!
  • Nu puteți face un font mai gras decât intenționat inițial de tipografi. Când lucrați cu CSS, nu uitați că fontul se va modifica în conformitate cu standardul. În consecință, nu veți vedea diferența dintre cele două opțiuni de caractere aldine (mai exact, o puteți vedea - dar depinde deja de font).