HTML : Membuat Table dan Menyisipkan Gambar

Assalammu'alaikum wr. wb.

Hai, teman-teman. Disini saya akan berbagi tentang cara membuat table, menyisipkan gambar, dan memberi warna melalui sublime text dan akan dimunculkan ke web statis. Langsung saja kita ulas bersama-sama.

Maksud dan tujuan :

Untuk membuat tabel dan memberikan warna pada tabel dan untuk meperindah html dan biar rapi.

Alat dan bahan :

Pc/laptop
Koneksi internet
Sublime text

Tahap Pelaksanaan :
1. Buka sublime text
2. Lalu, di no.1 ketik html dasar part 1.html. Kemudian untuk menyimpannya kita klik file lalu save dan simpan di documents.
3. Kemudian di no.1 hapus, lalu ketik seperti gambar dibawah ini. Inilah adalah contoh menyisipkan gambar.

4. Lalu klik kanan dan pilih "open in browser"

Dalam menyisipkan gambar kita gunakan

<img src="wifi.png width="104" height="142">
keterangan :

img :berisi atribut saja
src :menentukan URL(alamat web)dari gambar
png :adalah salah satu format gambar
width:untuk mengatur tampilan lebar gambar
height:untuk mengatur tampilan tinggi gambar

5. Untuk membuat tabel, lakukan seperti langkah sebelumnya. Lalu ketik seperti gambar dibawah ini :

6. Lalu klik kanan, pilih "open in browser"

Keterangan :

<table>...</table> : tag untuk membuat table.
border : mengatur untuk seberapa tebal table.
width : mengatur lebar table.
<tr>...</tr> : membuat baris dalam table.
<td>...</td> : membuat kolom dalam table.

Kalian bisa menambah warna pada table kalian cuma tambah tag bgcolo="(tag warna)" dan bisa memberi warna pada text dengan tag <font color="(tag warna)">

Kesimpulan :

Jadi, langkah-langkah itu dilakukan agar membuat web statis maupun dinamis untuk menarik perhatian kita karena ada gambarnya.

Sekian dan terima kasih.

https://www.blogger.com/blogger.g?blogID=5609880597785934702#editor/target=post;postID=7289807189351152824;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=1;src=postname

Wassalammu'alaikum wr. wb

IKA NOVITA FATMAWATI

Hai, selamat datang di blog saya. Di blog ini saya berbagi tentang materi apa pun, misalnya : tentang instalasi cms open source. Semoga dalam isi blog ku ini bisa membantu kalian semua yang telah mengunjungi blog saya ini. Terima Kasih sudah mengunjungi blog saya.