Jumat, 15 April 2016

Cara Membuat Tabel Dengan Menggunakan Atribut CSS

CSS merupakan singkatan dari Cascading Style Sheets, yaitu sebuah bahasa berbasis text yang digunakan untuk memformat tampilan dari halaman web yang dibuat dengan HTML, misalnya dalam hal pewarnaan, ukuran, posisi dsb. Memungkinkan kita untuk memberikan efek-efek khusus pada isi halaman web secara lebih spesifik. Memungkinkan kita mengubah tampilan beberapa halaman web sekaligus dengan sedikit kode. Pada link berikut ini kita akan membuat contoh tabel dengan CSS baik itu dengan atribut style (inline) maupun internal dan eksternal CSS.
Berikut adalah contoh tabel dengan menggunakan atribut css :

<html>
<head>
<title>Contoh Table Css</title>
</head>
<style>
 a{
  border: 1px solid red;
  padding: 5px 10px;
  background-color: yellowgreen;
  color: green;
  font-weight: bold;
  font-family: arial;
  text-decoration: none;
  border-radius: 5px;
  display: block;
  width: 150px;
  text-align : center;
 }
 a:hover{
  color: maroon;
  background-color: pink;
}
 a:active{
  background-color: greenyellow;
 }
 table {
  border-collapse: collapse;
  width: 500px;
  margin: 25px;
  font-family: arial;
 }

tr, td {
 border: 1px solid white;
}
 .no1{
  background-color: pink;
  border-radius: 8px 8px 0px 0px;
  border: 2px solid white;
 }
 .no2{
  background-color: white;
 }
 .no2:hover{
  background-color: greenyellow;
 }
 .no3{
  background-color: gray;
 }
 .no3:hover{
  background-color: green;
 }
 .no4{
  border: 2px solid white;
 }
</style>
<body>

<table border="0">
 <th class="no1">No</th>
 <th class="no1">Jenis Bunga</th>
 <th class="no1">Asal Negara</th>

 <tr class="no2">
  <td>1</td>
  <td>Bunga Sakura</td>
  <td>Jepang</td>
 </tr>

 <tr class="no3">
  <td>2</td>
  <td>Bunga Plumeria</td>
  <td>Amerika Tengah</td>
 </tr>

 <tr class="no2">
  <td>3</td>
  <td>Bunga Magnolia</td>
  <td>Prancis</td>
 </tr>

 <tr class="no3">
  <td>4</td>
  <td>Bunga Tulip </td>
  <td>Belanda</td>
 </tr>

 <tr class="no2">
  <td>5</td>
  <td>Bunga Ros</td>
  <td>Bulgaria</td>
 </tr>

 <tr class="no3">
  <td>6</td>
  <td>Bunga Melati</td>
  <td>Indonesia</td>
 </tr>

</table>
</body>
</html>

 Adapun hasil :
Dalam percobaan ini baground terlihat seperti biasa ,, namu pada setiap pernomoran mempunya warna yang berbeda-beda dengan makasud memberikan tampilan agar lebih menarik, maka setiap penomoran akan di beri warna baground sperti yang diinginkan . Berikut hasil outputnya :
Pada hasil tabel diatas dapat terlihat jika kursor mengarah pada no.5 maka warna akan berubah menjadi berwarna hijau muda, dan saat kursor mengrah pada no.6 warna yang di tampikan berubah menjadi berwarna hijau tua.
Jadi, penggunaan atribut css pada pembuatan tabel berfungsi untuk memberikan tampilan yang berbeda-beda sesuai dengan keinginan.


Diposting oleh di Tidak ada komentar:

Kamis, 14 April 2016

PERBEDAAN , ECHO, PRINT, PRINT-F

Assalamualaikum wr, wb
Kali ini saya akn menjelaskan tentang, Perbedaan Echo, Print, Print-f dan Mencari Format fungsi Date pada PHP ... ??
Berikut Penjelasannya ...


1. ECHO
Echo berfungsi untuk menampilakan satu output data atau lebih yang dipisahkan dengan tanda koma(,) atau berfungsi untuk menampilkan string terformat. Perintah echo() secara pengoperasiannya sama dengan print(), namun terdapat 2 buah perbedaan.Pertama, tidak dapat digunakan untuk suatu bagian dari sebuah ekspresi yang kompleks, karena return echo adalah void, sementara return print adalah Boolean.
  Contoh:
<?php
echo “ hello ”, 1, 2, 3, “welcome to belajarc <br/>”;
?>

2. PRINT
boolean print (argument)
Print adalah konstruksi bahasa dalam php untuk menampilkan string yang berfungsi hampir sama dengan echo tetapi print hanya dapat menampilkan 1 data.Perintah print() berguna untuk menampilkan suatu feedback sesuai dengan argument yang di kirim kepada user, dan print() juga dapat menampilkan antara string dan variable secara bersamaan
 Contoh :
<?php
Print(“hello,welcome to belajarc <br/>”);
?>

 3. PRINT-F
Printf memiliki fungsi yang hampir sama dengan echo dan print,bedanya printf dapat mengatur format data yang akan ditampilakan.
 Contoh:
<?php>
Printf(“%s %d %0.02f <br />\n”, “string”, 18, 3.14);
?>
Ket:
%s adalah format untuk string
%d adalah dormat untuk integer,notasi desimal
%f adalah format untuk desimal atau bilangan real
Format string selalu menggunakan tanda persen(%). Pada format %s mewakili kata”string”, %d mewakili 18, &0.02f mewakili 3.14. 

