Hai sobat bertemu lagi dengan kami dengan belajar php sebelumnya kami membahas tutorial belajar php 1 yang berisi tentang perkenalan php dan server pada php. kali ini kami akan membahas beberapa element yang ada dalam php/html oke langsung saja kita menuju ke tkp..
- <html> = berguna untuk penutup awal pada html.
- <title> = untuk tampilan yang berada di sebelah icon tab browser.
- <head> = untuk tampilan header atau tampilan atas pada web.
- <body> = untuk tampilan tengah atau konten dari sebuah web.
- <footer> = untuk tempilan bawah pada web.
- <br> = untuk pindah baris atau enter suatu baris.
- <a> = untuk redirect suatu halaman menggunakan href="" atau bisa dibilang membuat link.
- <hr> = untuk membuas garis pembatas atau vertikal.
- <table> = untuk membuat suatu bentukk table pada web.
berikut sedikit gambaran tentang element html/php yang sering digunakan. disini kami akan mencoba membuatnya dengan cara berikut :
- pertama kita buat file .html dengan ketik dibawah ini :
<html>
<link rel="shortcut icon" href="http://iuc.web.id/favicon.ico" type="image/x-icon">
<head><h1 align="center" style="color:green">PEMOGRAMAN WEB</h1>
<hr>
<title face="Verdana">PEMOGRAMAN WEB</title>
<center><style type="text/css">
h1,h2,h3,h4,h5,h6 {color:red;}
h1 {text-shadow:15px 15px #ffffff;}
p
{color:violet;}
marquee {border-style:solid;}
</style>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body background="Background-Pics.jpg">
<h2 id="demo">TIME</h2>
<button type="button" onclick="displayDate()">Click</button>
<h1>PEMOGRAMAN WEB</h1>
<h2>PEMOGRAMAN WEB</h2>
<h3>PEMOGRAMAN WEB</h3>
<h4>PEMOGRAMAN WEB</h4>
<h5>PEMOGRAMAN WEB</h5>
<h6>PEMOGRAMAN WEB</h6>
<p>Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman yang dalam bahasa English adalah programming dan diartikan proses, cara, perbuatan program.</p>
<p>Pemrograman web<br> diambil dari 2 suku kata yaitu pemrograman dan web.<br> Pemrograman yang dalam bahasa English adalah programming<br> dan diartikan proses, cara, perbuatan program.</p>
<b style="color:white">PEMROGRAMAN WEB</b><br>
<i style="color:white">PEMROGRAMAN WEB</i><br>
<u style="color:white">PEMROGRAMAN WEB</u><br>
<pre style="color:white"> PEMOGRAMAN WEB</pre>
<marquee style="color:white">PEMOGRAMAN WEB</marquee>
<center style="color:white">PEMOGRAMAN WEB</center>
<caption>CAPTION</caption>
<table border="5" style=color:orange>
<tr>
<th>PEMOGRAMAN WEB</th>
<td>PEMOGRAMAN WEB PEMOGRAMAN WEB</td><tr>
<th>PEMOGRAMAN WEB</th>
<td>PEMOGRAMAN WEB PEMOGRAMAN WEB</td><tr>
</th>
</table>
s<img src="devit.jpg"><br>
<center><a href="https://www.facebook.com/surga.tujuansaya">PEMOGRAMAN WEB</a></center>
<div class="img">
<a target="_blank" href="http://www.w3schools.com/css/css_image_gallery.asp">
<img src="anak_indonesia.jpg" alt="Klematis" width="350" height="400">
</a>
<div class style="color:white"="desc">Aku anak indonesia</div></center>
<ol style="color:white">
<li>First item</li>
<li>Second item</li>
</ol>
<ul style="color:white">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<textarea rows="10" cols="30">
silahkan ketik.
</textarea>
<form type"input" action="http://www.w3schools.com/default.asp" method="get" action style="color:white"="">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female<br>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected>Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="submit" value="W3scholl">
</form>
</body>
</html>
jika sudah diketik simpan dalam bentuk html. dan coba klik html tersebut jika benar maka tampilan browser akan seperti ini :
oke begitulah basic dari html dan php dari pertemuan selanjutnya kami akan memberikan tutorial php yang lebih bagus lagi dan mungkin akan menggunakan database.
oke sekian dulu dari kami
salam belajar :)
oke sekian dulu dari kami
salam belajar :)