Belajar Menghias HTML Dengan CSS

Kini Fauzi Online kembali mengajak teman-teman untuk belajar mengenai CSS. CSS merupakan singkatan dari Cascading Style Sheets jika diartikan sesuai dengan situs W3Schools merupakan kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.
Sebelum melanjutkan artikel ini silahkan baca terlebih dahulu artikel TERPOPULER mengenai Rekomendasi Untuk Cloud Dedicated Server Terbaik Dan Termurah Di Indonesia
Apa Keuntungan Menggunakan CSS?
Dengan menggunakan css, dimana semua halaman web memakai css yang sama, anda cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial ke trebuchet. Jadi, keuntungan menggunakan CSS, lebih praktis!

Terdapat beberapa Tag dalam Penggunaan CSS, antara lain:
  1. Tag DIV ID
    Secara sintaks, tag div memiliki sepasang tag berupa tag pembuka dan tag penutup.
    Penggunaan DIV ID pada file HTML sebagai berikut:
  2. Tag SPAN ID
    Tag span hampir sama dengan tag div di atas. Perbedaan utamanya adalah bahwa tag div akan membagi halaman web secara otomatis meskipun di dalam tag div tersebut tidak diatur format stylenya (css). Sedangkan tag span hanya akan mengatur konten/isi yang dilingkupinya tanpa membagi halaman web ke dalam bagian-bagian kecil (seperti yang dilakukan tag div).
    Penggunaan SPAN  ID pada file HTML sebagai berikut:
  3. Tag CLASS
    Berbeda dengan selector Div dan Span, selector atau tag class dapat digunakan berulang kali pada tag dalam sebuah html. Pada css, class menggunakan dapat di kenali dengan adanya tanda titik ( . ) sebelum nama class.
    Penggunaan CLASS pada file HTML sebagai berikut:
Langkah-Langkah Menghias HTML Dengan CSS:
  1. Buatlah file dengan nama Style.CSS dengan isi file sebagai berikut:
  2. Ubah file CV.HTML yang telah teman-teman buat minggu kemarin, jika teman-teman ketinggalan silahkan dapat di lihat di artikel ini: CV Online.
  3. Akan terlihat susunan file HTML beserta gambar yang akan dimasukan ke dalam HTML sebagai berikut:
    belajar menghias html dengan css
    Susunan File Belajar Menghias HTML dengan CSS
    Sumber Gambar (Fauzi Online)
  4. Jalankan Web Browser teman-teman, ketikan nama file HTML teman-teman di addressbar dan terlihatlah hasilnya seperti ini:
    Menghias HTML dengan CSS
    Menghias CV Online HTML dengan CSS
    Sumber Gambar (Fauzi Online)
Logika Pembelajaranya:
  1. File CSS yang Fauzi Online buat terpisah dengan file HTML, dikarenakan dengan tujuan lebih efektif dan mempermudah pembacaan koding karena type file dibedakan antara HTML dan CSS.
  2. Pemanggilan File CSS dapat dilihat pada syntax setelah tag head pada file HTML.
  3. Pemanggilan Tag DIV ID, Sebagai Berikut:
  4. Pemanggilan Tag SPAN ID, Sebagai Berikut:
  5. Pemanggilan Tag Class, Sebagai Berikut:
  6. Masing-masing nama tag yang terdapat pada file CSS digunakan untuk pemanggilan pada file HTML.
Sekian pembelajaran singkatnya mengenai Menghias HTML Dengan CSS. Silahkan tinggalkan komentar jika mengalami kendala pada artikel Fauzi Online. Mohon doannya untuk kelancaran Skripsi Fauzi Online yah? AMIIN..

Mohon maaf jika rutinitas postingan Blog ini mengalami kurang update. Harap Dorongan teman-teman setia pembaca untuk motivasinya bagi perjuangan Mahasiswa Akhir. hehehe.. Semoga Bermanfaat.

11 comments:

  1. Excellent blog here! Also your site lots up fast! What host are you using?
    Can I am getting your affiliate link in your host? I desire my site loaded up as fast as yours lol

    My page - авиарейсы в осло

    ReplyDelete
  2. great, artikel yang sangat bermanfaat bagi seorang Newbie sperti saya.
    Thank....

    ReplyDelete
  3. Bagus gan sangat membantu..
    Mampir juga Mbedudul.blogspot.com

    ReplyDelete
  4. Mantap gan..perpaduan antara HTML dengan CSS memang cukup membuat website kita lebih elegan....
    Salam kenal dari ane....ane tunggu kunjungan baliknya gan...

    ReplyDelete
  5. Makasi sob
    Lagi belajar css ni

    ReplyDelete
  6. Terimakasih tutorial nya. Bermanfaat (y)

    ReplyDelete