Sabtu, 10 Maret 2018

√ 200++ KODE WARNA HTML

KODE WARNA HTML. HTML dan Cascading Style Sheets (CSS) adalah metode yang disukai untuk mengubah warna teks, jadi pertama kami akan menunjukkan metode mengubah warna teks menggunakan inline kode warna HTML, kemudian kita akan beralih ke bagaimana untuk mencapai efek yang sama menggunakan CSS.

Mengubah Warna Teks Menggunakan HTML


Menggunakan kode warna (Hex) teks


Untuk mengubah warna teks, Anda akan memerlukan dua hal:

1. perintah untuk mengubah teks.
2. kode warna (hex).

Kode warna, seperti yang saya sebutkan di atas, secara teknis disebut kode hex. Kode yang tidak sangat user freindly, sehingga Anda akan perlu tabel warna.

Mengubah warna teks di seluruh halaman


Anda bisa mengubah warna teks full-page dengan empat tingkat:

  • <TEXT="######">--Ini menunjukkan warna teks full-page.
  • <LINK="######">--Ini menunjukkan warna link pada halaman Anda.
  • <ALINK="######">--Ini menunjukkan warna link akan berkedip ketika diklik.
  • <VLINK="######">--Ini menunjukkan warna link setelah mereka telah dikunjungi.

Perintah ini datang tepat setelah kode <TITLE> . Sekali lagi, dalam posisi itu mereka mempengaruhi segala sesuatu di halaman. Juga... menempatkan mereka semua bersama-sama dalam perintah yang sama bersama dengan latar belakang setiap perintah.

Contohnya seperti ini:

< body="" bgcolor=""######"" text=""######"" link=""######"" vlink=""######"">

Harap dicatat: ketika Anda menulis kode ini, Anda dapat menulis mereka dengan tanda # di depan dari kode hex atau tidak. Ini digunakan untuk menjadi simbol yang diperlukan, tetapi tidak lagi. Saya masih menggunakannya karena saya memulai dengan itu. Anda mungkin ingin hanya memilih kode enam digit. Juga pastikan untuk menempatkan spasi di antara setiap perintah dan pastikan untuk menyertakan dalam tanda kutip, seperti:

<VLINK="#FFFFFF"></VLINK="#FFFFFF"></TITLE></VLINK="######"></ALINK="######"></LINK="######"></TEXT="######">

Mengubah warna kata tertentu


Tetapi bagaimana jika saya hanya ingin mengubah warna satu kata saja?

Anda akan menggunakan kode warna (hex) untuk melakukan trik ini. Gunakan rumus ini:

<FONT color=""######"">teks teks teks teks teks</FONT>

Contoh:

<font color="#FFB6C1">Light Pink</font>

# Kode Warna HTML 1


1. rs collab
kode warna html
#293E6A   #3B5998   #74AAF7   #77BA9B   #B6A754

2. mohiuddin parekh
kode warna html
#B0A472   #F5DF65   #2B9464   #59C8DF   #D14D28

3. boy-coy
kode warna html
#F15D58   #363635   #83BF17   #A68F58   #DCDDCD

4. drupal con
kode warna html
#BB0F00   #6E0000   #6D2908   #1BA3E1   #02D0AC

5. windows of new york
kode warna html
#753A48   #954F47   #C05949   #9AADBD   #CBBB58

6. lorenzo verzini
kode warna html
#F0F1EE   #333332   #1352A2   #FFD464   #FB6964

7. raspberry theme
kode warna html
#591E23   #D94E67   #F2D8A7   #A68572   #73503C

8. paw studio
kode warna html
#28BE9B   #92DCE0   #609194   #EF9950   #D79C8C

9. visually columbia
kode warna html
#FFF568   #0C98CF   #0AA0D9   #6C6E70   #2D3033

10. andaz
kode warna html
#666666   #25AAA0   #66C3BC   #41D4CF   #10206B

11. secret key
kode warna html
#442D65   #775BA3   #91C5A9   #F8E1B4   #F98A5F

12. fig
kode warna html
#493621   #82683B   #F76835   #D7D1CA   #B8BE1C

# Kode Warna HTML 2


13. viximo
kode warna html
#57102C   #AA2159   #009D97   #7EC2AA   #BCC747

14. osaki
kode warna html
#FF9700   #CC6600   #999900   #333300   #660066

15. kashi
kode warna html
#5DB89D   #007034   #8C8535   #FFCA00   #F26547

16. bassenettes
kode warna html
#FF5108   #FFFDF8   #FF2321   #000000   #F7FF3F

17. adam hartwig
kode warna html
#E8A0B8   #FFC300   #BCCF3D   #02C9C9   #333333

18. alexandra kuban web design
kode warna html
#FAC8BF   #94FFFC   #466675   #6A8D9D   #CCCCCC

19. gravual
kode warna html
#A2D7D8   #BFE1BF   #EDEDEA   #FCD059   #DE5842

20. scott mccarthy design
kode warna html
#D75C37   #67727A   #6991AC   #C3D7DF   #F5F5F5

21. made together
kode warna html
#000000   #FF534B   #021542   #0241E2   #AAAAAA

22. aesthetic invention
kode warna html
#D4EDF4   #E2F2D5   #F9FBBA   #F6C2C2   #EBEBEB

23. lrxd
kode warna html
#FE9601   #CC0063   #86269B   #00D2F1   #00B796

