Cara Membuat Tabel Dalam HTML Menggunakan Note Pad



Cara membuat tabel dalam html Menggunakan Notepad


Hay Sobat Setia Kembali lagi bersama admin disini yang selalu membagikan Ilmu-Ilmu Pendidikan yang tentunya bisa bermanfa’at  buat sobat semua, Nah pada edisi kali ini admin akan membagikan sedikit ilmu tentang Bagaimana Cara membuat tabel dalam html.

Berikut Langkah-Langkahnya:

  • Buka notepad denga cara klik start All Program>Notepad atau dengan cara tekan bendera+R ketik notepad 
 
  • Lalu ketikkan di note pad langkah-langkah seperti dibawah ini:

<html>
<head><title>::My Family::</title>
</head>
<body>
<table border=1 align="center" cellpadding=0 cellspacing=0>
<tr>
<th>No.</th>
<th>Nama</th>
<th>TTL</th>
<th>Alamat</th>
<th>Hoby</th>
<th>Cita-Cita</th>
</tr>
<tr>
<td>1</td>
<td>Aldi Hengki Pratama</td>
<td>Bandar Lampung, 27 April 1999</td>
<td>Panaragan</td>
<td>Olah Raga</td>
<td>Dokter</td>
</tr>
<tr>
<td>2</td>
<td>Ridho Saputra</td>
<td>Panaragan, 29 Agustus 1999</td>
<td>Panaragan</td>
<td>Berenang</td>
<td>TNI</td>
</tr>
<tr>
<td>3</td>
<td>Agung Putra Darmawan</td>
<td>Jakarta, 15 Mei 2000</td>
<td>Tegal Mukti</td>
<td>Footsall</td>
<td>Polisi</td>
</tr>
</table>
</body>
</html 
  • Jika sudah selesai simpanlah dengan cara klik Menu File>Save
  •  Beri nama file dengan format .HTML Contoh: Membuat tabel.HTML  Lalu klik save seperti gambar dibawah ini:

  • Nah,tabel dalam html telah tersimpan, Maka hasilnya seperti gambar dibawah ini.
membuat tabel dalam html


Nah Sobat, itulah Tutorial yang telah admin jelaskan kepada sobat tentang bagaimana Cara membuat tabel dalam html, Semoga sobat yang membacanya bisa mempelajarinya hingga menjadi lebih bermanfa’at.
Terima Kasih

Selamat belajar……)

Related Posts:

Beginilah Cara yang paling Simple Membuat Tracing Foto pada Corel Draw

Cara membuat tracing foto pada corel draw

Hay sobat, kali ini admin akan mebagikan tutorial tentang bagai mana Cara membuat tracing foto pada corel draw
Cara membuat tracing foto pada corel draw

Berikut Langkah –langkahnya:

1.    Pertama-tama sobat Buka corel draw X4, dengan cara klik start>All Program>Corel Draw X4
 
2.    Lalu sobat  buat lembar kerja baru dengan cara klik Menu File>New atau denagan menekan tombol Ctrl+N pada keyboard.

3.    Kemudian Sobat  masukkan foto atau gambar yang akan di trach dengan cara klik Menu File>Import atau dengan cara tekan tombol Ctrl+I pada keyboard.

4.    Setelah itu pilih foto yang anda ingin trace,jika sudah klik import. Seperti pada gambar di bawah ini:

5.    Lalu perbesar gambar dengan cara men-drag (klik,tahan lalu geser) mouse. Sehingga gambar akan tampak seperti di bawah ini:

 6.    Setelah itu,klik menu Bitmaps>Quick trace.

7.     Dan gambar tracing pun sudah jadi seperti gambar dibawah ini:
 
8.    Setelah gambar yang telah di trach jadi, sebaiknya sobat menyimpannya kedalam bentuk gambar dengan cara klik menu file kemudian pilih Export dengan format Jpeg, seperti gambar di bawah ini.


