Menbuat Tampilan MENU Web Green Tea yang menarik menggunakan HTML dan CSS

Menbuat Tampilan MENU Web Green Tea yang menarik menggunakan 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 pQoVyx by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.


Dan selesai... :)

Hasilnya sempurna.
lalu silahkan kawan kawan menambahkan karyanya dengan cara mengembangkan.
minsal: membuat link menu dan masih banyak lagi.

Untuk sourc kode silahkan Donwload disini

  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>