Apa atribut html yang digunakan untuk mendefinisikan inline styles?

Cascading Style Sheet (CSS) merupakan sebuah bahasa script yang berfungsi untuk mempercantik tampilan website agar tampilan website lebih menarik untuk dilihat. Dengan CSS kita dapat mengatur dan menentukan jarak, mengubah jenis font, ukuran font, warna dan lain sebagainya. Pada CSS ada beberapa jenis cara penulisan diantaranya CSS :

Table of Contents Show

1. Inline Style Sheet
2. Internal Style Sheet
3. Eksternal Style Sheet
1. Inline CSS.
Menggunakan CSS Dengan HTML
2. Internal CSS.
Menggunakan CSS Dengan HTML
3. External CSS.
Menggunakan CSS Dengan HTML
Atribut apakah yang digunakan untuk mendefinisikan inline CSS?
Apa itu inline dalam HTML?
Metode apa saja yang bisa digunakan dalam menerapkan CSS pada HTML?
Tag apa yang digunakan untuk mendeklarasikan CSS secara internal di HTML?

1. Inline Style Sheet
2. Internal Style Sheet
3. Eksternal Style Sheet

Untuk lebih jelasnya simak uraian Jenis-Jenis CSS (Inline, Internal, Eksternal) berikut ini.

1. Inline Style Sheet

Inline Style Sheet merupakan metode atau cara penulisan CSS langsung pada tag HTML yang ingin diberikan style CSS. Metode ini biasanya digunakan ketika kita tidak ingin mengatur semua elemen didalam dokumen web. Metode ini sangat tidak disarankan karena akan membuat tag pada HTML akan penuh dengan attribute HTML dan membuat ukuran file pada HTML akan bertambah besar. Berikut contoh penggunaan Inline Style Sheet.

Cascading Style Sheet (CSS).

2. Internal Style Sheet

Internal Style Sheet merupakan metode penulisan CSS langsung didalam file HTML tepatnya berada diantara tag head dengan diapit tag style terlebih dahulu sebelum memuali kode CSS. Berikut contoh penggunaan Internal Style Sheet.

   Jenis-Jenis CSS (Inline, Internal, Eksternal)

Cascading Style Sheet (CSS).

3. Eksternal Style Sheet

Eksternal Style Sheet merupakan metode penulisan CSS secara terpisah dengan memberikan ekstensi .css untuk nama filenya. Metode ini sangat dinajurkan untuk menuliskan kode CSS karena kita akan dengan mudah mengubah kode yang terkumpul dalam satu file. Untuk Eksternal style file akan disematkan atau diload dengan kode HTML seperti berikut.

   Jenis-Jenis CSS (Inline, Internal, Eksternal)

Baik, itulah tadi Jenis-Jenis CSS (Inline, Internal, Eksternal) yang bisa kalian gunakan dalam penulisan kode-kode CSS, semoga bisa bermanfaat dan selamat mencoba.

Ketika berselancar di internet, Anda sesungguhnya mengakses atau membuka laman-laman web (web pages). Laman web sendiri adalah dokumen yang diakses melalui internet menggunakan web browser dengan mengetikkan URL atau mengklik link untuk laman web tersebut. Ada dua teknologi utama untuk membuat laman web yaitu HTML dan CSS. Keduanya mempunyai peran berbeda namun tidak terpisahkan dalam pembuatan laman web modern.

Untuk sebuah laman web, HTML ini berperan untuk menentukan struktur dan tipe konten seperti paragraf, heading, list dan image, sedangkan CSS lebih ke penyajian struktur dan konten agar lebih menarik seperti layout, color, margin, padding, font-family dan alignment. Tanpa CSS, Anda tetap bisa menyajikan konten di laman web namun dengan tampilan yang tidak menarik.

Baca artikel Tata Cara Penulisan Atau Sintaksis CSS

CSS didesain untuk digunakan dengan HTML. Ada tiga cara berbeda di dalam menggunakan CSS dengan HTML yaitu inline CSS, internal CSS dan external CSS. Tergantung keperluan, bisa saja ketiga cara menggunakan CSS tersebut dipakai semua dalam membuat laman web. Berikut ini adalah penjelasan singkat untuk masing-masing cara menggunakan CSS dengan HTML:

Baca artikel:

1. Inline CSS.

Inline CSS digunakan untuk memberi style (gaya) pada tag atau elemen HTML tertentu. Anda dapat menggunakan atribut style untuk memberi style pada tag HTML. Style hanya berlaku untuk tag HTML tersebut. Style di inline CSS memiliki prioritas utama dan yang akan digunakan (rendering) meskipun tag HTML tersebut juga sudah diberi style melalui internal CSS atau external CSS.

Pengunaan inline CSS sebenarnya tidak direkomendasikan karena setiap tag HTML perlu diberi style sendiri. Ketika Anda mengubah style di salah satu tag, untuk mendapatkan style yang konsisten, Anda juga perlu mengubah style pada tag-tag lainnya. Misalnya, semua h1 berwarna merah, ketika Anda ingin mengubah h1 menjadi berwarna hijau, Anda perlu mengubah style di semua h1 satu persatu agar berwana hijau.

Berikut ini adalah contoh kode sederhana:

Menggunakan CSS Dengan HTML

Ada dua teknologi utama dalam pembuatan web modern yaitu CSS dan HTML. Keduanya mempunyai peran berbeda namun tidak terpisahkan. Secara umum, ada tiga cara menggunakan CSS dengan HTML yaitu inline CSS, internal CSS dan external CSS.

2. Internal CSS.

Internal CSS digunakan untuk memberi style yang hanya berlaku pada satu laman web. Style yang diberikan diapit oleh tag

dan diletakkan di bagian elemen head atau tag dari laman web. Anda dapat menggunakan internal CSS bila pemberian style dimaksudkan hanya untuk satu laman web saja dan tidak untuk digunakan di laman web yang lain. Anda dapat menggunakan internal CSS bila kode untuk style tidak terlalu besar atau kompleks.

Berikut ini adalah contoh kode sederhana:

Menggunakan CSS Dengan HTML

3. External CSS.

External CSS adalah file berekstensi .css yang hanya berisi kode-kode style. Tujuan menggunakan external CSS adalah untuk memisahkan kode style dengan struktur dan tipe konten laman web. External CSS dapat diaplikasikan pada lebih dari satu laman web sehingga semua laman web akan memiliki tampilan atau desain yang seragam.

Sebagai contoh, buat file CSS bernama csseksternal.css menggunakan plain text editor seperti Notepad atau Notepad++. Tuliskan kode CSS di bawah ini sebagai style yang akan diberlakukan di laman web. Simpan file CSS di folder yang sama tempat menyimpan file HTML.

body {background-color:yellow;}
h2 {color:red;}
p {color:blue;}

Buat file HTML dan di bagian tag tambahkan elemen link atau tag. Tagini akan digunakan untuk mengacu ke file CSS yang dibuat sebelumnya. Perhatikan penulisanbeserta atributnya untuk mengacu ke file CSS.

Berikut ini adalah contoh kode sederhana:

Menggunakan CSS Dengan HTML

Tiga cara menggunakan CSS dengan HTML di atas menghasilkan tampilan laman web yang sama persis seperti gambar di bawah ini.

Atribut apakah yang digunakan untuk mendefinisikan inline CSS?

Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, di situ lah inline CSS ditulis. Cara ini kurang efisien karena setiap tag HTML yang diberikan harus memiliki style masing-masing.

Apa itu inline dalam HTML?

Inline adalah display suatu elemen html yang bergerak memanjang secara Horizontal ( Menyamping ). Contoh elemen yang memiliki display Inline secara default : <strong></strong> <a></a>

Metode apa saja yang bisa digunakan dalam menerapkan CSS pada HTML?

Ada tiga cara dalam menggunakan CSS pada file HTML..

Inline. Metode ini digunakan dengan cara memasukkan file css ke dalam tag HTML secara langsung..

Internal. Metode ini menggunakan CSS dengan tag <style> pada file html. ... .

External. Metode ini digunakan dengan cara memisahkan file html dan juga file css..

Tag apa yang digunakan untuk mendeklarasikan CSS secara internal di HTML?

Internal CSS Internal CSS adalah kode CSS yang ditulis di dalam tag <style> . Intarnal CSS juga dikenal dengan sebutan Embeded CSS. Tag <style> bisa ditulis di dalam tag <head> , bisa juga ditulis di dalam tag <body> .