Nah Sobat itulah Tutorial tentang bagai mana Cara membuat tracing foto pada corel draw, semoga Bisa lebih bermanfa’at buat sobat yang ingin mencobanya. Terimakasih

Selamat Belajar..!!!!!!!!






Related Posts:

Cara praktis dan cepat membuat PIN dalam adobe phootoshop

Cara membuat pin dalam adobe phootoshop

Hay sobat, kali ini admin akan mebagikan tutorial tentang bagai mana Cara membuat pin dalam adobe phootoshop
Cara membuat pin dalam adobe phootoshop

Berikut langkah-langkahnya:

1.    Pertama-tama sobat Buka Adobe Photoshop dengan cara klik Start>All Program>Adobe Photoshop


2.    Kemudian Sobat buatlah lembar kerja baru denga cara klik Menu File>New atau tekan Ctrl+N pada keyboard

3.    Lalu Aturlah ukuran lembar kerja dengan width=500 pixel,height=500 pixel,dan resolution=300 pixel/inch.

4.    Selanjutnya pilih tool Elliptical Marquee Tool dan buat lingkaran. Agar hasil lingkaran sempurna, tekan Alt+Shift saat membentuk lingkaran. Gunakan Juga Ruler agar hasil lebih baik, sampai membentuk hasil seperti gambar di bawah.

5.    Kemudian seleksi bagian luar liangkaran denagan cara tekan Ctrl+Shift+I pada keyboard

6.    Setelah itu sobat tekan delete pada keyboard,jangan lupa buka kunci pada layer dengan cara klik2 kali pada layer lalu ok, hingga hasilnya seperti gambar dibawah ini

7.    Lalu sobat  tekan D pada keyboard untuk menghilangkan seleksi. Hingga menjadi seperti gambar dibawah ini

8.    Lalu buka Blending Option dengan cara klik dua kali pada layer,setelah itu pilih inner shadow pada menu blending option tsb.

Maka hasil nya akan tampak seperti gambar di bawah ini

9.    Lalu beri warna pada lingkaran yg terseleksi dengan cara klik Paint Bucket Tool atau tekan G pada keyboard.

10.     Atur warna latar belakang yg akan dipakai pada Tool Set Foreground Color and Set Background Color atau atur pada Color

Jika warna telah di pilih lalu klik pada lingkaran tsb maka hasil nya akan seperti gambar dibawah ini

11.    Setelah itu buat lingkaran lagi dengan cara pilih Tool  Elliptical Marquee. Buat lingkaran sebanyak 2 lingkaran dan beri warna yang berbeda. Seperti gambar dibawah ini

12.    Lalu masuka gambar jika ingin anda tmbahkan gambar. Caranya klik Menu File>Open atau tekan Ctrl+O pada keyboard. Lalu pilih gambar yg anda inginkan setelah itu klik open.

13.    Lalu pindahkan gambar tesebut ke pin yg sedang di buat dengan cara klik Move Tool atau tekan V pada keyboard. Lalu atur ukuran gambar dengan cara tekan Ctrl+T pada keyboard,jika sudah sesuai tekan enter.

14.    Setelah itu beri tulisan sesuai keinginan anda dengan cara klik Horizontal Type Tool atau tekan T pada keyboard

15.    Tuliskan pada posisi yang kamu inginkan dan atur ukuran,font serta style tulisan pada tool bar, agar tampak lebih menarik.

16.    Hingga menjadi seperti gambar di bawah ini

17.    Setelah gambar pin telah jadi, sebaiknya sobat menyimpannya kedalam bentuk gambar dengan cara klik file kemudian Pilih Save for web dengan format Jpeg, seperti gambar di bawah ini.

Nah Sobat itulah Tutorial tentang bagai mana Cara membuat pin dalam adobe phootoshop, semoga Bisa lebih bermanfa’at buat sobat yang ingin mencobanya. Terimakasih

