on Minggu, 15 September 2013
Laporan pemblajaran
Hari/Tanggal : Selasa, 10 September 2013
Hal : Latihan Desain CSS
<html>jadinya seperti ini :
<style type="text/css">
.pembungkus {
height: auto;
width : 900px;
padding:10px;
border : 2px solid #000;
margin : auto ;
}
.header {
background-color:#33C;
background:url('hotel.jpg');
height:138px;
width:900px;
}
.navigasi {
float:left;
width:100px;
background-color:#6FF;
min-height:500px;
}
.widget {
float:right;
width:100px;
background-color:#6FF;
min-height:500px;
min-right:200px;
}
.kontent {
background-color:#0F0;
width:auto ;
margin :auto;
height:500px;
}
</style>
<div class="pembungkus" name"pembungkus">
<table width="900" border="1">
<tr>
<th scope="col"><a href="home.html" title="home">Home</a></th>
<th scope="col"><a href="about.html" title="About">About</a></th>
<th scope="col"><a href="Fasilitas.html" title="fasilitas">Fasilitas</a></th>
<th scope="col"><a href="contact.html" title="contact">Contact</a></th>
<th scope="col"><a href="photogallery.html" title="photogallery">Photo Gallery</a></th>
</tr>
</table>
<div class="header" name"header"></div>
<div class="navigasi" name"navigasi">navigasi</div>
<div class="widget" name"widget">widget</div>
<div class="kontent" name"kontent">kontent</div>
</div>
</body>
</html>
on Selasa, 10 September 2013
<html>
<link href="_css/style.css" rel="stylesheet" type="text/css">
<div class="header-menu"></div>
<div class="search">
<form>
<div style="float:right"><div class="div-search"><input name="search" type="text" class="input-search" id="search"><input name="btnSearch"
type="button" class="btn-search" value="Search"></div></div>
</form>
</div>
<div class="main">
<div class="div-bulat"><div align="center" style="margin:auto;"></div></div>
</div>
<body backgroud="pemandangan1.jpg">
<from name="frm_login" id="frm_login" method="POST">
USERNAME : <input type="text" id="username" name="username"/>
PASSWORD : <input type="text" name="password"/>
kelas : <select name="KELAS">
<option value="xmm1">XMM1</option>
<option value="xmm2">XMM2</option>
<option value="xmm3">XMM3</option>
</html>
jadinya seperti ini :
Assalamualaikum sobat, alhamdulillah kali ini kita masih bisa berjumpa lagi di postigan blog ane yang sederhana ini. kali ini ane mau share masih seputar Perencanaan pembuatan web dasar menggunakan HTML table.
jadinya seperti ini .
untuk menampilkan image pada halaman web, Tag yang digunakan adalah :
image diatas sudah saya atur sizenya menjadi 900x150 px , nah mungkin sobat bisa ubah gambarnya dengan gambar yang sobat punya asalkan letakkan dalam 1 folder. dan jangan lupa untuk memberikan namagambar beserta dengan ekstensi atau jenis gambar tersebut, maka yg anda masukan adalah <img src="namagambar.jpg" />
semoga ada manfaatnya buat semua, dan ane tunggu komentarnya sobat, thanks for visit my blog.
Wassalamualaikum
<html>
<head><title>HOTEL GRAND INNA KUTA</title></head>
<body bgcolor="pink"><div align="center"><table border="3" width=”300?><tr><td colspan="5" bgcolor="blue"> <img alt="pemandangan"src="pemandangan.jpg"></img> </td></tr>
<tr><td><a href="Home.html">HOME</a></td><td><a href="About.html">ABOUT US</a></td><td><a href="Fasilitas.html">FASILITAS</a></td><td><a href="Photogallery.html">PHOTO GALLERY</a></td><td><a href="contact.html">CONTACT US</a></td></tr>
<tr></tr>
</table></div></body></html>
jadinya seperti ini .
untuk menampilkan image pada halaman web, Tag yang digunakan adalah :
<img src="nama file gambar" />
image diatas sudah saya atur sizenya menjadi 900x150 px , nah mungkin sobat bisa ubah gambarnya dengan gambar yang sobat punya asalkan letakkan dalam 1 folder. dan jangan lupa untuk memberikan namagambar beserta dengan ekstensi atau jenis gambar tersebut, maka yg anda masukan adalah <img src="namagambar.jpg" />
semoga ada manfaatnya buat semua, dan ane tunggu komentarnya sobat, thanks for visit my blog.
Wassalamualaikum
on Kamis, 05 September 2013
HTML dalam kamus sederhana sering disebut sebagai Bahasa Pemograman web atau dengan kepanjangan lengkapnya HyperText Markup Language.
Dan seperti kita ketahui sebuah dimana bahasa pemograman selalu memiliki struktur dan penyusunan yang jelas, jadi tentu saja HTML ini sangat berbeda dengan bahasa kita sehari-hari. Bahkan mungkin kita akan sangat perlu belajar serius untuk benar-benar bisa mengerti bagaimana cara menulis dengan HTML yang valid dan bisa dimengerti oleh komputer.
Saya membuat postingan ini, karna kemarin ada yang bertanya kepada saya : Bagaimana Cara membuattemplate dengan HTML yang benar? maka saya menjawab : Anda setidaknya Harus belajar tentang HTMLterlebih dahulu.
Nah, muncul lagi pertanyaan Dimanakah saya bisa belajar HTML yang terbaik, terlengkap dan bisa dimengerti oleh pemula.
Terus terang saya bukan pelku desaigner yang mengerti bentuk dan pintar dalam bahasa HTML. Ilmu saya tidak akan bisa membuat anda mampu pintar dan cakap dalm mempelajarinya karna pengetahuan saya masih sangat dasar dalam bahasa HTML.
Mengenal Struktur HTML Dasar
Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.
Contoh Halaman Web dengan Bahasa HTML dasar:
Bagaimana, apakah anda sudah siap Belajar HTML?
Bagaimana, apakah anda sudah siap Belajar HTML?
<html>
<head>
<title>Judul Belajar HTML Pemula</title>
</head><body>Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?</body></html>
Dari struktur tersebut terlihat jelas bahwa sebuah HTML Menampilkan tulisan pada halaman websitedengan menggunakan kode-kode atau source. Dimana Kode source HTML tersebut tidak akan ditampilkan pada browser (tidak terlihat pleh si pembaca), namun kode2 HTML inilah yang akan memerintahkan browser untuk menampilkan seperti apa halaman yang kita buat. Seperti kode source diatas jika ditampilkan maka akan terlihat:
Title = Judul Belajar HTML Pemula
Isi = Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
Contoh ini mungkin sangat mendasar dan tentu saja anda tidak puas dengan ini. Masih banyak kode-kode source lainnya untuk bisa menampilkan sebuah halaman web supaya lebih cantik dan seperti yang kita inginkan. Saatnya anda mulai untuk menyiapkan diri baik fisik maupun mental yang siap untuk untuk memepelajari html ini.
Sebagai motivasi, saya sarankan anda belajar dengan serius tentang HTML, karna saya yakin : ketika anda belajar dengan sepenuh hati, maka anda pasti bisa sekalipun pemula bakan gaptek internet. so, semua bisa dipelajari....
Langganan:
Postingan (Atom)