Sebelum belajar bagaimana desain blog dengan html dan css, sobat harus tau apa itu HTML dan CSS. HTML dan CSS adalah bahasa pemrograman dasar dari tampilan sebuah blog. Berikut adalah contoh HTML.<html>
<head>
<title>Kodingbareng</title>
</head>
<body>
<div>Hello World!</div>
</body>
</html>
- Buat file bernama index.html
Klik kanan pada dekstop -> New -> Text Document
Rename menjadi index.html
Klik kanan pada file index.html -> Open With -> Pilih Notepad
- Buat Struktur HTML
Tuliskan struktur kode dasar HTML di notepad seperti diatas, atau lihat dibawah ini.
Biar enak dilihat, struktur kode HTML tadi bisa sobat rapikan pake spasi keyboard. Jadi seperti ini.
- Buka file index.html di Browser
Sekarang buka file index.html sobat di browser (seperti; Mozilla atau Chrome). agan bisa men-drag & drop file tersebut ke browser. Hasilnya akan terlihat seperti ini.
Jika sobat pahami, maka kode yang ditampilkan di kode dasar tadi adalah di bagian <body>...</body>. - Rubah Warna Huruf
Sekarang sobat bisa merubah warna huruf dalam tag <div> dengan menambahkan kode style="color:red" seperti contoh dibawah.
Lihatlah hasil kode tadi dengan me-refresh browser sobat. Maka hasilnya akan seperti bawah ini.
- Berkenalan dengan CSS
Secara sederhana, CSS adalah alat untuk membuat tampilan desain website. Seperti merubah warna huruf yang sobat praktekan di atas.
Contoh lain nya seperti merubah warna background website sobat dengan menambahkan kode style="background-color:blue" di dalam tag <body>.
Reload browser sobat dan lihat hasilnya. Background file index.html tadi berubah menjadi biru.
Sekian tutorial yang bisa admin jelaskan tentang Cara Cepat Belajar HTML dan CSS Dasar. Tutorial selanjutnya silahkan sobat simak di Cara Cepat Belajar HTML dan CSS Part 2.
