Bevezetés a színnévbe a HTML-ben

A Színnév a HTML-ben nagyon fontos szerepet játszik az internetes és alkalmazástervezési folyamatban. Ez segít megváltoztatni weboldalunk vagy alkalmazásunk megjelenését. Amellett, hogy alkalmazásunkat vonzóbbá és interaktívabbá teszi. Különböző módokon definiálható a színnév HTML-ben a HTML kódolási formátumba. további CSS tulajdonságokat lehet használni a hatékonyabb felhasználáshoz. Képesek vagyunk használni a HTML színnevet az oldalszinten, ha beépítjük a testrészbe, amely szintén képes az adott elemhez az egyes színek beállítására. A Színnevet a HTML-ben szándékosan használják a szöveg színére, háttér színére, keret színére, árnyékokra, színátmenetekre és még sok másra.

Szintaxis

  • A HTML színek használatának különféle módjai vannak. Lássuk egyenként.
  • A HTML szín alapvető használata az, hogy alkalmazza azt a szövegre. egyszerűen csak szöveges színként használhatja a szöveg megjelenítését különböző HTML színekben.

1. Szöveg szín szintaxisa

color : color_name;

Lássuk, hogyan fog működni ez a szintaxis,

Welcome to EDUBCA

A fenti példában az Üdvözlet az EDUBCA-ban kék színű szöveget jelenít meg, például:

  • A HTML színek segítségével háttér színként is hozzáadhatók.

2. Háttér szín szintaxisa

background-color:color_name;

Lássuk, hogyan fog működni ez a szintaxis,

A kategória tartalmazza az összes formatervezési információt, amely a formatervezési tanfolyam számos alkategóriájában eloszlik.

  • Színes szegéllyel bármilyen szöveget vagy elemet felvehet HTML kód használatával a következő szintaxissal:

3. Keretszín szintaxis: szegély

value color_name;

Lássuk, hogyan fog működni ez a szintaxis,

EDUCBA free certification course

A színnév típusai HTML-ben

A színnevek HTML-ben történő meghatározására különféle módok vannak. Nehéz megjegyezni a különböző neveket, különböző színekben. Tehát el kell dönteni, hogy adjon-e bizonyos értékeket a különböző színeknek. Lássuk egyenként

1. RGB érték

  • Ez a HTML színnevek meghatározásának egyik módja a vörös, a zöld és a kék színformátum értékek kombinációjában. Melyik a 0 és 255 közötti színintenzitás meghatározására?
  • Tegyük fel, hogy a fekete színt RGB kombinációval kívánjuk meghatározni, akkor ez tetszeni fog az RGB-hez (0, 0, 0). Itt a szín minden paramétere 0-ra áll. Tehát fekete színű lesz.
  • Mint egy másik RGB (0, 0255), kék színű lesz, mivel a 255-et a legnagyobb értékre kékre állítják, a másik pedig 0-ra.
  • Ha az RGB 3 azonos értékére számolunk, akkor ez szürke színű árnyalatot eredményez.

Példa: RGB (0, 0, 0) a legsötétebb színhez, ahol RGB (255, 255, 255) a legvilágosabbhoz.

2. HEX érték

  • Ez a színnév egyik leggyakrabban használt formátuma a HTML-ben, amelyben a színnevet hexadecimális érték formátumban kell meghatározni.
  • #rrggbb formátum tartalmazza az RR értékeket vörös, gg zöld és bb kék esetén 00 toff hexadecimális érték között.
  • Vegyük egy példát a # 00ff00 szín meghatározására. így ezek az értékek zöld színűek lesznek, mivel a zöld a legmagasabb (ff) értéket tartalmazza, ahol a másik értékét 00-ra kell állítani.

3. HSL érték

  • Egy másik formátum a HTML szín meghatározásához árnyalat, telítettség, világosság formájában.
  • Most az összes kifejezést egyenként fogjuk látni. A színárnyalatot úgy definiálják, hogy a szín mértéke 0 és 360 között van. amelyben 0 piros, 120 zöld és 240 kék esetén.
  • A telítettség határozza meg a szín értékét százalékban, amelyben 0% azt mondja, hogy a szürke árnyalatát 100% -nak kell tekinteni.
  • A világosság úgy működik, hogy százalékban meghatározza a 0% -ot a fekete, az 50% -ot sem a világosnak, sem a sötétnek, ahol a 100% a fehért.

4. RGBA érték

  • Az ilyen típusú HTML szín meghatározza az RGB szín kiterjesztését, beleértve az alfa-értéket. Ahol az alfa-t használják a szín átlátszóságának meghatározására.
  • Az alfaérték 0, 0 (teljesen átlátszó) és 1, 0 ((egyáltalán nem átlátszó) között van.
  • Példa az rgba (255, 99, 71, 0)

5. HSLA érték

  • Ugyanaz működik, mint a HSL színek értéke, ezen felül az alfa érték is, ezzel meghatározva a szín átlátszóságát.
  • hsla (8 100%, 80%, 0) a teljes átlátszó színért.
  • hsla (8 100%, 80%, 0, 9) a nem túl átlátszó színhez.

Példák a színes névre a HTML-ben

Nézzük meg, hogy az alább említett példák segítségével hogyan használják a HTML-színben a színes nevet:

1. példa

Nézzük meg egy általános példát, amely megmutatja, hogy a HTML-ben a példa színnevét hogyan fogják használni:

HTML kód:



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun

A kudarcból többet megtudhat, mint a sikerből. Ne hagyja, hogy megálljon. A hiba karaktert épít. Ha valami olyan munkán dolgozik, amelyben valóban érdekel, akkor nem kell megnyomnia. A látomás húz téged

Kimenet:

2. példa

Most egy másik példát veszünk, amely az alábbiak szerint határozza meg a HTML szín minden típusát:

HTML kód:



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade

Kimenet:

A fenti példában láthatjuk a különféle HTML színtípusok használatát és annak megnevezését HTML-ben.

3. példa

A HTML szín további felhasználása az elem szegélyének meghatározása, amely a következő:

Példa: Itt felvehetünk egy szegélyt a kódtestre, megváltoztatva a háttér és a szöveg színét is.

HTML kód:

Az önmegvalósító elmélet a feladat elvégzésében rejlő belső jövedelmekről beszél, mint például a munkával való elégedettség, az eredményesség érzése stb.

Kimenet:

Következtetés

Megállapítottuk, hogy a HTML színeket különböző nevekkel, százalékos értékkel, Hex értékkel, alfa értékkel és még sok más definiáljuk. A HTML-ben a színnév a szöveg, a háttér, a szegély és a fokozat színezésére szolgál. Különböző típusú lehet a HTML színnevet RGB, hex, hsl, rgba, hsla meghatározni.

Ajánlott cikkek

Ez egy útmutató a Színnév HTML-ben. Itt tárgyaljuk a bevezetést, a színnév típusait a HTML-ben, példákat, szintaxist és HTML-kódokat. A további javasolt cikkeken keresztül további információkat is megtudhat -

  1. HTML stílus attribútum
  2. HTML táblázatok
  3. Image Link HTML formátumban
  4. Készítsen táblázatokat HTML-ben
  5. HTML események

Kategória:

Webfejlesztő eszközök