KURSUS WEB JAKARTA

HTML Scripts

JavaScripts membuat halaman HTML lebih dinamis dan interaktif.

The HTML <script> Tag

Tag <script> digunakan untuk mendefinisikan script sisi klien, misalnya JavaScript.

Unsur <script> baik berisi pernyataan scripting atau menunjuk ke sebuah file script eksternal melalui atribut src.

Jenis atribut yang dibutuhkan menentukan tipe MIME dari script.

Penggunaan umum untuk JavaScript adalah manipulasi gambar, validasi form, dan perubahan dinamis konten.

Script di bawah ini menulis Hello Dunia! ke output HTML:

scripts

 <!DOCTYPE html>
<html>
<body>

<script>
document.write("Hello Dunia!")
</script>

</body>
</html>

 

 

 

The HTML <noscript> Tag

Tag <noscript> digunakan untuk menyediakan konten alternatif bagi pengguna yang telah menonaktifkan script dalam browser mereka atau memiliki browser yang tidak mendukung client-side scripting.

Unsur <noscript> dapat berisi semua elemen yang dapat Anda temukan di dalam elemen <body> halaman HTML normal.

Isi dalam elemen <noscript> hanya akan ditampilkan jika script tidak didukung, atau dinonaktifkan di browser pengguna:

script

<!DOCTYPE html>
<html>
<body>

<script>
document.write("Hello Dunia!")
</script>
<noscript>Maaf, browser Anda tidak mendukung JavaScript!</noscript>

<p>Sebuah browser tanpa dukungan JavaScript akan menampilkan teks dalam elemen noscript.</p>
 
</body>
</html>
 

 

A Taste of JavaScript

Berikut adalah beberapa contoh JavaScript yang dapat Anda lakukan:

  •  JavaScript dapat menulis langsung ke dalam aliran output HTML:
<!DOCTYPE html>
<html>
<body>

<p>
JavaScript dapat menulis langsung ke dalam aliran output HTML:
</p>

<script>
document.write("<p>This is a paragraph.</p>");
</script>

</body>
</html>
 

 

  •  JavaScript dapat bereaksi terhadap peristiwa:
<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript dapat bereaksi terhadap peristiwa. Seperti klik tombol.
</p>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>
 
  •  JavaScript dapat memanipulasi gaya HTML:
<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript dapat mengubah gaya elemen HTML.
</p>

<script>
function myFunction()
{
document.getElementById("demo").style.color="#ff0000";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>
 

 

HTML Script Tags

Tag Description
<script> Mendefinisikan script sisi klien
<noscript> Mendefinisikan sebuah konten alternatif bagi pengguna yang tidak mendukung client-side script

 

 

BELAJAR WEB DI ITKOMPUTER

Durasi 8 kali pertemuan untuk satu kali pertemuan 2 jam.
Pengenalan Photoshop untuk design web, design web dengan Photoshop, Integrasi Photoshop dengan DreamWeaver, Pengenalan DreamWeaver, perintah-perintah HTML, CSS, JQuery, Membuat animasi banner, Upload website dengan FTP dan cpanel, trik bagai mana mempromosikan website anda di internet, memilih web Hosting. Berbagai Tips dan Trik menarik tentang Web Design. Tujuan akhir setelah mengikuti kursus ini: Anda dapat membuat web yang menarik seperti company profile, web gallery photo, banner animasi, mempromosikan web di internet dan dapat melakukan upload ke server hosting.

Klik disini untuk mendaftar