ads here

CONTOH PENERAPAN CSS, JS DAN HTML

Serial Tutorial khusus:
Membuat template blog tidak akan terlepas dari 3 kode "dasar" yang akan kami berikan contoh. Penulis minta maaf karena baru belajar membuat toturial, selama ini taunya hanya mempraktikan, bukan mengajarkannya he he he, yang paling sulit itu pasti kepada bagian "Mengajar" tidak percaya tanya pada blogger yang profesinya adalah seorang guru. Sulit untuk membuat seorang pelajar memahami apa yang mau kita sampaikan tanpa pengalaman, pendidikan dan teknik mengajar itu sendiri.

Maka itulah pada editblog tema kami selalu menekankan kepada "Contoh-contoh" yang langsung bisa dipraktikan bahkan ketika anda mencoba membuat sebuah template blog anda sendiri.
Karena sebuah contoh jauh lebih baik daripada seribu kata kata yang ditulis, saya memberikan contoh untuk tutorial dasar pelajaran JavaScript:

JavaScript:

Lihat Demo:

Pelajaran JS pertamaku

Perhatikan Kodenya:

<!DOCTYPE html>
<html>
<body>

<h2>Pelajaran JS pertamaku</h2>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html> 


CSS

adalah singkatan dari CASCADING STYLE SHEETS

Gunanya untuk membuat suatu tampilan web menjadi menarik, css adalah elemen yang sangat penting bagi seorang desainer web jika merujuk kepada estetika atau keindahan suatu tampilan web apabila di tampilkan pada layar monitor baik PC, tablet maupun hape.

Contoh DEMO:

Ini biru

Kode diatas sebenarnya tampak sebagai berikut:

<!DOCTYPE html>
<html>
<body>

<h1 style="color:blue;">Ini biru Heading</h1>

</body>
</html>

Atau:


Ini merah


Kodenya sebagai berikut:

<!DOCTYPE html>
<html>
<body>

<h1 style="color:red;">Ini merah</h1>

</body>
</html>


HTML
Page Title

ini adalah bagian kepala

ini adalah bagian paragraf.
Kodenya tampak sebagai berikut:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>ini adalah bagian kepala</h1>
<p>dan ini adalah sebuah paragraf.</p>

</body>
</html>

Berikutnya akan kita bahas lebih dalam dan dalam..


Comments

  1. biyuh
    membingungkan css ini

    ReplyDelete
    Replies
    1. Sebenarnya mudah, mungkin saya yang kurang bisa menyampaikannya he he he.
      Harus belajar dari pak Martin Karakabu nih teknik mengajarnya

      Delete

Post a Comment

请给我们一个礼貌的评论与任何相关的主题
Just give us a polite comments with any related topics
Hanya komentar yang sopan dan berhubungan dengan topik