Responsive Advertisement

Penulisan Kode CSS dalam HTML

judul

Dalam pembahasan ini, kalian akan mengetahui tentang cara memanggil atau menginput kodingan HTML ke dalam CSS. Jika kamu baru pertama kali belajar CSS, tidak ada salahnya untuk membuka Belajar Basic CSS supaya menambah pengetahuan tentang CSS.

Pemanggilan CSS ke dalam HTML terbagi menjadi 3 cara yaitu internal, eksternal, dan inline. Perbedaan ketiga tersebut mempunyai makna yang sama tetapi berbeda penempatan CSS.

Memilih Text Editor HTML #4

Sederhananya kalian hanya harus membuat kodingan HTML kemudian memanggilnya ke dalam CSS. Kamu dapat membuat contoh sederhana kodingan sebagai berikut.

1. Internal CSS
Internal CSS yaitu kodingan yang ditulis langsung ke dalam HTML. Kodingan ini biasanya memakai tag <style></style> di dalam tag head ataupun body. Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen Internal_css by lintangzakti (@zakti13) on CodePen.

2. Eksternal CSS
Eksternal CSS adalah kodingan yang berada diluar file HTML. Bisa dalam folder yang sama ataupun berbeda folder dan penulisannya tidak perlu tag <style></style>. Metode pemanggilannya menggunakan <link rel=”stylesheet” type=”text/css” href=”file_css”>.

See the Pen Eksternal_css by lintangzakti (@zakti13) on CodePen.

3. Inline CSS
Inline CSS yaitu kodingan yang diletakkan didalam tag HTML. Contohnya seperti <body style=”font-size:18px; color: yellow;”>. Lebih jelasnya, kamu bisa melihat contoh kodingan dibawah ini.

See the Pen Inline_css by lintangzakti (@zakti13) on CodePen.

Terima kasih sudah berkunjung di blog ini, kamu akan mengenal lebih tentang CSS pada pembahasan atau tutorial menarik lainnya yang dapat kamu temukan dalam blog ini.