# Kode Warna HTML 3


24. enso
kode warna html
#3F0082   #DFE0DB   #FF66CC   #000000   #F7F960

25. el designo
kode warna html
26. giant goldfish
kode warna html

27. cardsox
kode warna html
#E94C6F   #542733   #5A6A62   #C6D5CD   #FDF200

28. fitz
kode warna html
#DB3340   #E8B71A   #F7EAC8   #1FDA9A   #28ABE3

29. campfire
kode warna html
#588C73   #F2E394   #F2AE72   #D96459   #8C4646

30. aladdin
kode warna html
#D0C91F   #85C4B9   #008BBA   #E9514C   #DC403B

31. chrome sports
kode warna html
#00C8F8   #59C4C5   #FFC33C   #FBE2B4   #FF4C65

32. papa new guinea
kode warna html
#5E412F   #FCEBB6   #78C0A8   #F07818   #F0A830

33. barni design
kode warna html
#DE4D4E   #DA4624   #DE593A   #E1D041   #6E9ECF

34. instapuzzle
kode warna html
#75EB00   #53BBF4   #FF85CB   #FF432E   #FFAC00

# Kode Warna HTML 4


35. our little projects
kode warna html
#354458   #3A9AD9   #29ABA4   #E9E0D6   #EB7260

36. state of the owner
kode warna html
#4298B5   #ADC4CC   #92B06A   #E19D29   #DD5F32

37. software mill
kode warna html
#BCCF02   #5BB12F   #73C5FF   #9B539C   #EB65A0

38. igaranti
kode warna html
#FFA200   #00A03E   #24A8AC   #0087CB   #982395

39. vintage romantic
kode warna html
#260126   #59323C   #F2EEB3   #BFAF80   #8C6954

40. nicholas jackson design
kode warna html
#BFF073   #0DC9F7   #7F7F7F   #F05B47   #ED1C24

41. 1920 leyendecker
kode warna html
#3B3A35   #20457C   #5E3448   #FB6648   #ECDFBD

42. werkpress
kode warna html
#E45F56   #A3D39C   #7ACCC8   #4AAAA5   #35404F

43. silmo paris
kode warna html
#DC2742   #AFA577   #ABA918   #8BAD39   #14B8B1

# Kode Warna HTML 5


44. dark sunset
kode warna html
#F2671F   #C91B26   #9C0F5F   #60047A   #160A47

45. the color of traffic
kode warna html
#0F5959   #17A697   #638CA6   #8FD4D9   #D93240

46. m and loys
kode warna html
#83AA30   #1499D3   #4D6684   #3D3D3D   #E74700

47. sa barca de formentera
kode warna html
#333333   #424242   #00CCD6   #EFEFEF   #FFD900

48. contad
kode warna html
#CCC51C   #FFE600   #F05A28   #B9006E   #3A0256

49. magme
kode warna html
#F17D80   #737495   #68A8AD   #C4D4AF   #6C8672

50. enterprise foundation
kode warna html
#0B99BC   #5C2D50   #D40E52   #CD1719   #FCE014

Menggunakan Cascading Style Sheets (CSS) Untuk Mengubah Warna Teks HTML


Tidak ada cukup ruang untuk sepenuhnya menggambarkan kemampuan CSS dalam artikel ini, disini saya hanya menjelaskan secara singkat saja untuk menghemat waktu.

CSS digunakan untuk mendefinisikan elemen yang berbeda pada halaman web Anda. Elemen-elemen ini mencakup warna teks, warna link, latar belakang halaman, tabel, bentuk atau hampir setiap aspek style atau gaya halaman web. Anda dapat menggunakan CSS inline, seperti HTML di atas, atau Anda dapat memasukan style sheet dalam head tag pada halaman Anda, seperti dalam contoh ini:

<STYLE type="text/css">
A:link {
 COLOR: blue /*The color of the link*/
}
A:visited {
 COLOR: #900090 /*The color of the visited link*/
}
A:hover {
 COLOR: yellow /*The color of the mouseover or 'hover' link*/
}
BODY { COLOR: #900090 /*The color of all the other text within the body of the page*/
{
</STYLE>

Anda dapat menyertakan CSS diantara style tag di atas, dan menyimpannya dalam sebuah file dimana Anda bisa menamakannya "basic.css" yang akan ditempatkan di direktori root website Anda. Anda kemudian akan merujuk style sheet tersebut dengan menggunakan link diantara head tag dalam halaman web Anda, seperti ini:

<link type=""text/css"" rel=""stylesheet"" href=""basic.css"">

Seperti yang Anda lihat dalam contoh di atas, Anda dapat merujuk ke warna menggunakan nama-nama warna atau kode hex (kode warna html) seperti yang dijelaskan di atas.

Penggunaan CSS jauh lebih unggul dengan menggunakan inline FONT Tag dan semacamnya, karena memisahkan konten situs Anda dari style situs Anda, menyederhanakan proses karena mempengaruhi lebih banyak halaman atau mengubah gaya elemen. Jika Anda menggunakan sebuah style sheet eksternal, Anda dapat membuat perubahan sekali dalam style sheet, dan itu akan diterapkan untuk seluruh situs Anda. Jika Anda memilih untuk menyertakan style sheet sendiri dalam head tag seperti ditunjukkan di atas, maka Anda akan harus membuat perubahan-perubahan pada setiap halaman di situs Anda.