Thursday, 10 April 2014

Pertemuan 1 Kelas Regular HIMMI Cikarang 2014 (HTML)

Beberapa waktu yang lalu, saya sempat mengadakan kelas regular yang bertujuan untuk belajar bersama. Karena mayoritas teman-teman saya adalah buruh dan Mahasiswa. Sehingga sangat sulit untuk bisa meluangkan waktunya untuk belajar. Dengan adanya kelas regular ini diharapkan akan meningkatkan kemampuan teman-teman dan mempersiapkan diri pada Tugas Akhir.

Ok, sekarang langsung aja ke materi Pertemuan 1 yang saya share.


Pertemuan 1
Pada kesempatan kali ini saya akan sedikit menjelaskan hasil pertemuan 1, belajar bersama yang membahas tentang Web Programming. Pertemuan 1, membahas masalah HTML. Atribut-atribut yang kita gunakan adalah <table></table>. Langsung saja pada coding yang kita buat untuk Pertemuan 1.


Berikut coding untuk halaman Home ( index.html )

<html>
<head>
<title>Pertemuan 1</title>
</head>
<center>
<body>
<table border="1" width="800" height="550" cellpading=1 cellspacing=1>
<tr>
<td colspan="2" align="center" height="20%" bgcolor="sky blue"><font size="50" height>Ahmad Munif Web</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#ff6600>
<a href="index.html">Home</a> | 
<a href="profile.html">Profile</a> |
<a href="about.html">About</a> 
</td>
</tr>
<tr>
<td align="center" width="20%" bgcolor=#FF0000>Bagian 1</td>
<td align="center" width="80%" bgcolor=#FF9900><font size=36>Halaman Home</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#CCFF00>Created &copy; by Ahmad Munif</td>
</tr>
</table>
</body>
</center>

</html>

Maka akan menghasilkan tampilan seperti ini



Untuk formating (font, size, color) bisa di customize sendiri.
Untuk halaman Profile, dan About bisa di tambahkan sendiri dan di rubah sesuai dengan keinginan teman-teman.

Pada Pertemuan 1 hanya dibahas masalah ini. Untuk pertemuan 2 akan segera menyusul.

-Semoga Bermanfaat-



No comments:

Post a Comment

Designed ByBlogger Templates