Hari ini merupakan pertemuan ke tujuh, sebelum menjalankan UTS. Kita akan membahas mengenai HTML. Apa sih HTML itu? HTML merupakan singkatan dari HyperText Markup Language. TML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web. Konten dalam halaman Web ditandai dengan elemet HTML seperti <img>, <title>, <p>, <div>, dan sebagainya. Saya akan memberikan contoh membuat HTML dengan menggunakan app Notepad++
<html>
<title> Website penkom </title>
<head> </head>
<body>
Hari ini pertemuan ke tujuh penkom
<h1> <font color= purple> Halaman Pertama Saya </font> </h1>
<h2> Halaman Pertama Saya </h2>
<br><br>
<h3> Halaman Pertama Saya </h3>
<table border=4 align=center>
<tr>
<td> Test </td>
<td> Test 1 <td>
</tr>
<tr>
<td> Test 2 </td>
<td> Test 3 <td>
</table>
<table border=5 align=left>
<tr>
<td> Username </td>
<td> <input type=text size=20> </td>
</tr>
<tr>
<td> <font color= purple> Password </font> </td>
<td> <input type=password size=20> </td>
</tr>
<tr>
<td> <input type=submit size=20 value =submit> </td>
<td> <input type=reset size=20 value =reset> <td>
<tr/>
</table>
</form>
<marquee> Man Yazro Yahsud </marquee>
<header id="main-header">
<hgroup>
<h1>Statistika</h1>
<h2>Interdept Statistika</h2>
</hgroup>
</header>
<nav id="main-nav">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<h2> Menampilkan foto dan caption</h2>
<figure>
<img src= "IPB.jpg"alt="gambar IPB">
<figcaption><strong> Institut Pertanian Bogor </strong></figcaption>
</figure>
<h2> Menampilkan Audio Control</h2>
<audio controls>
<source src="Buka Semangat Baru.mp3" type="audio/mpeg">
</audio>
Your browser does not support the audio element
</audio>
<footer>
<p> copyright 2018, Tim Penkom </p>
</footer>
</body>
</html>
<html>
<title> Website penkom </title>
<head> </head>
<body>
Hari ini pertemuan ke tujuh penkom
<h1> <font color= purple> Halaman Pertama Saya </font> </h1>
<h2> Halaman Pertama Saya </h2>
<br><br>
<h3> Halaman Pertama Saya </h3>
<table border=4 align=center>
<tr>
<td> Test </td>
<td> Test 1 <td>
</tr>
<tr>
<td> Test 2 </td>
<td> Test 3 <td>
</table>
<table border=5 align=left>
<tr>
<td> Username </td>
<td> <input type=text size=20> </td>
</tr>
<tr>
<td> <font color= purple> Password </font> </td>
<td> <input type=password size=20> </td>
</tr>
<tr>
<td> <input type=submit size=20 value =submit> </td>
<td> <input type=reset size=20 value =reset> <td>
<tr/>
</table>
</form>
<marquee> Man Yazro Yahsud </marquee>
<header id="main-header">
<hgroup>
<h1>Statistika</h1>
<h2>Interdept Statistika</h2>
</hgroup>
</header>
<nav id="main-nav">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<h2> Menampilkan foto dan caption</h2>
<figure>
<img src= "IPB.jpg"alt="gambar IPB">
<figcaption><strong> Institut Pertanian Bogor </strong></figcaption>
</figure>
<h2> Menampilkan Audio Control</h2>
<audio controls>
<source src="Buka Semangat Baru.mp3" type="audio/mpeg">
</audio>
Your browser does not support the audio element
</audio>
<footer>
<p> copyright 2018, Tim Penkom </p>
</footer>
</body>
</html>
Setelah kita membuat seperti yang di contoh, maka hasilnya akan menjadi seperti ini
Komentar
Posting Komentar