Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Tampilan tidak sama dengan tampilan yang di youtube
<html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: : verdana, sans-serif; font-size: 12px; } #header, #nav, #main-content, #sidebar-content, #footer{ border:1px solid grey; margin:5px; padding:5px; } #main-content{ float: left; width: 60%; }
#sidebar-content{
foat: left;
width: 30%;
}
#footer{ clear:both; } </style> </head> <body> <div id="header"> <h1>Belajar Programming</h1> <h2>bersama sekolah koding</h2> </div>
<div id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#">Kontak</a></li> </ul> </div>
<div id="main-content"> <h1>Daftar Pelajaran</h1> <div> <h2>HTML</h2> <p>Membuat struktur web dengan HTML</p> </div> <div> <h2>CSS</h2> <p>Membuat website dengan CSS</p> </div> <div> <h2>Javascript</h2> <p>Membuat website lebih interaktif dengan Javascript</p> </div> </div>
<div id="sidebar-content"> <h2>Daftar Artikel</h2> <a href="#">Intro html</a><br> <a href="#">Mulai belajar website</a><br> <a href="#">Berguru sampai negeri koding</a> </div>
<div id="footer"> <p>© 2019 Belajar Koding</p> </div>
</body> </html>
Di bagian sidebar content di Youtube bisa posisi disebelah kanan, saya mengikuti semuanya tapi malah ikut dikiri juga? tolong bantuan untuk koreksi kodingannya jika ada yang beda/salah. terima kasih
Tanggapan
code taruh dalam "[]" biar enak dibaca..
2 Jawaban:
antum typo, foat itu jadi float.. liat
before : <img src='https://i.ibb.co/6RkGnbR/Capture3.png'>
after : <img src='https://i.ibb.co/kg5mNfQ/Capture4.png'>
saran: penggunaan float untuk layout merupakan teknik zaman prasejarah.. silahkan antum pelajari flexbox atau grid untuk memudahkan antum dalam layout website antum.