View

Cara Menggunakan Google Fonts di CSS

Cara Menggunakan Google Fonts  — Halo semua. Membuat sebuah desain website bakal hambar rasanya apabila font yang digunakan tidak kita perhatikan desainnya, lalu bagaimana caranya agar font yang digunakan di desain web kita terlihat cantik? Ada beberapa font memang yang menurut saya sudah tersedia secara default di HTML, seperti Arial, Times New Roman, dan yang lain, namun tentunya setiap individu memiliki selera masing-masing. Di artikel yang bakal saya bahas kali ini mungkin membuat kamu tahu bagaimana caranya merubah font dengan menggunakan Google Fonts.   Google Fonts sendiri adalah salah satu “produk” Google yang [...]

View

Pengertian Tipe CSS dan Fungsi CSS Beserta Contoh CSS

      CSS: Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Sama halnya 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 (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over [...]

View

Sintaks-sintaks CSS untuk layout

Sintaks-sintaks CSS untuk layout diantaranya:   1. background: Untuk mengeset background. Ada beberapa sintak untuk background, yaitu:      a. background-color: yaitu warna background.    b. background-image:url('URLGAMBAR.jpg'); yaitu URL gambar yang dijadikan background.    c. background-repeat: bernilai "repeat", "repeat-x", "repeat-y", dan "no-repeat". Maksudnya adalah pengulangan gambar. "repeat" artinya gambar akan diulang, memenuhi layar. "repeat-x" artinya gambar akan diulang s [...]

View

Dasar dasar CSS dengan metode metode penulisan

Dasar dasar CSS dengan metode metode penulisan : Internal CSS Metode penulisan kode CSS langsung dalam file HTML. contoh:  <html> <head> <style type = "text/css"> .header { width:900px;  height:50px; border: 1px solid #640404; } .headerLeft { width:400px; background-color:#CCCCCC; height:50px; float:left; text-align:center; } .headerRight { width:450px; background-color:#999999; height:50px; float:right; text-align:center; } </style> </head> <body> </body> </html>   Eksternal CSS file CSS terpis [...]

View

Mengubah tag font menjadi tag span di CSS

Pengertian CSS Dalam bahasa bakunya, seperti di kutip dari wikipedia, CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML.   Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML.   CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk t [...]

View

Metode Internal Style Sheets di CSS

Metode Inline Style Metode Inline Style adalah cara menginput kode CSS langsung ke dalam tag HTML dengan menggunakan atribut style, contoh penggunaan Metode Inline Style CSS adalah sebagai berikut:     <!DOCTYPE html> <html> <head>      <title>Contoh Inline Style CSS</title> </head> <body> <h2 style="background-color:black; color:white" > Text ini akan bewarna putih dan background warna hitam </h2> </body> </html>   Dalam kode diatas, s [...]

View

Pengertian Selector, Property dan Value pada CSS

Pengertian Selector, Property dan Value pada CSS   Pengertian Selector CSS Karena kode CSS digunakan untuk mengubah/memanipulasi tampilan dari tag HTML, CSS membutuhkan suatu cara untuk ‘mengaitkan’ atau menghubungkan kode CSS dengan tag HTML yang sesuai. Hal inilah yang dimaksud dengan Selector dalam CSS.   Sesuai dengan namanya, selector digunakan untuk mencari bagian web yang ingin dimanipulasi atau yang ingin di-style. Misalnya : “cari seluruh tag ”, atau “cari seluruh tag HTML yang memiliki atribut class=”warning”” atau “cari seluruh link yang ada di dalam tag [...]

View

Cara Penulisan Kode CSS

Cara Penulisan Kode CSS Untuk lebih mudah memahami aturan dan cara penulisan kode CSS, dibawah ini adalah contoh kode HTML + CSS sederhana yang akan kita bahas secara lebih mendalam:   <!DOCTYPE html> <html> <head> <title>Belajar Penulisan CSS</title> <style type="text/css"> body {      font-size: 14px;      color: navy;      } p {     font-family: calibri, helvetica, sans-serif;   } h1, h2 {         text-de [...]



web tracker