Cara menggunakan skrip css hello world

Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor insidedunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat

Table of Contents Show

Kepala Modal
Kode di atas membuat tampilan "Hello World" dengan ukuran font besar, teks berwarna biru, dan bayangan teks. Dalam javascript
Kesimpulan dari artikel ini
Pengertian CSS
💻 Mulai Belajar Pemrograman
Cara Membuat CSS
Anatomi CSS
Konsep dalam CSS
Bagaimana cara menulis CSS?
Bagaimana cara menggunakan Memanggil CSS dalam HTML?
Syarat penulisan kode CSS harus di tag apa?
Dalam menambahkan CSS pada HTML ada 3 cara yang dapat digunakan, yaitu cara menambahkan SCC langsung pada halaman HTML disebut?

Seksi 2

Bagian 3

Hamparan sidenav
dorongan Sidenav
Sidenav mendorong dengan opacity

Buka Modal

Halo Dunia

Modalnya luar biasa

Kembali Ke W3 Bagaimana Contoh

London

London adalah ibu kota Inggris

Paris

Paris adalah ibu kota Prancis

Tokyo

Tokyo adalah ibu kota Jepang

Info Sukses Peringatan Bahaya Default

Ubah ukuran jendela browser untuk melihat efeknya

Pernah mendengar tentang Ruang W3Schools?

Kode di atas membuat tampilan "Hello World" dengan ukuran font besar, teks berwarna biru, dan bayangan teks. Dalam javascript

Kucing sedih

10 Januari 2023 - 18. 15

0 6

Sumber. Fekuta. com

Anda dapat menggunakan HTML, CSS, dan JavaScript untuk membuat tampilan "Hello World" yang menarik. Berikut ini adalah contohnya

---> Jika Anda ingin mengunduh file HTML di bawah ini, Anda dapat mengunduh file yang bernama "File HTML23"

Outputnya dapat diperiksa dalam video di bawah ini

Kode di atas membuat tampilan "Hello World" dengan ukuran font besar, teks berwarna biru, dan bayangan teks. Dalam javascript, ada event listener yang menambahkan efek animasi selama mouseover dan mouseout. Jika Anda ingin menambahkan fitur lain, silakan tambahkan di skrip

Kesimpulan dari artikel ini

Jika Anda memiliki pertanyaan, Anda dapat menanyakannya di komentar di bawah atau Anda dapat memeriksa Halaman Kontak yang telah kami siapkan [Klik Tautan]. Terima kasih telah meluangkan waktu untuk membaca, semoga artikel ini bermanfaat bagi yang membacanya. Terima kasih

. Nah, pada artikel kali ini kita akan belajar lebih dalam tentang pembuatan dan konsep CSS. CSS adalah bahasa yang sangat penting dalam pembuatan aplikasi berbasis website.

Sebelumnya kita sudah belajar tentang HTML, mulai dari cara menggunakannya, manfaatnya, dan praktek membuat halaman website. Kali ini kita akan melanjutkan belajar dari artikel sebelumnya. Jika Anda belum membaca atau lupa artikel sebelumnya, silakan baca lagi.

Pengertian CSS

💻 Mulai Belajar Pemrograman

Pelajari pemrograman di Dicoding Academy dan mulailah perjalanan Anda sebagai pengembang profesional

Daftar sekarang

Sebelumnya, apakah kalian tahu apa itu CSS? . Jika dibandingkan, HTML adalah sebuah framework, CSS ini bertindak sebagai kulit/penutup dari framework tersebut. styling (misalnya, font, warna, spasi) ke sebuah halaman website. Jika diibaratkan, HTML merupakan sebuah kerangka, CSS ini bertindak sebagai kulit/penutup dari kerangka tersebut.

Perlu diingat, CSS bukanlah bahasa pemrograman sehingga tidak dapat menjalankan logika yang umumnya terdapat pada bahasa pemrograman

Cara Membuat CSS

Sebelum kita melihat hasil kode CSS, kita harus memiliki kode HTML terlebih dahulu. CSS ini tidak akan berfungsi tanpa file HTML. Ada tiga cara untuk menerapkan CSS ke file HTML.

Inline
Metode ini digunakan dengan memasukkan file css ke dalam tag HTML secara langsung.
Intern
Metode ini menggunakan CSS dengan tag

Halo Indonesia 👋

Artinya, CSS akan diterapkan ke anak elemen, meskipun elemen tersebut tidak memiliki nilai yang ditetapkan oleh CSS
Pemilih Grup
Dengan pemilih grup, kita dapat menggabungkan aturan yang sama untuk beberapa pemilih yang berbeda. Kita dapat meminimalkan penulisan kode berulang dengan menggunakan tanda koma (,) sebagai pemisah antar selector.

Pemilih Grup
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13

14
15
16
17
18
19
20
21
22
23
24
25
26
<. DOCTYPE html>html>

Situs Web Pertama

Indonesia 👋

CSS

Dapat dilihat di bawah bahwa elemen h1 dan p memiliki font berwarna biru

Nah, itulah beberapa konsep yang dimiliki CSS. Dengan memahami konsep dasar ini, kita sebagai developer seharusnya semakin mudah dalam menggunakan CSS untuk membuat website< /a> a> a> a> a> a> a>. Untuk mempelajari lebih lanjut tentang CSS, Anda dapat mempelajari salah satu kelas dalam dicoding, yaitu kelas

Bagaimana cara menulis CSS?

Untuk menulis kode CSS pada HTML dapat dilakukan dengan 3 cara yaitu inline, internal dan eksternal. .

Inline – menulis perintah CSS langsung ke elemen HTML

Internal – menuliskan perintah CSS di bagian HTML..

Eksternal – tulis perintah CSS ke file lain (eksternal)

Bagaimana cara menggunakan Memanggil CSS dalam HTML?

Untuk menyisipkan CSS ke dalam file HTML kita akan menggunakan tag . Jika Anda . Jika Anda . Jika Anda . Jika Anda . Jika Anda . Jika Anda membuat proyek web besar, sebaiknya menggunakan mode eksternal CSS karena akan lebih mudah untuk pemeliharaan dan juga efisiensi ukuran CSS .

Syarat penulisan kode CSS harus di tag apa?

Dengan cara ini, semua kode CSS ditulis dalam tag dan diletakkan di bagian header dari dokumen HTML (di dalam tag

Dalam menambahkan CSS pada HTML ada 3 cara yang dapat digunakan, yaitu cara menambahkan SCC langsung pada halaman HTML disebut?

Untuk menambahkan CSS ke laman HTML , kami bisa menggunakan 3 buah cara yaitu; . CSS inline artinya kita menyisipkan CSS secara langsung pada sebuah elemen HTML menggunakan atribut style.