Halo Sobat Inspirasi, saatnya kita menambah ilmu baru di materi Web Desain. Dikesempatan kali ini saya akan menjelaskan seputar code HTML & CSS. Sebelumnya saya jelaskan terlebih dahulu apa itu HTML & CSS.

HTML adalah singkatan dari Hypertext Markup Language. HTML memungkinkan seorang web desain untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi.

Sedangkan CSS adalah singkatan dari Cascading Style Sheets, CSS merupakan kode-kode yang dipakai untuk mendesain sebuah laman HTML agar terlihat lebih cantik.

Langkah pertama silahkan membuat file misal dengan nama index.html 

<!DOCTYPE html>
<html>
<head>
  <title>Blog Sobat Inspirasi</title>
  <style>
    .h1_custome{ color: blue; }
    .p_custome{ color: red; }
  </style>
</head>
<body>
  <h1>Blog 1</h1>
  <p>Ini adalah deskripsi Blog 1</p>
  <br>
  <h1 class="h1_custome">Blog 2</h1>
  <p class="p_custome">Ini adalah deskripsi Blog 2</p>
</body>
</html>

Copy Paste code diatas dan jangan lupa save, lalu jalankan file index.html dengan browser.

Dari code diatas kita bisa membedakan Tag HTML yang tanpa CSS dengan Tag HTML yang kita tambah class CSS. Nah dari perbedaan itu kita bisa memahami hubungan HTML dengan CSS.

Semoga tutorial ini bisa bermanfaat bagi Sobat Inspirasi di Nusantara.