Sisään HTML , värin lisääminen tekstiin ja elementteihin tehdään yleensä käyttämällä CSS . On kuitenkin olemassa useita tapoja lisätä väriä suoraan HTML:ään ilman CSS:ää.

Keskustelemme seuraavista tavoista lisätä väriä ilman CSS:ää HTML-elementeissä.

Sisällysluettelo

• Fonttitunnisteen käyttäminen
• JavaScriptin käyttö
• SVG-tunnisteen käyttäminen fill-attribuutilla
• Tekstin värimääritteen käyttäminen
• bgcolor-attribuutin käyttäminen

Lähestymistapa 1: Fonttitunnisteen käyttäminen

Käyttää tag määrittääksesi tunnisteen tekstin värin. Fonttitunnisteissa meidän on käytettävä väriattribuutteja värinimien tai koodien antamiseen.

Syntaksi

Esimerkki: Kuva värin lisäämisestä HTML:ään ilman CSS:ää Fonttitunnisteen käyttäminen.

HTML

> <> html> >>> <> title> >Värin lisääminen HTML:ään ilman CSStitle> head> Fonttitunnisteen käyttö color attribuutilla3> Tervetuloa GeekForGeeks-fonttiin> h1> Se on online-oppimisalustafont> h2> body> html>>

Lähtö:

Lähtö

Lähestymistapa 2: JavaScriptin käyttö

Määrittele a JavaScript funktio nimeltä changeColor, jota käytetään muuttamaan HTML-elementin väriä tunnuksella myElement. Täällä käytimme tag lisätäksesi javascript-koodin HTML:ään.

Syntaksi

Esimerkki: Kuva värin lisäämisestä HTML:ään ilman CSS:ää JavaScriptin käyttö

HTML

> <> html> >>> <> title> >JavaScript-esimerkkiotsikko>