Mengenal CSS Dalam HTML

-
Halo, kembali lagi dengan kami, kali ini kami dengan CSS yang merupakan kepanjangan dari Cascading Style Sheet. Nah, sudah tahukah apa itu CSS ?? CSS merupakan sebuah aturan untuk mengatur beberapa komponen dalam sebuah website sehingga akan lebih terstruktur dan seragam. 
  

Perlu kalian tahu, bahwa CSS itu bukanlah sebuah bahasa pemograman layaknya JavaScript, PHP, Perl, Java, C, C++ dan lain sebagainya. Jadi intinya CSS itu fungsinya hanya untuk memperindah tampilan sebuah website. 

CSS itu sama halnya dengan styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat denganbahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Baca Juga :

Dalam Penulisan CSS terdapat 3 jenis metode penulisan CSS yang perlu diperhatikan dan diketahui oleh para programmer. Nah,diantara ketiganya memiliki kelebihan, kekurangan dan manfaatnya masing-masing. Apa sajakah itu ??

1. Internal CSS

Internal CSS merupakan kode CSS yang ditulis dalam tag <style> dan kode HTML itu dituliskan diatas <header>. Internal CSS tersebut hanya dapat digunakan untuk membuat tampilan pada satu halaman website saja dan tidak digunakan pada halaman website yang lain. Hal ini sangat cocok dipakai untuk menciptakan halaman web dengan tampilan berbeda.

Kelebihan :
- Perubahan pada Internal CSS berlaku pada 1 halaman saja.
- Tidak perlu mengupload beberapa file karena HTML dan CSS dalam 1 halaman.

Kekurangan :
- Membuat performa sebuah website menjadi lemot dikarenakan loading yang begitu lama.
- Tidak efisien apabila kita menggunakan CSS yang sama dalam beberapa file.

2. Eksternal CSS

Eksternal CSS merupakan kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis di sebuah file khusus yang berekstensi .css. File eksternal CSS biasanya diletakkan setelah bagian <head> pada halaman. Cara ini lebih sederhana dan simpel daripada menambahkan kode CSS di setiap elemen HTML yang ingin Anda atur tampilannya. Untuk memanggil file CSS maka kita harus menambahkan elemen <link rel=.....> pada file HTML agar kedua file tersebut terhubung satu sama lain.

Kelebihan :
- Ukuran file HTML akan menjadi lebih kecil dan struktur dari kode HTML jadi lebih rapi.
- Loading website menjadi lebih cepat.
- File CSS dapat digunakan di beberapa halaman website sekaligus. 

Kekurangan :
- Halaman akan menjadi berantakan, ketika file CSS gagal dipanggil oleh file HTML. Hal ini terjadi disebabkan karena koneksi internet yang lambat.

3. Inline CSS

Inline CSS merupakan kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, ditempat itulah inline CSS ditulis. Cara ini kurang efisien karena setiap tag HTML yang diberikan harus memiliki style masing-masing. Anda akan lebih sulit dalam mengatur website jika hanya menggunakan inline CSS. Sebab, Inline CSS digunakan hanya untuk mengubah satu elemen saja.

Kelebihan :
- Sangat membantu ketika Anda hanya ingin menguji dan melihat perubahan pada satu elemen.
- Berguna untuk memperbaiki kode dengan cepat.
- Proses permintaan HTTP yang lebih kecil dan proses load website akan lebih cepat.

Kekurangan :
- Tidak efisien karena Inline CSS hanya bisa diterapkan pada satu elemen HTML.

Mungkin segitu saja yang kami berikan. Semoga bermanfaat


Baca Juga :

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengalamanku Kuliah Di STT Terpadu Nurul Fikri

-
Gambar
Selamat Sore, semoga anda semua diberikan kesehatan dan rezeki yang melimpah, aamiin. Kali ini saya akan membagikan pengalaman saya selama kuliah di STT Terpadu Nurul Fikri   dari awal hingga saat ini.  Pada mulanya saya memang berkeinginan untuk berkuliah semenjak lulus SMK, namun apalah daya ku, saat itu memang ekonomi keluargaku masih kurang memungkinkan apabila saya memutuskan untuk kuliah. Kenapa tidak ikut SBMPTN saja ?? Saya setelah lulus itu memang tidak berniat untuk mengikuti SBMPTN, jadi terkesan bodo amat aku saat itu, akhirnya akupun mulai mencari kerja walaupun susah sih. Disaat yang sama saya pun menjelaskan pada orang tuaku bahwa ada kuliah yang ada beasiswa atau gratis, tapi orang tuaku saat itu masih agak tidak percaya padaku. Mereka saat itu masih percaya bahwa semua universitas atau perguruan tinggi itu pasti bayar, tidak ada yang gratis. Sebenarnya orang tuaku terutama ibu saya menginginkan aku untuk kuliah tetapi karena alasan tidak adanya biaya dan ketidak percay
Baca selengkapnya

Mengenal Timor Leste, Negara Yang Pernah Bergabung Dengan Indonesia

-
Gambar
Di Asia Tenggara ini, Timor Leste merupakan negara termuda yang pernah bergabung dengan negara Indonesia selama 25 tahun.  Nama resmi negara ini adalah Republik Demokratik  Timor Leste . Berikut ini adalah beberapa fakta tentang negara Timor Leste yang menarik di ketahui : 1. Timor Leste sebelumnya dikenal sebagai Timor Timur, adalah negara yang cukup indah di Asia Tenggara. 2. Timor Leste merupakan bagian dari pulau Timor dan berbatasan hanya dengan Indonesia di sebelah barat. 3. Negara ini juga memiliki garis pantai di sepanjang Laut Timor di selatan dan Selat Wetar di utara. 4. Dataran di negara ini sebagian besar bergunung-gunung dan dikelilingi oleh pantai berpasir, di sana air masih sangat jernih. 5. Bahasa resmi Timor Leste adalah bahasa Portugis dan Tetum, meskipun bahasa Indonesia dan Inggris juga digunakan di sini. Baca Juga : - Fakta Unik Negara Australia Yang Mengagumkan 6.  Bandara Internasional Presiden Nicolau Lobato, hany
Baca selengkapnya

Fakta Unik Negara Singapura Yang Mencengangkan

-
Gambar
Kita pasti tahu bahwa negara Singapura merupakan salah satu negara maju yang berada di Asia Tenggara. Negara ini pun merupakan negara terkecil di Asia Tenggara yang memiliki penduduk begitu padat setelah Macau dan Monaco.  Negara yang berbatasan laut dengan Indonesia ini memiliki banyak fakta unik yang perlu di ketahui, apa sajakah itu ?? 1.  Singapura adalah salah satu dari 20 negara terkecil di dunia. 2. Luas wilayah negara Amerika Serikat Mencapai 15.000 kali lebih besar daripada ruas wilayah Singapura. 3. Negara ini hanya terdiri dari satu pulau utama dan 67 kepulauan berukuran kecil. Di mana sebagian besar kepulauan kecil di Singapura tidak berpenghuni. 4. Bunga nasional negara Singapura bernama Vanda Miss Joaquim. Bunga  tersebut ditemukan oleh Agnes Joaquim, seorang peneliti asal Armenia pada tahun 1893. 5. Merlion adalah lambang negara Singapura. Merlion adalah sebuah hewan unik, berkepala singa dan bertubuh ikan. 6. Lagu kebangsaan negara i
Baca selengkapnya