BELAJAR PHP 3-1.belajar HTML selama 30 menit
web situs dibuat pakai HTML (HyperText Markup Language).
jadi sebelum mulai membuat program pakai PHP, harus tahu tentang HTML.
kalau anda sudah mengerti HTML, mungkin mudah untuk membuatnya.
kalau anda belum pernah membuat HTML,silahkan anda bersantai-santai ria dalam proses membuat web situs ini.
apa HTML?
web situs dibuat pakai HTML. di atas peraturan HTML.
cara memperlihatkan warna dan besarnya huruf, image atau foto, kerangka, dll.
cara itu adalah HTML.
dasar membuat web situs .
pertama hidupkan server
minta tolong anda hidupkan XAMPP.
anda sudah tahu cara itu. kalau sudah lupa, minta baca kembali ke 2-1.dapat server gratis
sudah ada perintah "running" di kanan apache?
kalau belum, click "start" di apache.
copy file proformas format
copy file proformas format yang sudah anda buat di 2-6.
dan ganti nama ke "wellcome.html".
1.kondisi belum copy
2.kondisi sudah copy
3.kondisi sudah ganti nama file
buka file "wellcome.html" pakai text editor
minta tolong anda buka file "wellcome.html" pakai text editor.
kondisi nya seperti bawah.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>proformas</title>
</head>
<body>
</body>
</html>
code yang ada di antara pertama dan </head>, tidak usah pikir sekarang.
yang adan di belakang </body> dan </html> juga.
tapi itu pun penting. kalau anda hapus itu, program nya mungkin tidak berjalan.
sekalang minta tolong ingat huruf yang antara <title> dan </title>,
ini menyatakan di title-bar browser. jadi boleh ganti.
menbuat page yang huruf menyatakan
kalau anda belum pernah menggunakan HTML, ini pertama kali untuk web situs.
kalau anda sudah pernah silahkan anda buat seperti konfirmasi dibawah ini.
minta tolong tulis di antara <body> dan </body>, seperti di bawah.
<font color="#ff0000">selamat siang</font>
</body>
melihat di browser.
minta tolong anda buka browser (Internet Explorer, google chrome, Firefox, dll).
dan mengisi di URL
http://localhost/php_belajar/wellcome.html
anda tidak boleh membuka dengan double click.
hasil nya seperti bawah.
kalau ada error, pasti ada salah tulis.anda harus hati-hati.
mungkin salah mengisi URL.
kalau putih saja di browser, mungkin anda lupa overwrite.
kalau huruf nya tidak merah, ada salah tulis di <font color="#ff0000">selamt siang</font>.
jadi kenapa ada huruf merah?
basis HTML nya jentik pakai tag.
tag adalah huruf yang antara < dan >. tag nya tidak menyatakan di browser.
pakai tag untuk instruksi cara menyatakan.ada banyak tag di HTML. tadi pakai tag <font>.
karena jentik oleh tag <font color="#ff0000"> dan tag </font>,
jadi huruf "selamat siang" adalah merah.
bisa ganti font size
coba tambah huruf seperti bawah.
<font color="#ff0000" size="7">selamat siang</font>
</body>
hasil nya seperti bawah.
bisa pakai foto
seterusnya coba menyatakan dengan foto.
minta tolong bersiap data foto. dan data itu pindah ke folder php_belajar.
sekarang saya pakai sample.jpg ya.
dan tambah mengisi ke wellcome.html seperti bawah.
<font color="#ff0000" size="7">selamat siang</font>
<img src="sample.jpg">
</body>
konfirmasi foto di browser
minta tolong reload browser.
kalau foto tidak menyatakan, pasti ada salah mengisi.
cek hati hati. tidak ada salah di nama file?
kenapa foto menyatakan?
basis HTML satu lagi nya tidak jentik pakai tag.
kalau tentang foto tersebut, tidak dijentik oleh tag.
tag <img> nya tidak punya </img>. karena bukan instruksi untuk cara kelihatan huruf.
ada tag yang seperti itu juga.
break baris
kondisi sekarang huruf dan foto berderet. jadi mau isi break.
tambah code seperti bawah.
<font color="#ff0000" size="7">selamat siang</font>
<br>
<img src="sample.jpg">
</body>
kalau untuk break, ada dua tag. <br> dan <br />.
ada alasan tapi sekarang saya tidak menjelaskan.
kalau anda tertarik, minta tolong cari di internet.
membuat hyperlink
kalau click, pindah page lain. itu karena ada hyperlink.
membuat lebih mengerti. tambah code seperti bawah.
<font color="#ff0000" size="7">selamat siang</font>
<br> <a href="pindah.html"><img src="sample.jpg"></a>
</body>
sekarang tambah hyperlink ke foto.
jadi kita harus menbuat page baru.
copi file proformas.html dan ganti nama ke pindah.html
hasil nya seperti ini.
dan buka itu pakai text editor, dan mengisi kalimat seperti bawah.
saya pindah ke sini untuk hyperlink.
</body>
coba pindah
minta tolong reload browser. dan click foto.
bagaimana hasil nya? sudah bisa pindah?
kalau tidak, minta cek code atau reload browser.