Belajar CSS : Pengimplementasian CSS pada HTML

-

Halo guys Mattgan disini dan ini adalah MattGan Blog, eh kok jadi ngikutin bang David ya ? :v
Ya di postingan kali ini saya akan memberikan sedikit ilmu tentang CSS atau disebut juga dengan Cascading Style. Apa sih kegunaan CSS itu ? CSS itu berfungsi sebagai pengatur tampilan Web (HTML) secara keseluruhan, sesuai dengan apa yang ingin kita atur, sebagai contoh kita dapat mengatur satu tag/class yang sama secara menyeluruh tanpa mengatur satu-satu. jikalau tanpa menggunakan CSS maka kita akan merasa ribet. okelah ini langsung saja kita ke tutorial.
  • Pertama kita harus membuat file HTML
  • Buatlah file dengan format .css disimpan bersama file HTML
Misal kita akan mengedit background pada tag <body> dengan warna hitam :

    body{background:black;
            }

Mengubah font menjadi bold atau tebal pada tag <p> :

    .p{font-weight:bold;
       }

Sebenarnya masih ada banyak jenis opsi untuk mengatur tampilan HTML pada CSS. silahkan kalian berkreasi sendiri supaya memiliki pemikiran yang kreatif.

#Note : Masukan code CSS kedalam 1 file.
  • Masukan text berikut kedalam <head>...</head> :

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


  • Dan coba jalankan file HTML tadi menggunakan browser.
Dengan belajar Pemrograman Web kita akan dapat mempelajari bagaimana cara membuat tampilan Website/Blog kita menjadi lebih keren dan asik. Belajar lah terus sampai tercapai cita-cita. ketika cita-cita sudah tercapai. Baru kejar cintamu, jangan kebalik. Takutnya malah terjerumus :v

Oke sekian dari saya, apabila ada kekurangan mohon maaf kita masih sama, masih ingin belajar terus dan semoga ini bisa membantu belajar kalian walaupun ga seberapa. Dan juga menjadi amal kebaikan.

Terima kasih.

Komentar

Posting Komentar

Tata Tertib Berkomentar.
1. Gunakan Bahasa Yang Sopan.
2. Jangan Berkomentar Sambil Cari Masalah
3. Hargai Pendapat Orang Lain.

Sekian Dari Saya Terimakasih

Postingan populer dari blog ini

Belajar C++ : Program Penghitungan Gaji Karyawan

-
Gambar
Assalamualaikum temen-temen, sekarang ane mau ngasih nih Contoh Program Menghitung Gaji Karyawan Menggunakan Perintah Case . Langsung aja ya temen-temen, ini dia script nya :  #include<iostream> #include<conio.h> using namespace std; int main(){ int gol; char nama[25]; long int gaji; long int ti; long int ta; long int total; cout<<"\t\tMenu\n"; cout<<"\t=========================================\n"; cout<<"\t1. Belum Menikah\n"; cout<<"\t2. Sudah Menikah\n"; cout<<"\t3. Sudah Menikah + Anak 1\n"; cout<<"\t4. Sudah Menikah + Anak 2 atau lebih\n"; cout<<"\n\tMasukkan Golongan 1/2/3/4 : ";cin>>gol; cout<<endl<<"\t-----------------------------------------"; cout<<endl; switch(gol){ case 1:{cout<<"\tMasukan Nama Anda : ";cin>>nama; cout<<endl; cout<<
BACA SELENGKAPNYA >>

Belajar C++ : Membuat Program Perhitungan 2 Bilangan

-
Gambar
Assalamualaikum temen-temen, nah setelah kemarin saya membuat post awal Tentang C++ , sekarang saya ingin membagikan script C++ untuk Program Perhitungan 2 Bilangan . #include<iostream> #include<conio.h> using namespace std; int main() { //Program Penghitungan 2 Angka //Deklarasi int a; int b; int hasil; int menu; //Menu cout<<"1. Pertambahan"<<endl; cout<<"2. Pengurangan"<<endl; cout<<"3. Perkalian"<<endl; cout<<"4. Pembagian"<<endl; cout<<endl; cout<<"+==================+"; cout<<endl<<endl; cout<<"Pilih Operator : ";cin>>menu; //Proses switch (menu) { case 1:{cout<<"Masukan Angka Pertama : ";cin>>a;              cout<<"Masukan Angka Kedua : ";cin>>b;              hasil=a+b;cout<<endl;   cout<<"Maka Hasil nya : "<<
BACA SELENGKAPNYA >>

Belajar PHP : Membuat Kalkulator Sederhana

-
Gambar
Oke setelah sekian lama sampai berbulan-bulan saya vakum, dikarenakan banyak kesibukan. Biasa lah mahasiswa, sibuk di sibukin dosen :D Disini saya akan memberikan tutorial sederhana tentang  Belajar Membuat Program Penghitungan Sederhana Menggunakan PHP . Sebenarnya PHP ini adalah bahasa program paling mudah setelah bahasa C++ atau Cpp. Namun perlu diketahui, PHP ini membutuhkan Aplikasi XAMPP, jika di ibaratkan bahasa C++. XAMPP ini mirip fungsinya dengan compiler, namun jika kita telaah lebih jauh lagi, XAMPP ini lebih dari itu. bisa untuk membuat database, dan lain sebagainya. Oke langsung saja kita masuk ke tutorial nya : Pastikan anda mempunyai aplikasi Text Editor (Notepad, Notepad++, atau yang lainnya), Kemudian copy code di bawah :  <?php echo "Operasi Aritmatika </br>"; $Angka1=2; $Angka2=3; $kali=$Angka1*$Angka2; $kurang=$Angka1-$Angka2; $bagi=$Angka1/$Angka2; $mod=$Angka1%$Angka2; $tambah=$Angka1+$Angka2; echo "Hasil : &l
BACA SELENGKAPNYA >>