Latihan HTML

Setelah kita mengetahui atribut dan elemen-elemen dasar yang terdapat pada HTML,mari kita berlatih menggunakan tag-tag tersebut ! .Selamat membaca ! ^ ^

Kali ini kita akan membuat satu contoh resep makanan sederhana.Berikut penulisan scriptnya :

<!DOCTYPE HTML>
<html>
<head>
<title>Resep Resto Programmer</title>
</head>

<body>
<h1>Resep Resto Programmer - Ilmu Terbaik</h1>
<p align="justify">Saya mengadopsi resep ini dari sebuah buku <cite cite="http://www.amazon.com/telur_dadar">Masakan Programmer</cite> 
oleh <strong> You Know Who.</strong>Setelah mencicipi makanannya 1<sup>st</sup> kali saat mengunjungi restoran ini.
Saya langsung membuat satu persepsi bahwa ini adalah resto dengan telur dadar <em>terbaik</em> yang pernah saya cicipi.
Resep ini saya namakan dengan <q>Resep Pintar Programmer</q>.Anda bisa mencoba bumbunya dan akan jatuh cinta kepada makanan ini.
Selain itu kita dapat mengajak teman-teman kita untuk makan bersama di Resto Programmer,karena tempat ini adalah tempat tergaul saat ini
untuk anak muda zaman sekarang.So what are you guys waiting for !? Come and try our food</p>

<h2>Bumbu</h2>
<p>Berikut adalah bumbu-bumbu dari makanan ini :
<ul>
<li>2 buah telur</li>
<li>Mentega 1 sendok makan</li>
<li>1/3 cangkir krim<i>(2.5 ons)</i></li>
<li>1/2 sendok garam</li>
<li>Bubuk cabe secukupnya</li>
<li>100 gram daging sapi yang telah digiling</li>
</ul>

<h2>Cara Belajar</h2>
<ol>
<li>Kocok telur,krim daging dan garam di dalam sebuah mangkuk</li>
<li>Cairkan mentega pada sebuah panci dengan panas yang tinggi<i>(hati-hati agar tidak sampai membuat mentega terbakar</i></li>
<li>Tuang campuran telur ke panci dan tunggu sampai mengental ke tepi panci</li>
<li>Gunakan sendok kayu untuk melipat ke tengah panci dan tunggu 20 detik lagi</li>
<li>Lipat sekali lagi,biarkan 20 detik,dan ulangi sampai telur terlihat cukup matang</li>
<li>Tabur bubuk cabe di permukaan telur tersebut</li>
</ol>

<p>Anda sebaiknya hanya membuat <strong>maksimum</strong> dua sajian untuk tiap panci
<p>Fabiokounang11.blogspot.co.id &copy; Programmer Entertainment &trade; All rights Reserved
</body>
</html>

Hasilnya akan menjadi seperti gambar di bawah :

Selamat ! Kita selesai membuat satu resep dalam sebuah website (walaupun sederhana) tapi ini merupakan langkah awal untuk lebih maju ^ ^

Note : Teman-teman dapat menambah atau mengurangi kalimat dan tag-tag sesuai dengan keinginan teman-teman agar menjadi lebih seperti yang diinginkan. 

Sekian latihan soal mengenai atribut dan html dasar.Semoga ilmu yang dibagikan dapat bermanfaat ya.Jika ada yang kurang jelas dapat ditanyakan di kolom komentar.Terima kasih !

Comments