Membuat Gedung Apartemen 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.. :)

Kalini saya akan membagika tutorial Menggambar Gedung Menggunakan HTML dan CSS.

kalian semua pasti pada penasaran kan..:)

OK lamjut ke TKP.

Lanjut seperti biasa, Buka aplikasi texteditor atau notpad atu sublimeText. kalian bebas pilih yang mana.
Selanjuatnya buat file dengan nama Index.html atau bisa juga index.php. terserah seleranya mau diberi nama apa.

lalu Pastekan Kode HTML di dalam file index.html, dan begitu juga dengan code css masuka ke file style.css :

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


Penjelasan :

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

Kode di atas berfungsi sebagai perintah memanggil file style.css.

Sedangkan di dalam file style.css  terdapat pengaturan warna maupun ukuran dari gedung tersebut.

untuk lebih lanjut silahkan kawan kawan mengembangkannya.

klik Disini untuk men Download sourc Codenya

  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>