Tutorial cara membuat website statis (part 11) | Pengenalan dasar CSS


Tutorial kali ini saya akan membahas tentang CSS dan fungsi dalam sebuah website. CSS yang saya bahas akan sangat berhubungan dengan tutorial HTML yang sudah saya buat karena nantinya saya akan memanfaatkan CSS tersebut untuk mempercantik tampilan website yang nanti dibuat.

Apa itu CSS ? Cascading Style Sheet merupakan suatu script web yang dipergunakan untuk mengatur struktur markup language (HTML) dari website itu sendiri.

Fungsi CSS ? CSS berfungsi selain untuk mempercantik tampilan website juga dapat dipergunakan untuk menyeragamkan keseluruhan website sehingga lebih rapi dan baik. CSS jika diumpamakan seperti baju pada tubuh manusia yang berfungsi sebagai pelengkap yang mempercantik tubuh itu sendiri (HTML).

CSS dapat diimplementasikan dengan 2 cara yaitu :

  1. Internal
    Script CSS dimasukkan secara langsung pada website yang akan didesain atau dibuat.
  2. Eksternal
    Memanggil file CSS yang sudah dibuat dan diimplementasikan dengan menggunakan tautan berupa nama file CSS itu sendiri ke dalam website yang ingin diberi efek CSS. Khusus untuk eksternal, alamat file CSS harus diletakan diantara tag head.

Lalu bagaimana cara memanggil script CSS yang sudah dibuat ? Sangat mudah sekali karena softholic mania hanya tinggal memanggil nama class yang sudah dibuat dengan menggunakan tag tertentu

<div id=”nama id”> </div> ,
<div class=”nama class”> </div>
, ataupun dengan eksternal link
<link rel=”stylesheet” href=”alamat file CSS” type=”text/css”/>

Sangat mudah sekali bukan untuk membuat file CSS, untuk tutorial berikutnya saya akan membahas cara membuat file CSS yang nantinya bisa softholic mania implementasikan langsung dengan website yang akan kita buat.

Related Posts

Tags: , , , ,

Leave a Reply


3 × nine =