Jadi terlihat ada beberapa perbedaan pada ketiga fungsi diatas.Fungsi echo akan dieksekusi lebih cepat dibandingkan dengan print , perbedaan ini disebabkan fungsi print  akan mengembalikan status integer yang menyatakan apakah proses berhasil dilaksanakan atau tidak. Disisi lain echo hanya menampilkan output saja dan tidak mengerjakan hal lainnya. Adapun dalam implementasinya status nilai kembalian dari penggunaan fungsi string hampir tidak pernah diperlukan.



MENCARI FORMAT FUNGSI DATE PADA PHP

Fungsi ini dIgunakan untuk menampilkan format tanggal dan waktu lokal sesuai dengan tanggal sistem komputer anda. Adalah fungsi untuk menampilkan waktu server sekarang. Fungsi ini mengambil waktu dari server dan menampilkannya sesuai format yang diminta oleh script. PHP menyediakan beberapa parameter untuk fungsi date(). Parameter ini berkaitan dengan format data yang dikembalikan oleh fungsi tersebut.

 Sintak PHP:
    date ( string $format [, int $timestamp ] )
 
Dalam date terdapat beberapa format penulisan untuk mengambil tanggal. Berikut adalah format penulisan karakter untuk tanggal :
  • d – Menampilkan¬†tanggal sekarang (01-31)
  • m – Menampilkan bulan sekarang dalam angka¬†(01-12)
  • Y – Menampilkan tahun (dalam empat digit)
  • l (huruf kecil ‘L’) – menampilkan nama¬†hari sekarang
Karakter lain, seperti “/”, atau “.” “-” Juga dapat disisipkan di antara karakter untuk menambahkan format tambahan. Perhatikan contoh penulisan PHP berikut :
Contoh :
<?php
echo "Today is " . date("Y/m/d") . "<br>";
echo "Today is " . date("Y.m.d") . "<br>";
echo "Today is " . date("Y-m-d") . "<br>";
echo "Today is " . date("l");
?>
Outputnya:
Today is 2015/04/04
Today is 2015.04.04
Today is 2015-04-04
Today is Saturday
Selain untuk tanggal fungsi Date PHP juga dapat digunakan untuk mengambil waktu sekarang. Berikut format penulisan karakter untuk waktu :
  • h – Menampilkan jam sekarang¬†(01-12)
  • i – Menampilkan menit sekarang¬†(00-59)
  • s – Menampilkan detik sekarang¬†(00-59)
  • a – Untuk menampilkan waktu¬†am atau pm 
Contoh :
<?php
echo "The time is " . date("h:i:sa");
?>
Outputnya :
The time is 12:36:32pm
Kita juga dapat mengambil tanggal dan waktu sekaligus dengan cara mengkombinasikan format karakter tanggal dan waktu dalam fungsi date PHP. Perhatikan contoh program dibawah :
Contoh :
<?php
echo "Tanggal dan Waktu sekarang adalah " . date("d/m/Y h:i:s");
?>


Output : 

Tanggal dan Waktu sekarang adalah 04/04/2015 12:36:32


FUNGSI DATE
Dalam fungsi date() terdapat beberapa kode yang dapat mewakili setiap perintah dalam program . ini beberapa jenis timestamp yang dapat digunakan untuk mengatur format tampilan Tanggal dan waktu.


Dalam fungsi date() terdapat beberapa kode yang dapat mewakili setiap perintah dalam program. Berikut kode – kode tersebut : - See more at: http://hastomo.net/php/fungsi-waktu-date-time-dalam-php/#sthash.ysh5FRn6.dpu f
                 Tabel. Karakter String Format
HARI
Simbol Keterangan Contoh
d Menampilkan hari dalam sebulan dengan 2 digit angka. 01- 31
j Menampilkan hari dalam sebulan dengan 2 digit angka tanpa di awali nol. 1 – 31
D Menampilkan hari dalam seminggu dengan 3 digit huruf. Mon, Sun
l Menampilkan hari dalam seminggu dengan huruf penuh. Monday, Sunday
N Menampilkan hari dalam seminggu dengan 1 digit angka. 1, 7
S Menampilkan hari dalam sebulan dalam bentuk English ordinal suffix. st, nd, rd, th
w Menampilkan hari dalam seminggu dengan diawali dari 0. 0, 6
Z Menampilkan hari dalam setahun dengan diawali dari 0. 0 – 365

MINGGU
Simbol Keterangan Contoh
W Menampilkan minggu dalam setahun. –

BULAN
Simbol Keterangan Contoh
F Menampilkan bulan dalam setahun. January – December
m Menampilkan bulan dalam setahun dengan 2 digit angka. 01 – 12
M Menampilkan bulan dalam setahun dengan 3 digit huruf. Jan – Dec
n Menampilkan bulan dalam setahun dengan 2 digit angka tanpa di awali nol. 1 – 12

TAHUN
Simbol Keterangan Contoh
Y menampilkan tahun. 2012, 2017
y menampilkan tahun hanya 2 digit akhir. 12, 17

WAKTU
Simbol Keterangan Contoh
a Menampilkan Ante meridiem dan Post meridiem (huruf kecil) am, pm
A Menampilkan Ante meridiem dan Post meridiem (huruf bersar). AM, PM
g Menampilkan jam dalam sehari dengan format 12 jam tanpa di awali nol. 1 – 12
G Menampilkan jam dalam sehari dengan format 24 jam tanpa di awali nol. 0 – 23
h Menampilkan jam dalam sehari dengan format 12 jam. 01 – 12
H Menampilkan jam dalam sehari dengan format 24 jam. 00 – 23
i Menampilkan menit dalam satu jam. 00 – 59
s Menampilkan detik dalam satu menit. 00 – 59
u Menampilkan mikro detik. 654321











Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)