yang perlu di persiapkan :
teks editor :
kalian bisa menggunakan teks editor yang ada di bawah ini
Notepad++ https://semawur.com/VgyzwKKSublime text https://semawur.com/mjyzlxaVisual code studio https://semawur.com/zJmpComodo edit https://semawur.com/UGm2T4
Setelah kalian telah mendownload salah satu teks editor tersebut kemudian kita akan mulai mengcoding sebuah tampilan website ikuti langkah-langkah berikut ini :
1. buka teks editor kalian
2.kemudian buka tool language dan pilih HTML
3.kemudian kita ketikkan html pembuka dan html penutup
perbedaan html pembuka dan penutup terdapat pada tanda slash "/"
kemudian membuat judul.
<html><head><title>halaman utama</title></head><body></body></html>
4. kemudian kita akan melakukann save as dan memberi nama file terserah kalian ingin menggunakan nama file apa 
5.kemudian kita cek file tersebut dengan cara masuk foldel yang tadi kita save kan kemudia klik file yang telah di save tadi
membuka file yang telah di save
6. lanjut pembuatan halaman website
<html>
<head>
<title>halaman utama</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="header">
</div>
<div class="menu">
</div>
<div class="content">
</div>
<div class="footer">
</div>
</body>
</html>
kemudian save as
7. lanjut ke pembuatan css buka tools file kemudian buat file baru dan setting langueage CSS
8. kemudian ketikkan
* {
margin:0;
padding:0;
font-family:sans-serif
}
9.kemudian save as program
10. setelah itu buka kembali program HTML yang tadi kemudia ketik
<link rel="stylesheet" type="text/css" href="css/style.css">
.header {width:100%;height:100px;border:
1px solid;}
12.save program dan buka file tersebut