Perbedaan html dengan css

perbedaan html dengan css

Dalam bidang desain web, HTML dan CSS dianggap sebagai sesuatu yang wajib digunakan dalam menyusun sebuah halaman web/blog. Hal itu sangatlah wajar karena perpaduan keduanya mampu menciptakan sebuah tampilan menarik, disukai mesin pencari, optimal dari segi kecepatan. Tapi apakah mereka bisa dipisahkan? seperti apa jika itu dilakukan? Apa perbedaan html dan css? Artikel berikut ini akan membantu anda membedakan HTML dengn CSS dari segi fungsi serta penulisan.

Apa itu html?

HTML adalah kependekan dari Hyper Text Markup Language yang artinya bahasa penandaan halaman web. Elemen HTML yang disebut dengan TAG digunakan untuk menyusun struktur isi halaman web.

HTML ditulis dengan struktur tertentu yang menginformasikan kepada browser tentang susunan isi halaman yang di tampilkan. Contoh :

<h1>Ini contoh Heading</h1>
<p>Ini adalah contoh sebuah paragraf dalam HTML</p>

dengan tag diatas, browser akan menampilkan isi dengan baris awal heading 1, dan baris kedua sebuah paragraf. Heading dianggap sebagai sebuah kata pembuka atau judul dari halaman, sedangkan paragraf adalah sebagai isi halaman.

HTML bisa berdiri sendiri tanpa ada pendukung lainya seperti css.

Apa itu css?

CSS adalah kependekan dari Cascading Style Sheet yang artinya pengatur gaya dokumen. CSS digunakan untuk mengatur tampilan struktur isi halaman web.

Karena css digunakan untuk mengatur tampilan struktur isi maka css harus mengacu pada elemen tertentu dari dokumen yang diformat. Sehingga penulisanya :

h1 { color : #000;font-size:20px; }
.tengah { text-align:center; }

Contoh css diatas digunakan untuk mengatur format semua elemen h1 sehinga ditampilkan dengan warna:#000 (hitam) dan font-size:20px (ukuran tulisan 20 pixel). Sedangkan .tengah adalah sebuah class yang dapat ditempelkan pada elemen tertentu seperti p, div, dll. Misal : <p class="tengah">..</p> sehingga furmat paragraf berubah menjadi rata tengah.

Kemampuan umum CSS

  1. Memformat banyak dokumen hanya dengan satu file css
  2. Mengatur susunan layout dokumen
  3. Mengatur tampilan dalam berbagai format output seperti printer, layar monitor, mobile dll
  4. Menambah fitur kontrol dokumen seperti show, hide, visible dll

Semoga bermanfaat

Zainal Hakim

 

** Bebas disunting dengan menyebutkan sumber **

Komentar

Halaman Lainya

  • Membuat Background motif unik dengan CSS3
    Barusan habis jalan-jalan ke situs seberang, ketemu tutorial membuat motif gambar background yang sangat unik dibuat cuma dengan css3. Memang luar biasa tak pernah terbayangkan kalau hasilnya bisa mirip dengan sebuah gambar yang dibuat dengan aplikasi seperti photoshop.
  • Cara mengatur tampilan dengan css sesuai dengan media outputnya
    Perkembangan teknologi web sekarang ini memungkinkan kita mengatur hasil output ke banyak media dengan berbagai macam bentuk tampilan. Bisa sesuai aslinya, bahkan bisa dengan format tampilan tertentu sesuai dengan media yang kita inginkan.
  • Apa css sprite dan bagaimana membuatnya
    CSS sprite adalah sebuah teknik menampilkan gambar di halaman web atau blog dengan cara mengkombinasikan beberapa gambar dalam satu file dan kemudian memanggilnya melalui css dengan cara menuliskan posisi titik x dan titik y
  • Cara membuat css dengan dreamweaver
    Cara membuat css dengan dreamweaver sangat mudah, kita bisa gunakan beberapa cara dengan bantuan fitur yang tersedia dalam dreamweaver.
  • Mengatur format tabel dengan css
    Anda mungkin sudah tidak asing lagi dengan css, yang umumnya digunakan untuk mengatur layout halaman web. Berikut ini saya akan berbagi tentang bagaimana mengatur format tabel dengan css. Pengaturan format tabel yang akan kita lakukan adalah mengganti warna tabel dan jenis tulisan pada tiap cell tabel. SIlahkan simak berikut ini..

Kiriman terbaru