Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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.
