Membuat Program Dasar
Membuat Program Dasar
Sebelum masuk ke program yang sulit-sulit kita membuat sederhana dulu ya sobat, Untuk perdana kita membuat web kita harus mendesain untuk kali ini desainnya akan seperti ini
di koding ini kita buat nama judul program yang kita buat terletak pada baris ke 3 yang terletak pada title. sementara ukuran huruf saya buat pada baris 7-11 yaitu
Ada pun koding yang kita gunakan kali ini adalah sebagai berikut:
<!DOCTYPE
html>
<html>
<head><title>
Program Sederhana</title>
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
</head>
<body
>
<br><h1> Hello Word !</br></h1>
<br><h2> Hello Word !</br></h2>
<br><h3> Hello Word !</br></h3>
<br><h4> Hello Word !</br></h4>
<br><h5> Hello Word !</br></h5>
</body>
</html>
<br><h1> Hello Word !</br></h1>
<br><h2> Hello Word !</br></h2>
<br><h3> Hello Word !</br></h3>
<br><h4> Hello Word !</br></h4>
<br><h5> Hello Word !</br></h5>
semakin kecil (h) nya semakin besar ukuran hurufnya.ukuran (h) dari 1 sampai 5,semakin besar (h) nya semakin kecil huruhnya .sementara tanda <br> ini menandakan kita akan membuat baris baru pada halaman . sebagai pembuktian saya akan menunjukan buktinya silakan copy koding diatas simpan pada file c cari xampp kemudian cari htdocs. simpang dengan nama Web1.php atau nama yang sobat inginkan dengan .php dibelakang .biar gampang kita samakan saja. setelah anda simpan kemudia buka pencarian di laptop anda cari xampp maka akan muncul seperti di bawah ini
kemudian click start pada Apache, MYSQL, dan File Zilla. maka muncul seperti di bawah ini
Kemudia kita buka mesin pencarian google dan lain lain.
dan ketikan diatas di tempat yang saya lingkari.kemudian buat nama web yang anda simpan tadi jika sama buka Web1.php, jika beda tulis sesuai dengan yang anda buat.maka hasilnya seperti gambar diatas kemudian kita coba dengan cara lain dengan hasil yang sama. dengan menggunakan koding yang simpel tampa menulis banyak <br> dan </br> seperti ini.ini lah kodingnya
<!DOCTYPE html>
<html>
<head><title> Program Sederhana</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body >
<br><h1> Hello Word !</h1>
<h2> Hello Word !</h2>
<h3> Hello Word !</h3>
<h4> Hello Word !</h4>
<h5> Hello Word !</h5></br>
</body>
</html>
Maka hasilnya seperti berikut:
hasilnya samakan sobat.dan selanjutnya kita akan buat membuat dari tulisan kecil hingga ke besar caranya gampang dengan cara mengantikan h1 jadi h5 sampai seterusnya maka koding sebagai berikut:
<!DOCTYPE html>
<html>
<head><title> Program Sederhana</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body >
<br><h5> Hello Word !</h5>
<h4> Hello Word !</h4>
<h3> Hello Word !</h3>
<h2> Hello Word !</h2>
<h1> Hello Word !</h1></br>
</body>
</html>
maka hasilnya seperti dibawah ini
dan kemudian saya akan membuat semua tulisan ini rata tengah dengan mengantikan br dengan <center> maka kodingnya akan seperti ini
<!DOCTYPE html>
<html>
<head><title> Program Sederhana</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body >
<center><h5> Hello Word !</h5>
<h4> Hello Word !</h4>
<h3> Hello Word !</h3>
<h2> Hello Word !</h2>
<h1> Hello Word !</h1></center>
</body>
</html>
Demikianlah materi penjelasan kita hari ini sampai jumpa lain waktu sobat dan jangan lupa ikuti bloger sata dengan cara yang sudah saya beritahu pada blogger sebelumnya
Terima kasih semua
Komentar
Posting Komentar