Share
in Blog

Elemen Dasar HTML,CSS dan JavaScript

by nabzz180802@gmail.com · Agustus 6, 2026
  1. HTML(HYperTExt Markup Language)
    Apa itu HTML?

    HTML merupakan bahsa markup yang di gunakan untuk membangun sturuktur dasar dari sebuah halaman web.HTML tidak di anggap sebagai bahasa pemograman,malainkan sebagai bahasa markup yg memberikn kerangka dan konten seperti jdul,paragraf,gambar,tautan,tabel,dan sebagai nya


    Fungsi Utama HTML:


    -Menyusun struktur halaman web
    -Menyisipkan media seperti gambar dan video
    -Membuat tautan antar halaman atau situs


    Contoh kode HTML:

Dalam contoh diatas <h1> dignakan untuk judul utama,dan <p> untuk paragraf


2. CSS(Cascading Style Sheets)
Apa itu CSS?

CSS adalah bahsa yg digunakan untuk mendesain tampilan visual dari elemen-elemen HTML.Dengan CSS,kita bisa mengatur warna ,ukuran teks,jenist font,tata letak halaman,hingga animasi sederhana

Fungsi Utama CSS:

-Membuat halaman lebih menarik dan responsif di berbagai perangkat

-Memberikan gaya visual seperti warna,maargin,dan padding

Contoh kode CSS:

kode CSS tersebut bisa di tulis dalam file terpisah (style.css) atau langsung di halaman file HTML menggunakan tag <style>

3.JavaScript

Apa itu JavaScript?

javascript adalah bahasa pemograman yang di gunakan untuk membuat website menjadi interaktif dan dinamis.jika HTML memberikan sturukrur dan CSS menentukan tampilan ,maka java Scrpt memungkinkan pengguna untuk berinteraksi langsung dengan elemn di halaman,seperti mengklik tombol,mengisi formulit,atau menampilkan konten tanpa memuat ulang halaman

Fungsi Utama JavaScript:

-Membuat animasi dan efek visual

Contoh kode JavaScript:

script diatas akan menampilkan pesan saat pengguna mengklik tombol dengan ID”tombol”

Cara HTML,CSS,dan JavaScript Bekerja Bersama

dalam praktiknya ,HTML,CSS,dan JavaScript selalu berkerja bersama dalam satu halaman website

Urutan kerjanya biasanya seperti berikut:

-HTML membuat elemen tombol

-CSS mengatur tampilan dan desain

-JavaScript menambahkan interaksi dan fungsi dinamis

sebagai contoh sederhana pada sebuah tombol:

-HTML membuat elemen tombol

-CSS memberikan warna,ukuran,dan evek hover

-JavaScript menentukan apa yang menentukan apa yang terjadi ketika tombol tersebut diklik.

Dengan kombinasi ketiga teknologi ini website dapat menjadi lebih modern,menarik,dam interaktif

You may also like