Part #3 – Belajar HTML Pemula Menyisipkan CSS & JavaScript

Satudigitalindonesia.com – Belajar HTML Pemula Menyisipkan CSS & JavaScript. Halo semua apa kabarnya nih ? semoga dalam keadaan sehat selalu dan terus baik-baik saja ya.

Pada kesempatan yang berbahagia ini kami dari satudigitalindonesia ingin berbagi artikel tentang lanjutan dari part #2 yaiut belajar HTML untuk menyisipkan CSS dan JavaScript.

Oleh karena itu, mari kita simak bersama-sama untuk penjelasannya berikut ini ya. Semoga bisa bermanfaat untuk kita semua.

Belajar HTML Pemula Menyisipkan CSS

1. Cara Menambahkan CSS Pada HTML

html pemula

<style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }
        h1 {
            color: blue;
        }
    </style>

Penjelasan :

  • <style> : tag yang digunakan untuk inisialisasi CSS
  • <body> : tag yang digunakan untuk menyisipkan seperti (font family)
  • <h1> : tag untuk paragraf
  • color : untuk memberikan warna pada css dan disini warna nya adalah blue atau biru

Baca Juga : Cara Menyisipkan Tabel & Formulir HTML Pemula

2. Cara Menambahkan JavaScript Pada HTML

html pemula

Berikut ini contoh script untuk menyisipkan JavaScript pada baris HTML.

<script>
        function tampilkanPesan() {
            alert(‘Halo, selamat datang di HTML!’);
        }
    </script>
    <body>
        <button onclick=”tampilkanPesan()”>Klik Saya</button>
    </body>

Penjelasan :

  • <script> : tag yang digunakan sebagai pembuka untuk menyisipkan javascript
  • function tampilkanPesan() : nama fungsi yang kita buat, disini nama fungsinya adalah tampilkanPesan()
  • alert(‘Halo, selamat datang di HTML!’) : konten atau isi dari fungsi yang kita buat
  • <button onclick=”tampilkanPesan()”>Klik Saya</button> : aksi untuk menjalankan fungsi yang sudah kita buat

Daftar Kursus Komputer : Klik Disini

Akhir Kata

Baik teman-teman semua, untuk pembahasan artikel tentang materi HTML dasar untuk pemula sampai disini ya. Semoga teman-teman semua bisa mendapatkan ilmu dari artikel yang kami buat dan jangan sungkan-sungkan untuk membagikan artikel yang kami buat ke teman-teman kalian yang lainnya ya.

 

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Scroll to Top