Tag memasukan foto dan table
Hi lagi ledies and gentlemans, saya akan melanjutkan yang kemarin saya bahas tentang bacis/dasar dari sebuah HTML. seperti yang saya katakan di post sebelumnya, saya akan memberitaukan cara memasukan foto ataupun gif dan cara membuat table.
jika kalian belum membaca post saya yang basic of html dan mengenal tag, kunjungi disini
Langsung saja saya akan memulai dengan cara memasukan foto menggunakan tag.
tag foto adalah:
<img src="nama foto">
<Img> adalah tag yang mengandung atribut saja dan tidak memiliki tag penutup. untuk
menampilkan gambar pada halaman, anda perlu menggunakan atribut src. Src singkatan dari sumber atau alamat.
Cara memasukan nama src dengan foto yang di targetkan, ada cara yang harus dilakukan.
Untuk menentukan lokasi keberadaan foto lebih baik anda disimpan di dalam folder html atau dimana anda menyimpan html, supaya penulisan lokasi foto di src tidak sulit.
contohnya :
Selanjutnya type file yang akan digunakan, bisa di lihat dari pengaturan properties
contohnya : <img src="fotonya,jpg">
Sekarang coba lah sendiri dinotepad/notepad++ dan simpan dengan nama.html
<html>
<head>
<title> coba gambar </title>
</head>
<body>
<p>coba gambar</p>
<img src="nama fotonya dan jenis fotonya">
</body>
</html>
Atribut elemen <img>
widht = panjang (lebar tabel).
height = panjang (tinggi tabel).
allign = perataan tabel [ left | center | right ] (pilih salah satu seperti : align="right").
Sekarang kita lanjut ke cara membuat tabel.
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan dalam bentuk tebel pada html. digunakan beberapa tag, seperti :
<table> isi tabel </table>
elemen tabel berisi properti <tr>...</tr> untuk menentukan baris (table row).
dan didalamnya terdapat properti <td>...</td> untuk menampilkan data pada setiap sel tabel (table data).
untuk memberikan sebuah kotak tabel, didalam perintah tag harus ditambahkan border="".
Contoh tabel :
<html>
<head>
<title> mencoba tabel </title>
</head>
<body>
<table border="2">
<tr>
<td>Row 1, Data 1</td>
<td>Row 1, Data 2</td>
<td>Row 1, Data 3</td>
</tr>
<tr>
<td>Row 2, Data 1</td>
<td>Row 2, Data 2</td>
</tr>
<tr>
<td>Row 3, Data 1</td>
<td>Row 3, Data 2</td>
</tr>
</table>
</body>
</html>
keterangan gambar :
Atribut elemen table:
jika kalian belum membaca post saya yang basic of html dan mengenal tag, kunjungi disini
Langsung saja saya akan memulai dengan cara memasukan foto menggunakan tag.
tag foto adalah:
<img src="nama foto">
<Img> adalah tag yang mengandung atribut saja dan tidak memiliki tag penutup. untuk
menampilkan gambar pada halaman, anda perlu menggunakan atribut src. Src singkatan dari sumber atau alamat.
Cara memasukan nama src dengan foto yang di targetkan, ada cara yang harus dilakukan.
- Menentukan lokasi keberadaan tempat disimpannya foto.
- Kedua mengetahui type foto yang dimasukan seperti : jpg , png , bmp, gif dan lain-lain.
Untuk menentukan lokasi keberadaan foto lebih baik anda disimpan di dalam folder html atau dimana anda menyimpan html, supaya penulisan lokasi foto di src tidak sulit.
contohnya :
Selanjutnya type file yang akan digunakan, bisa di lihat dari pengaturan properties
contohnya : <img src="fotonya,jpg">
Sekarang coba lah sendiri dinotepad/notepad++ dan simpan dengan nama.html
<html>
<head>
<title> coba gambar </title>
</head>
<body>
<p>coba gambar</p>
<img src="nama fotonya dan jenis fotonya">
</body>
</html>
Atribut elemen <img>
widht = panjang (lebar tabel).
height = panjang (tinggi tabel).
allign = perataan tabel [ left | center | right ] (pilih salah satu seperti : align="right").
Sekarang kita lanjut ke cara membuat tabel.
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan dalam bentuk tebel pada html. digunakan beberapa tag, seperti :
<table> isi tabel </table>
elemen tabel berisi properti <tr>...</tr> untuk menentukan baris (table row).
dan didalamnya terdapat properti <td>...</td> untuk menampilkan data pada setiap sel tabel (table data).
untuk memberikan sebuah kotak tabel, didalam perintah tag harus ditambahkan border="".
Contoh tabel :
<html>
<head>
<title> mencoba tabel </title>
</head>
<body>
<table border="2">
<tr>
<td>Row 1, Data 1</td>
<td>Row 1, Data 2</td>
<td>Row 1, Data 3</td>
</tr>
<tr>
<td>Row 2, Data 1</td>
<td>Row 2, Data 2</td>
</tr>
<tr>
<td>Row 3, Data 1</td>
<td>Row 3, Data 2</td>
</tr>
</table>
</body>
</html>
keterangan gambar :
Atribut elemen table:
- widht = panjang (lebar tabel).
- height = panjang (tinggi tabel).
- border = tebal garis pinggir.
- cellspacing = (spaci antar sel)
- cellpadding = (spaci didalam)
- allign = perataan tabel [ left | center | right ] (pilih salah satu seperti : align="right").
- bgcolor = warna latar belakang tabel.
itu adalah Tag memasukan foto dan pembuatan tabel, dan masih banyak lagi yang kita bisa pelajari di html ini staytoon for the next post.
sekian dari saya. semoga bermanfaat. dan jangan lupa berkomentar. sampai ketemu di post selanjutnya.
0 comments: