Pengertian HTML,PHP dan Tag-Tag HTML
»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.
Setiap file PHP harus di simpan di dalam folder htdocs
yang berada pada tempat kita menginstall webserver, misalkan pada contoh di
tulisan sebelumnya tentang "Install XAMPP
pada Windows" kita menginstall XAMPP pada direktori/drive C: lalu masuk ke folder XAMPP dan
htdocs.
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.
* Berikut
ini adalah tabel tag-tag HTML dan fungsinya:
Tag Utama
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
|
Modifikasi
Teks
|
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
|
Font
|
Tag
|
Atribut
|
Deskripsi
|
|
<font></font>
|
Color,
size, name
|
Mengubah
gaya suatu huruf
|
Links
|
Tag
|
Atribut
|
Deskripsi
|
|
<a>
</a>
|
Href,
target, style, class, name, id
|
Membuat
link ke dokumen atau situs lainnya
|
Gambar
|
Tag
|
Atribut
|
Deskripsi
|
|
<img>
|
Src, alt,
name, border, height, width
|
Menampilkan
sebuah gambar
|
Formatting
|
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
|
Tabel
|
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.
Tidak ada komentar:
Posting Komentar