tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

Membuat Desain Menu Makanan dengan HTML



Selamat malam sobat blogger kakli ini saya akan memposting cara membuat desain menu makanan dengan html, pasti anda bertanya tanya fungsinya apa ya? dan saya menjawab saya juga kurang tahu sebenarnya apa fungsinya apa, tetapi itulah seninya seorang anak IT apa saja di buat, hahahah­čśâ.

langsung aja sahabat blogger, saya akan langsung membagikan kode htmlnya siapa tau aja bisa berguna bagi sahabat blogger semua. ikuti tutorialnya dibawah ini.
  • yang pertama anda lakukan membuka aplikasi notepad++ anda.
  • jika anda belum mempunya aplikasinya anda bisa download aplikasinya dibawah ini.
download: Notepad++
  • buka aplikasi notepad++ anda.
  • copy kode html di bawah ini kemudian paste pada aplikasi notepad++ anda.

 <html>

<head>

  <title>QUIZ PERTAMA</title>

</head>



<body background="GHJJ.png">

  <table align="center" style="width:60%" bgcolor="gainsboro" cellpadding="13">

    <tr>

      <center>

        <th>

          <th><h2>Zuppa toscana

          (Better Than olive Garden)</h2></th> 

        </th>

        

        <tr>

         <td align="center">

           <img src="123.jpg" align="center" width="250" height="450"><br>

         </td>

         <td><br>

           <b align="center">Ingredients</b><br>

           <ul>

            <li>1 pound(s) Italian Sausage (spicy)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>4-6 Russet Potatoes :bite sized cubes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>1 Onion :minced&nbsp;&nbsp; </li>

            <li>1/4 cup(s) REAL bacon pieces&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>2 tablespoon(s) Garlic&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>32 ounce(s) Chicken Broth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>1/2 bunch(es) Kale (or Swiss Chard)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>1 cup(s) Heavy Whipping Cream&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            <li>2 tablespoon(s) Flour&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </li>

            

          </ul><br>

          <b>Preparation</b></br>

          <ol>

            <li>Brown sausage links in a saute pan.</li>

            <li>Cut links in half lengthwise, then cut slices.</li>

            <li>Place sausage, chicken broth, garlic,

            potatoes and onion in slow cooker.</li>

            <li>Add just enough water to cover the

            vegetables and meat.</li>

            <li>Cook on high 3-4 hours (low 5-6 hours)

            until potatoes are soft.</li>

            <br>30 minutes before serving:</br>

            <li>Mix flour into cream removing lumps.</li>

            <li>Add cream and kale to the crock pot, stir.</li>

            <li>Cook on high 30 minutes or until broth

            thickens slightly.</li>

            <li>Add salt, pepper, and cayenne to taste.</li>

          </td>

          

        </tr>



      </body>

      </html> 

  • ubah bahasa yang anda gunakan pada notepad++ menjadi bahasa html. caranya pilih language kemudian cari huruf H, kemudian pilih html.
  • savel file notepad++ anda. terserah anda ingin memberi nama filenya apa, yang jelas anda ingat.
  • cari file notepad++ yang sudah anda simpan dan klik 2 kali dan lihat hasilnya. anda juga bisa melihat hasilnya melalui notepad++, caranya klik run kemudian pilih launch in chrome.
  • finish dan lihat hasilnya.
  • hasilnya seperti gambar dibawah ini.


Note:
  • jika sahabat blogger ingin memberi gambar seperti diatas, simpan file dan gambar pada folder yang sama.
  • gunakan gambar jpg.
jika ada yang kurang jelas atau anda ingin bertanya silahkan tinggalkan comment dibawah ini, mudah-mudahan postingan ini bisa bermanfaat bagi sahabat blogger semua, sekian wassalam­čśâ



Baca Juga

closed