Penjelasan syntag atau kode pembuatan template sederhana

by agungekkasmkbantaraOktober 31, 20180 Comments
Assalamualaikum Warahmatullahi Wabarakatuh,

Pendahuluan
    Hallo sobat IT jumpa lagi dengan saya, gimana kabarnya hari ini baik sekali dan juga sehat selalu bukan. Nah pada kesempatan kali ini kita akan membahas tentang html dari template yang kemarin yakni penjualan barang, dimana kita disini akan menjelaskan bagian-baiannya.
A.Pokok Bahasan
Memahami syntax atau kode pembuatan  dalam pembuatan template sederhana.
B.Latar Belakang
   Guna memberikan informasi mendasar tentang kesatuan template yang terdiri dari Header, Title, Footer, Body, Sidebar, dan Footer.
C.Tujuan
   Membuat seseorang tahu akan bagian mendasar dalam ebuah template melalui tampilannya .
2.Isi
D.Pembahasan
    Sebenarnya sudah banyak sekali dalam postingan yang saya upload tentang ulasan ulasan  mengenai sebuah template yang saya buat, akan tetapi kali ini saya akan mengulasnya dengan menggunakan bahasa yang lebih spesifik dan ditambah dengan praktik kodenya tiap tiap bagian.
   Bisa dilihat sendiri sobat IT sekalian dibawah ini merupakan, tag html kemarin yang saya gunakan untuk membuat sebuah template penjualan suatu barang , disinisaya juga jelaskan bahwasannya tiap-tiap warna berikut yakni merah, kuning, dan juga hijau mewakili tempatnya masing-masing. Contoh simple-nya saja kita ibaratkan pada struktur text da;lam bahasa Indonesia terdiri atas pendahuluan, isi, dan juga penutup seperti itu. Jadi tiap-tiap tag pokok seperti

<html><head>
                        <title></title>
          <body>.........
          ......................
          </body>
             </head>
<ooter>......</footer>
</html>
mewakili tugasnya masing-masing.
<html><head>
<meta charset=utf-8>
<title>Warung wong mewah</title>
<link href="bakso1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Bakker MEWAH</h1>

 </div>
<br>
<div id="content">
<div id="colOne">
<h2>Menu</h2>
<ul>
<li><a href="kucing.jpg" accesskey="1" title="Berisi hidangan penutup">Camilan</a></li>
<li><a href="#" accesskey="2" title=" masakan jawa klasik">Makanan</a></li>
<li><a href="minuman.html" accesskey="3" title="Minuman buah& sirup">Minuman</a></li>
<br>
<br>

 <h3>Menu Andalan</h3>
<li><a href="bakso pocong.jpeg">Bakso pocong</a></li>
<li><a href="bakso kembang.jpeg">Bakso Kembang</a></li>
<li><a href="bakso ketupat.jpeg">Bakso Ketupat</a></li>
<li><a href="bakso pring.jpeg">Bakso Pring</a></li><p>

  <h2>Serambi Mie</h2>
<li><a href="mie mlayang.jpeg">Mie Mlayang</a></li>
<li><a href="mie tentakel.jpeg">Mie Tentakel</a></li>
<li><a href="mie trasi.jpg">Mie Trasi</a></li>
<li><a href="mie godhog.jpeg">Mie Godhog</a></li>
<img src="bakso.jpg" alt="" class="auto" height="160" width="auto" />
</div>
<div id="colThree">
<h2>Menu Teranyar</h2>
<p>
    <li>Bakso Beranak</li>
    <li>Bakso Tulang</li>
    <li>Bakso Rudal</li>
 <li><a href="daftar.png" accesskey="1" title="">LIHAT HARGA SELENGKAPNYA</a></li>
<h3>Chef/koki</h3>
<ul>
<li><a href="roni.png">Chef Roni</a></li>
<li><a href="adi1.jpg">ChefAdi</a></li>
<li><a href="adi.png">Chef Chemo</a></li>
<li><a href="orin.png">Chef Orin</a></li>
</ul>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
<p>Copyright © 2006 Agung ekka ramadhani</p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;">
Kunjung Blog <a href="http://agungekka02smkbantarasidoharjo.com/">agung ekka ramadhani</a> <br />
<button type="submit">Silahkan masuk</button>
</body></html>
E.Referensi

F.Waktu Pelaksanaan
08.00-11.00WIB
3.Penutup
G.Kesimpulan
    Dari uraian diatas dapat disimpulkan bahwasannya untuk membuat sebuah template kita harus tahu kode-kode atau syntag dan bagian-bagian yang ada didalamnya, seeperti mana title, head, body, dan juga footer.
H.Alat yang dibutuhkan
Satu buah laptop.

0 Komentar

Posting Komentar