Lompat ke konten Lompat ke sidebar Lompat ke footer

Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize

Atribut event onresize merupakan atribut yang bekerja ketika browser melakukan resize terhadap ukuran windows pada elemen html.


Sebelum memahami lebih dalam materi tentang Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize, terlebih dahulu pelajari materi tentang: Atribut OnPageShow HTML dan Fungsinya, Menentukan Efek Mode Online HTML Menggunakan Atribut OnOnline, dan Mengatur Mode Offline Browser HTML Menggunakan Atribut Onoffline.

Tag Pendukung:
  • <body>

Sintak: <element onresize = "script">

Value Atribut: mengandung script nilai tunggal yang bekerja ketika event onresize dipanggil pada elemen html.

Baca Juga:

Catatan: atribut onresize bekerja dengan tag body pada html.

Contoh:

<!DOCTYPE html >

<html>

 

<head>

<title>

Atribut Event Onresize

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

 

<script>

function bons() 

{

alert("Ukuran Windows Berubah") ;

}

</script >

</head>

 

<body onresize = "bons()">

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Event Onresize

</h2>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Shofana Ramadhani, Vianisycha Amalia, Wahyu Triyono, Yuni Kartika Sari, dan Achmad Haykal.

6 komentar untuk "Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize"

  1. Apa yang dimaksud dengan atribut onresize pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onresize pada html merupakan atribut yang akan berfungsi ketika window melakukan resize.

      Hapus
  2. Bagaimana cara menggunakan atribut onresize?

    BalasHapus
    Balasan
    1. Cara penggunaan elemennya, lakukan dengan menekan tombol ctrl pada keyboard, dan secara bersamaan lakukan scroll menggunakan mouse.

      Ketika ukuran dari windows browser berubaha, maka akan muncul pesan peringatan dibrowser.

      Hapus
  3. Apa yang dimaksud dengan scroll?

    BalasHapus
    Balasan
    1. Sroll adalah cara menggeser layar web ke atas atau ke bawah, yang dilakukan dengan cara memutar tombol gulir (bulatan) pada mouse.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -