Menautkan HTML dengan tutorial CSS adalah tutorial HTML yang dapat diakses
katakanlah tercakup dalam salah satu tutorial HTML terpenting. karena jika kita tidak
Tahu cara menggabungkan HTML dan CSS secara otomatis Kami pasti tidak
Ketahui cara mendesain halaman situs web yang kami buat dari file HTML
Tidak ada hubungannya dengan CSS. Bukan hanya HTML sebenarnya. Tapi PHP itu sama, PHP itu
Akan kita gunakan untuk membuat website. Setelah menyelesaikan tutorial
Asumsikan HTML Terus belajar tutorial css dan belajar tutorial PHP
www.belajarngodingg.my.id agar materi yang dipelajari menjadi terkategori dan terstruktur.
Setelah anda mempelajari tutorial belajar html menghubungkan html dengan css ini
selanjutnya akan di jelaskan lagi pada tutorial selanjutnya tentang Class dan id pada html.
Pemahaman tentang Class dan Id pada HTML merupakan dasar yang harus di pahami sebelum
anda melangkah lebih jauh mempelajari CSS. apalagi bagi anda yang ingin memfokuskan diri
pada bagian front-end developer/web designer. silahkan simak penjelasan tentang cara
menghubungkan HTML dengan CSS berikut ini. dan untuk penjelasan class dan id akan di bahas
pada tutorial selanjutnya.
Cara Menghubungkan HTML dengan CSS
Untuk Cara menghubungkan HTML dengan CSS caranya sangat mudah. gunakan tag
<link> untuk menghubungkan html dengan css. tag link di letakkan pada bagian element head
pada struktur HTML. baiklah perhatikan contoh cara menghubungkan html dengan CSS berikut
ini.
Buat sebuah file html atau php terserah anda. karena ini merupakan tutorial HTML maka
saya menggunakan file HTML untuk di hubungkan dengan CSS. di sini saya membuat file html
dengan nama index.html. kemudian buat sebuah file css lagi dengan nama terserah anda, di sini
saya membuat file css dengan nama style.css. jadi ada dua buah file yang saya buat yaitu file
index.html dan fiel style.css.
index.html
Contoh di atas merupakan cara menghubungkan file html/php dengan CSS. pada contoh
di atas saya membuat tag link yang berfungsi untuk menghubungkan file html/php dengan file
css yang kita inginkan.
<link rel="stylesheet" type="text/css" href="style.css">
atribut rel=”stylesheet” dan type=”text/css” merupakan deklarasi untuk menjelaskan
bahwa file yang kita panggil atau hubungkan adalah file stylesheet atau css. dan pada atribut href
digunakan untuk meletakkan lokasi dan nama file css yang ingin kita hubungkan. pada contoh ini
saya menghubungkan file html saya dengan file css yang sudah saya berinama dengan style.css.
Jika di jalankan pada browser maka tidak akan muncul apa-apa karena pada file html
masih kosong belum berisi element apapun selain struktur dasar html. untuk mencoba apakah file
css sudah berhasil terhubung dengan file html maka akan kita cek dengan cara berikut ini. kita
buat contoh sederhana dulu dengan cara membuat sebuah element heading 1, dan kemudian kita
beri warna text heading 1 tersebut dengan warna Hijau.
index.html
File html berhasil di hubungkan dengan css terbukti dengan berhasilnya syntax css yang
kita buat untuk mengatur element heading 1 html di atas. syntax color pada css di atas
merupakan perintah untuk menetapkan warna font/text, font-family untuk mengatur font yang di
gunakan dan text-align untuk mengatur rata text. syntax css di atas merupakan syntax css yang