Nah untuk menampilkan sebuah Jam atau Tanggal pada ASP.Net kita
hanya perlu menggunakan 1 Label saja. Yang dimana pada latihan ini kami akan
menampilkan sebuah tanggal dan jam sesuai dengan yang ada dikomputer kita. Untuk menampilkan sebuah jam dan tanggal anda
bisa mengikuti langkah-langkah dibawah ini :
1. Untuk Project
ini tidak usah menggunakan sebuah file baru kita hanya menambahkan sebuah Web
Form saja yang dimana untuk membuatnya anda bisa pergi ke Klik Kanan Pada aspproject01
yang ada di pojok kanan pilih ADD >
New Item > Web Form. Dan berinama LabelControl.aspx
2.
Selanjutnya buat sebuah CSS agar
tampilan jam dan tanggal tersebut lebih menarik dengan cara memasukkan sebuah
css diantara kode <head> dan </head> misalnya kami membuat
sebuah css dengan seperti ini.
<style type="text/css">
div {
padding:10px;
}
.labelStyle {
color:red;
background-color:yellow;
border:solid 2px red;
}
</style>
Keterangan
Kode :
·
<style type="text/css">
Mendefinisikan sebuah css untuk mengubah tampilan label.
·
padding:10px;
Memberi jarak padding yaitu jarak antara kotak dengan isi dengan
ukuran 10 pixel.
·
color:red;
Memberi sebuah warna tulisan pada label dengan warna merah
·
background-color:yellow;
Memberi Background pada Kotak dengan warna kuning
·
border:solid 2px red;
Memberi ketebalan kotak border dengan ukuran 2 pixel dan diberi
dengan warna merah.
3. Jika sudah
silahkan buat sebuah label dengan memasukkan kode dibawah ini :
<asp:Label ID="LabelWaktu" runat="server" Font-Size="Large" CssClass="labelStyle" />
Keterangan Kode :
·
<asp:Label />
Berfungsi untuk membuat sebuah label dengan format kode ASP
·
ID="LabelWaktu"
Berfungsi untuk memberi identitas bahwa label itu bernama “LabelWaktu”
·
runat="server"
Berfungsi untuk mengirimkan aksi button tersebut kedalam server
·
Font-Size="Large"
Berfungsi untuk memberikan ukuran font yang besar pada label
·
CssClass="labelStyle"
Berfungsi untuk memanggil sebuah CSS yang kita buat tadi untuk
dipakai di sebuah label.
4. Jika sudah menjalankan
programnya maka akan tampil seperti dibawah ini.
Itulah materi yang kami dapatkan di matakuliah Pemrograman Web Lanjut (ASP.net) pada minggu ini semoga materi dapat beguna buat kami dan teman-teman sekalian. terimakasih
Post A Comment:
0 comments so far,add yours