Menghubungkan HTML dengan CSS

Pada kesempatan kali ini saya ingin membahas tentang bagaiman caranya menghubungkan HTML dengan CSS.

A.Pendahuluan

        1. Pengertian

•  Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

•  Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. 

        2.  Latar Belakang dan Batasan Permasalahan

            Menghubungkan HTML dengan CSS ini merupakan hal yang dibilang penting. Karena jika kita tidak dapat menghubungkan HTML dengan CSS secara otomatis maka kita tidak akan mengetahui bagaimana caranya untuk mendesain halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya CSS tetapi PHP juga.

       3. Maksud  dan Tujuan

             Untuk mengetahui bagaimana caranya mendesain halaman website.

        4. Hasil yang Diharapkan

             Desain web jika menggunakan CSS akan lebih menarik.

B. Proses atau Cara Menghubungkan HTML dengan CSS

         Cara menghubungkan HTML dengan CSS adalah dengan tag <link>. Tag link di letakkan pada bagian element head pada struktur HTML . Silahkan perhatikan contoh dibawah ini :

Masukkan pada script HTML 

Masukkan pada script CSS

Maka hasilnya akan seperti gambar di bawah ini :

 

C. Kesimpulan

         File HTML berhasil dihubungkan dengan CSS terbukti dengan  berhasilnya syntax CSS yang dibuat mengatur element heading 1.
Selamat mencoba dan semoga bermanfaat.