BELAJAR PHP 3-1.belajar HTML selama 30 menit

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.
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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>proformas</title>
</head>
<body>

</body>
</html>
kalau HTML, tulis di antara <body> dan </body>. itu peraturan.

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.
<body>

<font color="#ff0000">selamat siang</font>
</body>
minta tolong overwrite setelah selesai tulis.

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.
<body>

<font color="#ff0000" size="7">selamat siang</font>
</body>
seletah overwrite, melihat di browser. bisa pakai reload atau F5 di browser.
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.
<body>

<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.
<body>

<font color="#ff0000" size="7">selamat siang</font>
<br>
<img src="sample.jpg">
</body>
hasil nya seperti ini.


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.
<body>

<font color="#ff0000" size="7">selamat siang</font>
<br> <a href="pindah.html"><img src="sample.jpg"></a>
</body>
arti nya, menbuat hyperlink di antara <a> dan </a>.
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.
<body>

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.

Post a Comment