MEMBUAT HTML LEFT INDEX WEB SEKOLAH KITA DI NOTEPAD++

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

Cara membuat HTML LEFT INDEX di Notepad++.
Hal-hal yang harus disipkan sebelum membuat html left 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>Sekolah Kita</title>
</head>
<body>
<b>Marsyel X Tkj 2</b>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="500" align="center" cellspacing="0">
<tr>
<th width="620" height="23" colspan="2" align="center" bgcolor="#ffcccc"><font color="#000000" size="+3">
Web sekolah kita</font>
</th>
</tr>
<tr>
<th width="160" bgcolor="#ff9988" align="left" valign="top"><font size="+1">
<p>menu</p>
<p>profil sekolah</p>
<p>galeri foto</p>
<p>kegiatan</p>
<p>hubungi kami</p>
</font>
</th>
<td height="176" align="center" valign="top" bgcolor="#cc9900"><font size="+2">
<p>&nbsp;</p>
<p> Nama saya Nursaid Mardhatillah Arsyelan Ali X Tkj 2</p>
</font>
</td>
</tr>
<tr>
<td height="30" colspan="2" align="center" valign="top" bgcolor="#ffccff"><font size="+1">Copyright &copy; smkn2-bjm.sch.id
</font>
</td>
</tr>
</table>
</form>
</body>
</html>

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