Seputar Web Programming

Postingan

Menampilkan postingan dengan label css

Menerapkan gaya dan tata letak pada elemen HTML Menggunakan selektor, properti, dan nilai CSS

- Mei 22, 2023

Dalam artikel sebelumnya, kita telah membahas tentang dasar-dasar HTML, termasuk struktur dasar, penggunaan tag, atribut, serta pembuatan tautan, gambar, dan tabel di halaman web. Sekarang, kita akan melanjutkan perjalanan kita dengan mempelajari CSS (Cascading Style Sheets) untuk menciptakan tampilan yang menarik dan desain web yang menawan. A. Memahami Konsep Dasar CSS CSS adalah bahasa yang digunakan untuk mengatur tampilan dan gaya elemen-elemen HTML di halaman web. Dengan CSS, Anda dapat mengubah warna, ukuran teks, tata letak, dan banyak aspek visual lainnya. Untuk memahami CSS dengan baik, ada beberapa konsep dasar yang perlu dipahami. Selektor: Selektor adalah cara untuk memilih elemen HTML yang akan diberi gaya. Misalnya, menggunakan selektor tag seperti p akan memilih semua elemen paragraf di halaman web. Ada juga selektor kelas (.) dan selektor ID (#) yang memungkinkan Anda memilih elemen berdasarkan kelas atau ID yang diberikan. Properti: Properti digunakan untuk mengatur a...

Memulai Perjalanan Anda dalam Web Programming

- Mei 22, 2023

Assalamualaikum warahmatullahi wabarokatuh 😉 Selamat datang di website ini. disini kita akan membahas seputar web programming. Let's get started! A. Pendahuluan tentang Web Programming Web programming adalah bidang yang menarik dan terus berkembang dalam dunia teknologi. Dalam artikel ini, kita akan memulai perjalanan Anda dalam web programming dengan memberikan pemahaman dasar tentang konsep dan teknologi yang terlibat. Apakah Anda seorang pemula yang ingin belajar atau seseorang yang ingin memperluas pengetahuan Anda, artikel ini akan memberikan landasan yang kuat untuk memulai. B. Mengenal HTML, CSS, dan JavaScript HTML, CSS, dan JavaScript adalah bahasa inti dalam web programming. HTML (HyperText Markup Language) digunakan untuk struktur dan konten halaman web. CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan dan desain halaman web. Sedangkan JavaScript digunakan untuk memberikan interaktivitas dan fungsionalitas pada halaman web. HTML adalah bahasa markup yang ...

contoh Penggunaan CSS Untuk Mempercantik Tampilan Website

- Mei 16, 2023

CSS sangat penting dalam mempercantik tampilan website, mengatur tata letak, mengubah warna teks dan background, mengubah ukuran dan membuat tampilan website menjadi responsif. Adapun beberapa penggunaan CSS untuk mempercantik tampilan website, antara lain: 1. Mengubah warna font dan background Dalam CSS, kita dapat mengubah warna font dan background dari elemen yang ada di halaman web. Ini akan meningkatkan keindahan tampilan website dan membuat website lebih menarik. Contoh sintaks CSS yang digunakan untuk mengatur warna teks dan background dapat dituliskan seperti ini: body { color: white; background-color: black; } 2. Mengatur tata letak Melalui CSS, tata letak halaman web bisa diatur dengan mudah. Kita dapat menentukan posisi elemen dan membuat tampilan yang lebih artistik dan elegan. Contoh sintaks CSS untuk ini seperti: nav { position: fixed; right: 0; top: 0; } 3. Mengatur ukuran dan jenis font Font adalah salah satu elemen penting dalam ...

Mengenal Elemen style pada CSS

- Mei 16, 2023

Untuk mengingatkan kembali apa sih CSS itu..? CSS (Cascading Style Sheets) merupakan bahasa stylesheet yang digunakan untuk mengatur tata letak dan gaya visual dokumen HTML. A. Aturan Penulisan CSS Halaman HTML dapat ditambahkan elemen style untuk memberi tampilan visual yang lebih baik dan menarik bagi pengunjung web. Berikut adalah contoh sintaks CSS yang umum digunakan: Selektor Selektor adalah unsur yang digunakan untuk memilih elemen yang akan diberi styling. Contoh selektor dapat ditulis seperti ini: body { background-color: #f1f1f1; } Deklarasi Deklarasi merupakan perintah yang digunakan untuk mengatur property pada CSS. Deklarasi terdiri dari property dan value. Contoh deklarasi CSS dapat ditulis seperti ini: body { background-color: #f1f1f1; } Property Property dalam CSS adalah atribut yang digunakan untuk mengatur tampilan elemen. Contoh property dapat ditulis seperti ini: body { background-color: #f1f1f1; } Value Value dalam CSS adalah nilai y...

Mengenal macam macam CSS dan cara penggunaannya.

- Mei 11, 2023

Assalamualaikum warahmatullahi wabarokatuh 😊 Pada artikel sebelumnya kita udah bahas tentang html . Gimana tampilan nya saat di run di browser?? Kalo masih kurang cantik tampilan nya mari kita bahas tentang CSS 😉 A. Definisi CSS (Cascading Style Sheets) adalah stylesheet yang digunakan untuk mengatur tampilan dan layout halaman web. Dengan menggunakan CSS, pengembang dapat memisahkan antara konten pada halaman web dan tampilannya. CSS terdiri dari kumpulan aturan atau deklarasi yang diterapkan pada elemen HTML untuk menentukan bagaimana elemen tersebut harus ditampilkan di halaman web. B. Sejarah perkembangan CSS Sejak pertama kali diperkenalkan pada tahun 1996, CSS telah mengalami perkembangan yang signifikan. Pada awalnya, CSS digunakan secara terbatas dan hanya mendukung beberapa fitur, seperti warna, font, dan tata letak. Namun seiring berjalannya waktu, CSS menjadi semakin kompleks dan mendukung fitur-fitur yang lebih canggih seperti animasi, transisi, dan...