Membuat Tampilan Web GUI Icons Mengguakan HTML dan CSS

Membuat Tampilan Web GUI Icons Mengguakan HTML dan CSS
Daftar Isi Artikel

Asalamualaikum Wr Wb..
Salam Sejahtera untuk kita, Salam Hijau Hitam Untuk Sobat Hijau Hitam, Salam Kode untuk Sahabat Kode. :)

Kali ini saya akan membagikan kode html dan css yang sangat sederhana sekali tapi menari untuk di pelajari. :)

Ok langsung aja ya sob.

Unuk kawan kawan bisa membuatnya menggunakan Notpad, SublimeText dan terserah kawan kawan aja mau pakai yang mana. kalu saya sih menggunakan Aplikasi Sublime, kawan kawan bisa mendownloadnya Disini.

langkah awal sama seperti biasa, yaitu pembuatan file index.html dan boleh juga index.php. lalu paste kan kode HTML di dalam file index.html, dan begitu juga dengan code css masuka ke file style.css :


See the Pen PxoaEg by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.

silahkan di kembangkan seperlunya
Ini Link
By Ini Link

Surat Al-Hujurat ayat 6 : يَا أَيُّهَا الَّذِينَ آمَنُوا إِنْ جَاءَكُمْ فَاسِقٌ بِنَبَإٍ فَتَبَيَّنُوا أَنْ تُصِيبُوا قَوْمًا بِجَهَالَةٍ فَتُصْبِحُوا عَلَى مَا فَعَلْتُمْ نَادِمِينَ "Wahai orang-orang yang beriman, jika datang seorang yang fasik kepadamu membawa berita, maka tangguhkanlah (hingga kamu mengetahui kebenarannya) agar tidak menyebabkan kaum berada dalam kebodohan (kehancuran) sehingga kamu menyesal terhadap apa yang kamu lakukan".

Subscribe

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>