MEMBUAT HTML TOP INDEX DI NOTEPAD++

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

Cara membuat HTML TOP INDEX di Notepad++.
Hal-hal yang harus disipkan sebelum membuat html top 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
<html>
<head>
<title>GAMERS INDONESIA</title>
</head>  
<body> <form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1"   align="center">
<tr>
<td height="23" align="center"  bordercolor=blue bgcolor=cyan>
<strong>
<font size="+5">GAMES</font>
</strong>
</td>
</tr>
<tr>
<td height="27" align="center" bgcolor=FF99FF>
<font color=black>Tempat Terbaik Mengetahui Game Terbaru</font>
</td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#DEB887">
<p>Point Blank</p>
<p>
<font color="#006600">Lostsaga</font>
</p>
<p>
<font color="#CC0000">League Of Legend</font>
</p>
<p>
<font color="#FFFF00">GTA V</font>
</p>
<p>
<font color="#FF6633">PES 2017</font>
</p>
</td>
</tr>
<tr>
<td height="23" align="center" bgcolor=white>
<font color=red>Klik Disini Untuk Melihat Berbagai Game Menarik Lainnya</font>
</td>
</tr>
</table>
</form>
</body>
</html> 

Demikianlah Cara Membuat HTML TOP INDEX 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