MEMBUAT HTML ALTERNATING INDEX DI NOTEPAD++

Posted By Unknown on Minggu, 20 November 2016 | 11/20/2016

Cara membuat HTML ALTERNATING INDEX di Notepad++.
Hal-hal yang harus disipkan sebelum membuat html alternating index
  1. PC/Laptop
  2. Notepad/Notepad++
  3. Cemilan
Sebelum ketahap eksekusi, disini saya akan menjelaskan beberapa tag dalam HTML
  1. <table> : untuk membuat tabel kaya di MS.excel tapi cara membuat tabelnya menggunakan bahasa html dan di dalam script table terdiri 3 tag yaitu : th, td, dan tr.
  2. <td> : kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell 
  3. <th> : kepanjangan dari table heading, digunakan untuk membuat judul sebuah table seperti No, dan nama. biasanya di tanda dengan hurufnya menjadi bold seperti contoh table di atas.
  4. <tr> : kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel
Tahap Eksekusi
  1. Buka Notepad/Notepad++
  2. Isikan Coding berikut ini
  3. Setelah Diisi Kemudian Save as.
  4. Selesai
<head> 
<title>Tugas HTML</title> 
</head> 
<body> 
<form id="form1" name="form1" method="post" action="">
<table width="800" height="738" border="1" align="center"> 
<tr> 
<td height="248" align="center" 
bgcolor="#48D1CC">
<font size="+1">
<strong>Teks/Daftar isi</strong>
</font>
</td> 
<td align="center" bgcolor="#FFC0CB">
<font color="#2F4F4F" size="+7">
<strong>
<em>Gambar</em>
</strong>
</font>
</td> 
</tr> 
<tr> 
<td height="261" align="center" bgcolor="#FFC0CB">
<font color="#2F4F4F" size="+7">
<strong>
<em>Gambar</em>
</strong>
</font>
<font size="+7"><em>
</em>
</font>
</td> 
<td align="center" bgcolor="#48D1CC">
<font size="+1">
<strong>Teks/Daftar isi</strong>
</font>
</td> 
</tr> 
<tr bgcolor="#996666">  
<td height="150" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">Lain-lain</font></strong></font></td> 
</tr> 
</table> 
</form> 
</body> 
</html> 

Demikianlah Cara Membuat HTML ALTERNATING di Notepad++. cukup sekian dari saya Assalamualaikum Wr.Wb salam TKJ !!. jika masih kurang berkomentar lah di bawah postingan ini !! saya menghargai komentar anda, tentang postingan ini.

Blog, Updated at: 11/20/2016

0 komentar:

Posting Komentar

Translate

Entri Populer