Selamat Belajar..!!!!!!!!

Related Posts:

Cara membuat pas foto ukuran 2x3, 3x4 & 4x6 dalam Adobe Photoshop

Cara membuat pas foto ukuran 2x3, 3x4 & 4x6 dalam Adobe Photoshop

Hay sobat, kali ini admin akan mebagikan tutorial tentang bagai mana Cara membuat pas foto ukuran 2x3, 3x4 & 4x6 dalam Adobe Photoshop
Cara membuat pas foto ukuran 2x3, 3x4 & 4x6 dalam Adobe Photoshop

Berikut ini langkah-langkahnya:

1.    Pertama-tama sobat Buka Adobe Photoshop CS 8 dengan cara klik Start>All Programs>Adobe Photoshop CS

2.    Kemudian sobat Buatlah lembar kerja baru,  caranya dengan klik Menu File>New atau tekan Ctrl+N pada keyboard

3.    Lalu aturlah ukuran lembar kerja tsb dengan ukuran width=21.59cm,height=27.94 & resolution=300pixel/inch seperti gambar di bawah ini

4.    Setelah itu pilih foto dengan cara klik Menu File>Open atau tekan Ctrl+O pada keyboard,jika sudah klik Open

5.    Lalu pilih Tool Crop atau tekan C pada keyboard . Setelah itu aturlah ukuran crop tsb dengan ukuran pas foto 2x3 (width=2.16 cm,height=2.79 cm & resolution=300pixel/inch)
6.    Lalu crop foto tsb  setelah itu tekan enter pada keyboard
7.    Pindahkan foto yang telah di crop tsb pada lembar kerja yang telah ada dengan cara klik Move Tool atau tekan V pada keyboard. Copy foto tsb sebanyak yang anda inginkan. Caranya tekan Alt pada keyboard lalu drag (klik,tahan,geser) foto tsb atau dengan cara klik kanan pada layer lalu pilih duplicate layer

8.    Setelah itu buatlah ukuran pas foto 3x4 caranya pilih Tool Crop atau tekan C pada keyboard . Setelah itu aturlah ukuran crop tsb dengan ukuran pas foto 3x4 (width=2.79 cm,height=3.81 cm & resolution=300pixel/inch)
9.    Lalu crop foto tsb  setelah itu tekan enter pada keyboard
10.    Pindahkan foto yang telah di crop tsb pada lembar kerja yang telah ada dengan cara klik Move Tool atau tekan V pada keyboard. Copy foto tsb sebanyak yang anda inginkan. Caranya tekan Alt pada keyboard lalu drag (klik,tahan,geser) foto tsb atau dengan cara klik kanan pada layer lalu pilih duplicate layer.
11.    Terakhir membuat ukuran pas foto 4x6 caranya pilih Tool Crop atau tekan C pada keyboard . Setelah itu aturlah ukuran crop tsb dengan ukuran pas foto 4x6  (width=3.81 cm,height=5.59 cm & resolution=300pixel/inch)

12.    Lalu crop foto tsb  setelah itu tekan enter pada keyboard
13.    Pindahkan foto yang telah di crop tsb pada lembar kerja yang telah ada dengan cara klik Move Tool atau tekan V pada keyboard. Copy foto tsb sebanyak yang anda inginkan. Caranya tekan Alt pada keyboard lalu drag (klik,tahan,geser) foto tsb atau dengan cara klik kanan pada layer lalu pilih duplicate layer

14.    Nah,ukuran pas foto yang kita buat telah selesai, kemudian sobat menyimpan menjadi gambar Jpeg…

Nah Sobat itulah Tutorial tentang bagai mana Cara membuat pas foto ukuran 2x3, 3x4 & 4x6 dalam Adobe Photoshop, semoga Bisa lebih bermanfa’at buat sobat yang ingin mencobanya. Terimakasih

Selamat mencoba..!!!!!!!!

Related Posts: