untung99play.xyz: HTML Dasar Menambahkan CSS

Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99play.xyz dengan judul untung99play.xyz: HTML Dasar Menambahkan CSS yang telah tayang di untung99play.xyz terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99play.xyz, Terimakasih.

Pada pertemuan-pertemuan sebelumnya kita telah membahas berbagai macam tag pada HTML, baik yang berhubungan dengan teks, paragraf, gambar, link, list hingga tabel.

Akan tetapi kebanyakan dari elemen atau tag-tag tersebut ditampilkan apa adanya secara default, tanpa adanya sentuhan dari CSS.

Nah, pada pertemuan kali ini kita akan membahas secara singkat tentang cara menambahkan CSS pada dokumen HTML.

Apa itu CSS?

CSS merupakan singkatan dari Cascading Style Sheet, yaitu sebuah susunan kode yang kita gunakan untuk mengatur bagaimana dokumen HTML akan ditampilkan. Yang dimaksud mengatur di sini adalah: mengganti warna, tata letak, border, bayangan, posisi, background, dan lain sebagainya.

Faktanya, semua halaman web pada era ini hampir pasti menggunakan CSS. Sehingga semua situs yang kita jelajahi di internet (termasuk jago ngoding sendiri) adalah contoh penggunaan CSS.

Memasukkan CSS pada HTML

Untuk memasukkan CSS kepada HTML terdapat 3 cara:

1. Menggunakan CSS inline.
2. Menggunakan CSS internal.
3. dan Menggunakan CSS eksternal.

Kalau mau ditambahkan lagi: kita juga bisa mengatur CSS suatu element HTML dengan javascript, umumnya cara ini hanya digunakan pada komponen-komponen yang kompleks misalnya seperti komponen grafik.

1. Menggunakan CSS Inline

Cara pertama dan paling singkat adalah menggunakan CSS Inline.

CSS inline adalah sebuah kode CSS yang kita sematkan pada element apa pun di dalam body HTML, langsung menggunakan atribut style.

Misalkan kita punya dua button yang awalnya seperti ini:

<<>button>Masukbutton>
<<>button>Daftarbutton>

Masuk
Daftar

Kita bisa mengubah gaya dari dua tombol di atas dengan menambahkan atribut style secara langsung seperti ini:

<<>button style="color: red">Masukbutton>
<<>button style="color: blue; border: 2px solid green">
  Daftar
button>

Masuk
Daftar

Nah, cara di atas dinamakan CSS inline, karena kita langsung menyisipkan CSS pada baris itu juga.

2. Menggunakan CSS Internal

Cara yang kedua adalah menggunakan CSS internal. CSS internal adalah CSS yang diletakkan pada bagian suatu halaman HTML.

<<>html lang="en">
<<>head>
  <<>meta charset="UTF-8">
  <<>meta http-equiv="X-UA-Compatible" content="IE=edge">
  <<>meta name="viewport" content="width=device-width, initial-scale=1.0">
  <<>title>CSS Internaltitle>
head>
<<>body>
  <<>a href="#">Berandaa>
  <<>a href="#">Tentang Kamia>
body>
html>