Generic placeholder image

Tampilan hasil kode tidak sesuai dengan materi yang di berikan

Ditanyakan pada tanggal 7 February 2019 oleh deswandamanik

Saya sudah mengikuti penulisan kode sesuai yang di berikan pada lesson tapi tidak mendapatkan hasil yang sama dengan yang di tampilkan pada hasil kode pada lesson. berikut gambar dari hasil kode saya, lesson kode yang di berikan, dan hasil yang seharus nya di dapatkan yang terdapat pada lesson.

Comment ..

Halo mas coba scriptnya masukan juga disini, jangan di screenshot, agar kita analisa kesalahannya dimana. Cara memasukan script dengan menggunakan backtick 3 kali dan tutup backtick 3 kali.

Dikomentari pada tanggal 7 February 2019 oleh Ahmad Oriza
Comment ..

mohon maaf mas newbie cara menyisipkan pertanyaan di kolom pertanyaan gimana yah???

Dikomentari pada tanggal 24 March 2019 oleh Ilyas fardian
Comment ..

Masuk dulu ke course detail mas.. entar ada disitu

Dikomentari pada tanggal 25 March 2019 oleh Ahmad Oriza
BUAT KOMENTAR

5 JAWABAN

Generic placeholder image
Muhammad Alif menjawab pada tanggal 7 February 2019

halo mas deswanda,

saya sarankan untuk lebih teliti dalam melakukan pengkodean, liat baik-baik apa yang diinginkan modul, perhatikan tag-tag htmlnya. untuk kode lengkapnya seperti ini:

<!DOCTYPE html>
<html>
<head>
    <title>My Webpage</title>
    <style type="text/css">
        .header {
            background-color: #ffffff;
            min-height: 50px;
            text-align: center;
        }
        .content {
            background-color: #ddd;
            min-height: 500px;
        }
        .footer {
            background-color: #ccc;
            min-height: 50px;
        }
        .container {
            width: 800px;
            margin: 0 auto;
        }
        .header {
        background-color: #eee;
        min-height: 50px;
        }
        .logo img {
        width: 200px;
        }
        .menu ul {
            padding: 0;
        }
        .menu ul li {
            display: inline-block;
        }
        .menu ul li a {
        padding: 10px 20px;
        text-decoration: none;
        }
        .thumbnail {
            background-color: white;
            text-align: center;
            padding: 10px;
            width: 225px;
            margin: 10px;
            float: left;
        }
        .thumbnail img {
            width: 100%;
        }
        .content {
            background-color: #ddd;
            min-height: 500px;
            overflow: auto;
        }
        .footer {
            background-color: #ccc;
            min-height: 50px;
            padding: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
            <h1>Logo Produk</h1>
            <div class="logo">
              <img src="https://devschool.id/resources/images/sample-logo.png">
            </div>
            <div class="menu">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
    </div>
    <div class="content">
            <h2>My Articles</h2>
            <h2>My Products</h2>

            <div class="thumbnail">
                <img src="http://via.placeholder.com/250x150">
                <h2>Product 2</h2>
                <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                <img src="http://via.placeholder.com/250x150">
                <h2>Product 2</h2>
                <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                <img src="http://via.placeholder.com/250x150">
                <h2>Product 2</h2>
                <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                    <img src="http://via.placeholder.com/250x150">
                    <h2>Product 2</h2>
                    <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                    <img src="http://via.placeholder.com/250x150">
                    <h2>Product 2</h2>
                    <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                    <img src="http://via.placeholder.com/250x150">
                    <h2>Product 2</h2>
                    <p>Rp 250.000</p>
    </div>
            <div class="thumbnail">
                    <img src="http://via.placeholder.com/250x150">
                    <h2>Product 2</h2>
                    <p>Rp 250.000</p>
    </div>
    </div>

    <div class="footer">
        <p>copyright 2018 My Page</p>
    </div>
    </div>
</body>
</html>
BUAT KOMENTAR
Generic placeholder image
Patar Ebenezer Siahaan menjawab pada tanggal 7 February 2019

Dalam belajar copy paste tidak dianjurkan mas, jadi lebih baik coba satu satu codenya, dan lihat perubahan apa yang terjadi.

BUAT KOMENTAR
Generic placeholder image
Ngakunya ANAK IT menjawab 2 bulan yang lalu

kesaalahan jelas pada kesalahan penulisan coding

BUAT KOMENTAR
Generic placeholder image
JUMADIL MUSTAMIN menjawab pada tanggal 26 February 2019

udh betul tu mas @deswandamani aku udh coba dan berhasil

BUAT KOMENTAR
Generic placeholder image
Slamet Budi Santoso menjawab pada tanggal 7 March 2019

Kebanyakan tag

My Products

-nya bang. Contoh dalam materi,

My Products

hanya ditulis sekali.

BUAT KOMENTAR