Membuat Web Galery Menggunakan HTML Dan CSS



Asalamualaikum Wr Wb..
Salam Sejahterah untuk kita semua. Semoga Allah SWT senantiasa memberi Rahmad dan Hidayahnya Kepada kita dalam menjalankan aktifitas sehari-hari Amin.. :)

Selamat malam buat Sahabat K0deTani dimanapun kalian berada.. :)

Dimalam ini saya akan membagikan source code web galeri menggunakan html dan css,
nah sebelum saya membagikan alangkah baiknya saya menceritakan sedikit bagaimana cara membuatnya.

Okay langsung aja ke TKP.. :)

Sama seperti tutorial sebelumnya yaitu membuka aplikasi text editor atau notpad, sublimetext juga bisa terserah mau yang mana. selera masing masing :).

buat file baru lalu beri nama index.html. lalu pastekan code HTML di dalam file index.html, dan begitu juga dengan code css masuka ke file style.css :

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


menarik bukan..!!!

jika kawan kawan ingin mengembangkan lagi silahkan download source code lengkapnya 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>