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

  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>