gtemata.com

Cum de a schimba culoarea textului în HTML

Această metodă utilizează eticheta HTML pentru a schimba culoarea textului, o soluție care nu mai este acceptată de noul standard HTML5. Dimpotrivă, utilizarea unei foi de stil CSS pentru a defini ce culoare va prelua textul introdus în diferitele elemente care alcătuiesc pagina web este acceptată în HTML sau HTML5. Utilizând CSS, veți fi siguri că paginile web pe care le creați vor fi compatibile cu toate browserele de internet de pe piață.

paşi

Metoda 1

Utilizați CSS
1
Deschideți fișierul HTML asociat paginii sau site-ului în cauză. Cea mai bună modalitate de a edita și de a gestiona colorarea textului într-o pagină web este de a utiliza foi de stil CSS. atributul Etichetele HTML nu mai sunt acceptate în noua versiune HTML5, astfel încât cea mai bună metodă este de a defini stilul și aspectul elementelor din paginile web utilizând o foaie de stil CSS.
  • Această metodă funcționează și prin utilizarea de foi de stil externe (de exemplu, codul care definește stilul și aspectul diferitelor elemente este plasat într-un CSS fișiere separate de cele care conțin cod HTML care descrie paginile web). Exemplele prezentate în acest articol se referă la un fișier HTML care utilizează CSS intern (codul foii de stil este inserat direct în codul HTML).
  • 2
    Plasați cursorul de text în secțiunea de cod între etichete . Dacă doriți să utilizați un CSS intern, este necesar să definiți codul relativ în această secțiune a codului HTML.
  • 3
    Pentru a crea un CSS intern, utilizați eticheta . Când această etichetă HTML este inserată în secțiunea inclusă în etichete , codul CSS prezent în acesta se aplică automat oricăror elemente de pe pagina web. La sfârșitul acestui pas, fișierul dvs. HTML ar trebui să arate astfel:
  • 4
    Indică elementul pentru care doriți să modificați culoarea textului. Va trebui să utilizați secțiunea inclusă în etichete 
  • 5
    Utilizați atributul HTML culoare: în interiorul selectorului (numit și combinator) a elementului dorit. Atributul de culoare: indică browserului de internet ce culoare a textului să utilizeze pentru un anumit element. În exemplul nostru, elementul "corp" este selectorul implicit pentru a identifica tot textul prezent într-o pagină Web:
  •  
    6
    Tastați culoarea pe care doriți să o atribuiți textului paginii. Există trei moduri de a face acest lucru: folosind numele de culoare, valoarea sa hexazecimală sau codul RGB. De exemplu, culoarea albastră poate fi specificată prin cuvântul albastru, prin RGB rgb (0, 0, 255) sau prin codul HEX relevant 0000FF.
  • 7
    Adăugați mai mulți selectori pentru a schimba culoarea textului celorlalte elemente care alcătuiesc paginile dvs. web. Pentru a schimba culoarea textului de diferite elemente, pur și simplu trebuie să utilizați diferite selectori CSS:
    Acest paragraf va apărea albastru.
    Corpul textului va apărea roșu.


  • 8
    În locul modificării unui element existent, definiți o nouă clasă CSS. În foile de stil este posibil să definiți o nouă clasă și apoi să o aplicați oricărui element HTML dorit, astfel încât să-și asume imediat stilul și aspectul grafic. În exemplul nostru, clasa ".redtext" modificați culoarea textului tuturor elementelor la care este aplicată:
    Textul acestui paragraf va apărea cu culoarea implicită.
    În timp ce acest paragraf va apărea în roșu.
    • Metoda 2
    Utilizați atribute de stil în cadrul codului HTML 
    1
    Deschideți fișierul HTML care conține codul sursă al site-ului sau al paginii dvs. web. Pentru a modifica aspectul grafic al unui singur element HTML, puteți utiliza atributele de stil inserându-le direct în codul sursă al paginii web. Această soluție poate fi foarte utilă când trebuie să modificați rapid aspectul unuia sau al două elemente. Din motive evidente, nu se recomandă utilizarea acestei metode pentru a gestiona stilul și aspectul tuturor elementelor unei pagini web. În acest al doilea caz, soluția optimă implică utilizarea foilor de stil CSS.
  • 2
    Găsiți elementul pe care doriți să îl editați în fișierul HTML care conține codul sursă al paginii web. Utilizând atributele HTML legate de stilul grafic puteți schimba culoarea textului oricărui element dintr-o pagină Web. De exemplu, presupunând că doriți să modificați culoarea textului unui anumit titlu, va trebui mai întâi să identificați ultimul element din fișierul HTML:
  • 3
    Adăugați atributul de stil corect la definiția elementului dorit. Tipul de stil ="" în interiorul etichetei de deschidere a elementului pe care doriți să îl modificați:
  • 4
    Tastați atributul culoare: în interiorul "" atribut "stil". În exemplul nostru vom obține:
  • 5
    Introduceți codul pentru noua culoare pe care doriți să o acordați textului. Ca și în cazul precedent, există trei moduri de a face acest lucru: puteți utiliza numele culorii, valoarea sa hexazecimală sau codul RGB. De exemplu, pentru a face ca textul să apară în galben, va trebui să utilizați una dintre următoarele codări: yellow-, rgb (255,255,0) - sau # FFFF00-:
    • Sfaturi
    • Vizitând această adresă URL https://w3schools.com/colors/colors_names.asp veți găsi o listă cu toate denumirile de culori acceptate de codul HTML, împreună cu codul hexazecimal corespunzător.
     
    Distribuiți pe rețelele sociale: 

     
    înrudit