Saturday, September 15, 2018

Cara menghubungkan HTML dengan CSS

Pada tutorial ini saya akan menjelaskan bagaimana caranya menghubungkan HTML dengan CSS atau Pemprograman web.CSS digunakan untuk memperindah atau mempercantik tampilan didalam website.
Bagaimana menghubungkan HTML dengan CSS...?
Eksternal Style Sheet
selanjutnya saya akan menjelaskan ketiga cara mempunyai keunggulan masing-masing dalam desain website
Cara menghubungkan CSS dengan Eksternal Style Sheet
Menghubungkan dengan cara ini sangat baik dan ideal untuk ditempatkan pada banyak halaman website. Menggunakan cara ini mempunyai keuntungan yaitu lebih mudah ketika kita akan mengupdate file css, karena hanya mengubah satu file saja.
Setiap halaman harus mempunyai link (tautan) menggunakan tag <link>. Elemen tag <link> ini harus berada di dalam tag <head> pada HTML.
Contoh : (link memanggil css pada bagian head)
<!DOCTYPE html>
<html>
  <head>
       <link rel="stylesheet" type="text/css" href="contohstyle.css">
  </head>
  <body>
   <h1>Tutorial Belajar CSS </h1>
    <p>.... paragraf ini menggunakan CSS... </p>
  </body>
</html>


Untuk memanggil eksternal CSS digunakan perintah seperti pada baris ke – 4contoh diatas. Eksternal Style Sheet dapat ditulis menggunakan teks editor seperti notepad, sublime, atom dll. Style sheet dapat disimpan dalam ekstensi *.css. File style sheet tersebut tidak boleh ada element tag HTML.
Contoh : “contohstyle.css”

2 comments: