Kalau Kalian sudah mempelajari apa itu html, tag element dan juga atribut.
Selamat kalian sudah bisa memahami langkah awal pembuatan website.
Seperti biasa sebelum Ngoding kalian siapkan kode editor dan browser kalian yah!
Kalau sudah langsung kita masuk ke sesi ngobar!
Belajar Membuat Website Pengenalan Diri
Kalian buka folder html kalian.
Selanjutnya kalian buat file bernama portofolio.html
Kalau sudah kalian buat.
Langkah selanjutnya kalian bisa buat Tag HTML.
Jika kalian menggunakan Visual Code.
Kalian bisa Ketik ! lalu enter.
Hasil nya akan seperti ini.
Kalau sudah kalian bisa buat <h1> sebagai Judul Website Kalian.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio</title>
</head>
<body>
<h1>Portofolio</h1> <!-- Ini Judul Website saya -->
</body>
</html>Apaan tuh yang ada di sebelah judul?
Itu yang <!—-> adalah komentar di html.
Komentar disitu berguna banget buat dokumentasi code kalian.
Kalau sudah kalian bisa buat tahapan selanjutnya dengan menggunakan <h2>.
<h2> disini berfungsi sebagai sub judul yah!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio</title>
</head>
<body>
<h1>Portofolio</h1> <!-- Ini Judul Website saya -->
<h2>Perkenalan</h2> <!-- Ini SubJudul -->
</body>
</html>Kalau sudah coba kalian buat code yang berupa pengenalan kalian sendiri.
Isinya ada nama, Hobi dan Cita-cita kalian.
Untuk membuat kodenya pastikan kalian menggunakan <p> yah!
Kalau sudah coba kita bandingkan kode kita.
Kurang lebih mirip lah yah dengan punya kalian.
Kalau sudah dibuat coba kalian jalankan kodenya di browser kalian.
Cara nya gimana?
Kalian Klik Run dan pilih Browser yang akan kalian gunakan.
Maka hasilnya akan seperti ini.
Selamat kamu sudah membuat website pertama kalian.
Penutup
Sampai disini saja dulu Ngobar kita kali ini.
Jangan lupa pantengin terus Website RPL TamanSiswa buat dapetin update seputar Koding Mengkoding.