Pengertian HTML,PHP dan Tag-Tag HTML
ni dapet dari tetangga sebelah slamat membaca
»HTML (Hyper Text
Markup Language) adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi
di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard
Generalized Markup Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan
standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World
Wide Web Consortium (W3C).
Contoh struktur penulisan Html
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/". Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan. Contohnya adalah tulisan "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>
</body>
</html>
Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:
- Meberikan warna background pada halaman web :
<body
bgcolor="blue">
Atau dapat juga menggunakan kode
warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari
gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda
"#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari
paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan
angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2
karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
- Memberikan background gambar
<body
background="gambar.jpg">
Penulisan format gambar juga harus
disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">
- Memberikan warna teks
<body
text="#000000">
- Mengatur margin halaman
<body
leftmargin="20" topmargin="20">
- mengatur warna link
·
<body
link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body
bgcolor="blue"text="#000000"
leftmargin="20" topmargin="20"
link="#ff0000"vlink="#00ff00"alink="#0000ff">
PHP merupakan script yang menyatu dengan HTML dan
berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda
dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang
sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.
Contoh Struktur Penulisan PHP
Dalam pembuatan
file PHP sama dengan cara pembuatan file HTML, kita bisa menuliskan script PHP
di text editor seperti notepad dan lain-lain. Untuk menulis script/baris kode PHP
kita harus mengapit setiap baris kode tersebut dengan tag "<?php"
sebagai awal dan tag ?> sebagai akhir dari script PHP. Jika kita mengetikan
kode di luar tag tersebut tidak akan dianggap sebagai sebagai script PHP oleh
PHP engine, melainkan akan dianggap sebagai kode HTML. Biasanya di dalam sebuah
file PHP mengandung tag HTML dan baris kode PHP. Berikut contoh pembuatan file
PHP:
<html>
<head>
<title>Belajar
PHP</title>
</head>
<body>
<h1>Halaman
Pertama PHP</h1>
<?php
echo "Lagi
semangat belajar PHP";
?>
</body>
</html>
Tulis syntax di
atas menggunakan text editor kesukaan anda misalnya Notepad pada Windows atau
Gedit pada Ubuntu. Kemudian simpan dengan nama yang anda sukai namun harus
berakhiran ".php" dikarenakan default file PHP berakhiran "*.php",
misalkan "belajar.php" tanpa tanda kutip.
Keterangan:
- Baris kode PHP harus selalu diakhiri dengan tanda titik-koma ";" sebagai akhir dari baris script PHP, seperti contoh di atas yaitu (echo "Lagi semangat belajar PHP";).
- Echo pada contoh script di atas digunakan untuk menampilkan output berupa text di browser.
- Cara menjalankan/mengeksekusi file PHP yaitu buka browser ketik URL localhost/nama_file_PHP_anda. Jika pada contoh gambar diatas URL yaitu localhost/belajar.php.
Untuk membuat
komentar(baris kode yang tidak akan dieksekusi oleh server) pada file PHP bisa
menggunkan 2 cara yaitu menggunakan tanda garis miring 2 buah "//"
atau dengan menggunakan tanda "/*" sebagai awal komentar dan
"*/" sebagai akhir komentar. Berikut contoh script untuk membuat komentar
pada file PHP.
<html>
<head>
<title>Komentar
PHP</title>
</head>
<body>
<h1>Halaman
Pertama PHP</h1>
<?php
//Tulis
Komentar di sini untuk satu baris komentar
echo "Lagi
semangat belajar PHP";
/*
Tulis Komentar
di sini
untuk membuat
beberapa baris komentar
*/
?>
</body>
</html>
Apabila script di atas
dijalankan/dieksekusi maka kalimat yang berada di sebelah kanan tanda
"//" dan diantara tanda "/*" dan "*/" tidak akan
dieksekusi oleh server.
Tag Utama
Tag
|
Atribut
|
Deskripsi
|
| <html></html> | Baris paling atas dari setiap file HTML | |
| <head></head> | Informasi umum dari sebuah halaman web | |
| <title></title> | Judul halaman. Terdapat pada head | |
| <body></body> | Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth | Settingan atribut untuk seluruh dokumen |
Tag
|
Deskripsi
|
Contoh
|
| <b></b> | Teks tebal | Teks tebal |
| <i> </i> | Teks miring | Teks miring |
| <u> </u> | Teks garis bawah | Teks garis bawah |
| <pre></pre> | Preformatted teks | Contoh teks |
| <h1></h1> | Header 1 | Header 1 |
| <h2></h2> | Header 2 | Header 2 |
| <h3> </h3> | Header 3 | Header 3 |
| <h4></h4> | Header 4 | Header 4 |
| <h5></h5> | Header 5 | Header 5 |
| <h6></h6> | Header 6 | Header 6 |
| <sub></sub> | Subscript | Subscript |
| <sup></sup> | Superscript | Superscript |
| Tag | Atribut | Deskripsi |
| <font></font> | Color, size, name | Mengubah gaya suatu huruf |
Tag
|
Atribut
|
Deskripsi
|
| <a> </a> | Href, target, style, class, name, id | Membuat link ke dokumen atau situs lainnya |
| Tag | Atribut | Deskripsi |
| <img> | Src, alt, name, border, height, width | Menampilkan sebuah gambar |
Tag
|
Deskripsi
|
Contoh
|
| <blockquote></blockquote> | Digunakan untuk mengatur text dan gambar dalam suatu tag | Contoh text in a block quote format ( “ “ ) |
| <ol></ol> | Ordered List (digunakan dengan <li>) | 1. Item 1 |
| <ul></ul> | Unordered List (digunakan dengan <li>) | • Item 1 |
| <li> | Elemen List | |
| <dd></dd> | Definition List | |
| <dt> | Definition Term | |
| <dd> | Definition Description | |
| <p></p> | Paragraf | |
| <br> | Ganti baris | |
| <hr> | Garis horizonta | |
| <center></center> | Menengahkan elemen |
Tag
|
Deskripsi
|
Contoh
|
| <table></table> | Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign | Mengatur semua elemen table |
| <tr></tr> | Height, bgcolor, background, align, valign, title | Membuat baris baru |
| <td></td> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Membuat kolom |
| <th></th> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Header(kepala tabel). Otomatis ke tengah dan tebal |
| <tbody></tbody> | Height, width, align, valign, bgcolor, background | Format yang berlaku bagi cell yang diapit tag |
| <colgroup></colgroup> | Height, width, align, valign, bgcolor, background, colspan | Format yang berlaku bagi kolom |
Form
Tag
|
Deskripsi
|
Contoh
|
| <form></form> | Method, action, name, enctype | Mengatur elemen dari form |
| <input type=> | Text, password, hidden, radio, checkbox, submit, image, reset | Variasi dari tipe elemen input dalam form |
| <select></select> | Name, size | Membuat combo-box. Digunakan bersama dengan option |
| <option> | Selected, name, value | |
| <textarea></textarea> | Name, rows, cols, wrap | Membuat Text Area untuk input text dengan length yang lebih besar dari input text. |
| wrap | Off virtual physical |
no wrap word wrap, sent as one line word wrap, sent with breaks |
-Mysql _query adalah fungsi
yang digunakan untuk mengirim wuery ke database mysql
-mysql_fetch_array() adalah salah satu fungsi dalam pemrograman web PHP yang digunakan
untuk mengambil record / informasi dari suatu recordset /
tabel dan mengembalikannya sebagai associative array dan/atau numeric
array.
-mysql connect adalah fungsi yang digunakan
untuk menghubungkan ke server MySQL. Fungsi ini merupakan fungsi awal yang akan
dijalankan sebelum melakukan fungsi-fungsi lain. Selain mysql_connect()
terdapat juga fungsi penghubung ke server mysql lain
-mysql_select_db Fungsi
ini digunakan untuk memilih nama database yang akan diakses dengan script php.
