Oke sob kali ini saya akan memposting cara memberi warna pada text dan memberi background warna/gambar pada web.
Oke sob untuk mempermudah lebih baik kalian menggunakan aplikasi sublime download disini.
Oke sebelum membuat koding kita buat folder penyimpanan file terlebih dahulu di
"C:\xampp\htdocs"
seperti ini :
saya membuat folder dengan nama contoh.
1. Membuat Warna Pada Text di Html
buka aplikasi sublime kalian dan buat file baru saya membuat nama file dengan nama contoh.php,jika sudah masukan script ini pada sublime/aplikasi pembuat web yang kalian gunakan.
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body>
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:black;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
"style untuk memberi design entah warna bentuk font dll"
gambar:
Jika sudah save project kalian lalu buka web browser kalian entah itu mozila dll.
untuk membuka project kalian masukan "localhost/nama folder kalian/nama file kalian dengan type contoh : localhost/contoh/contoh.php
dan akan tampil seperti ini :
untuk memberi warna background kalian hanya menambah kodingan pada body seperti ini :
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body style="background-color: black;">
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:white;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
tampilannya akan seperti ini :
untuk memberi gambar backgroud buka folder yang sudah kalian buat dan kalian masukan gambar ke dalam folder tersebut seperti ini
dan edit koding kalian seperti ini
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body background="Penguins.jpg">
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:white;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
hasilnya akan seperti ini
oke sekian dulu tutorial dari kami.
Selamat mencoba , belajar dan terus berkarya, semangat dan kejar impian mu.
Oke sob untuk mempermudah lebih baik kalian menggunakan aplikasi sublime download disini.
Oke sebelum membuat koding kita buat folder penyimpanan file terlebih dahulu di
"C:\xampp\htdocs"
seperti ini :
saya membuat folder dengan nama contoh.
1. Membuat Warna Pada Text di Html
buka aplikasi sublime kalian dan buat file baru saya membuat nama file dengan nama contoh.php,jika sudah masukan script ini pada sublime/aplikasi pembuat web yang kalian gunakan.
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body>
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:black;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
"style untuk memberi design entah warna bentuk font dll"
gambar:
Jika sudah save project kalian lalu buka web browser kalian entah itu mozila dll.
untuk membuka project kalian masukan "localhost/nama folder kalian/nama file kalian dengan type contoh : localhost/contoh/contoh.php
dan akan tampil seperti ini :
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body style="background-color: black;">
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:white;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
tampilannya akan seperti ini :
untuk memberi gambar backgroud buka folder yang sudah kalian buat dan kalian masukan gambar ke dalam folder tersebut seperti ini
<!DOCTYPE html>
<html>
<head>
<title> CEMEDS NGODING</title>
</head>
<body background="Penguins.jpg">
<h1 style="color:red;"> Cara Membuat Warna Pada text</h1>
<h2 style="color:blue;"> Cara Membuat Warna Pada text</h2>
<h3 style="color:green;"> Cara Membuat Warna Pada text</h3>
<h4 style="color:white;"> Cara Membuat Warna Pada text</h4>
<h5 style="color:yellow;"> Cara Membuat Warna Pada text</h5>
<h6 style="color:brown;"> Cara Membuat Warna Pada text</h6>
</body>
</html>
hasilnya akan seperti ini
oke sekian dulu tutorial dari kami.
Selamat mencoba , belajar dan terus berkarya, semangat dan kejar impian mu.
Comments
Post a Comment