HTML (Hyper Text Markup Language) adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri
dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML
Cascading Style Sheet adalah suatu teknologi yang digunakan untuk
mempermudah pembuatan suatu tampilan sebuah website.
Setiap tag dari HTML seperti <b>,<i>,<u> dan sebagainya dapat digunakan dalam CSS.
Didalam CSS tag-tag HTML disebut sebagai selector dan atribut didalamnya adalah
declaration. Declaration ditandai dengan tanda {...} (kurung kurawal).
Berbeda dengan atribut dalam HTML yang isinya dihubungkan dengan tanda “=”. Isi atribut
dari CSS dihubungkan dengan tanda “:” (titik dua). Sedangkan pembatas antara satu atribut
dengan atribut yang lainnya adalah tanda “;” (titik koma).
Dari sekilas kode sederhana diatas dapat digambarkan betapa bermanfaatnya CSS dalam
menghemat waktu kita dalam mendesain. Jika suatu waktu kita ingin mengganti warna suatu
kalimat yang warnanya sama. Kita tidak perlu susah payah mengeditnya satu per satu. Namun
cukup edit bagian CSS nya maka seluruh bagian itu akan berubah warnanya. Menarik bukan?.
Atribut dari tag HTML dan CSS sedikit memiliki perbedaan. Seperti atribut untuk jenis huruf jika
di HTML namanya face pada CSS namanya family. Jadi jangan keliru keliru untuk menuliskan
atributnya.
C L A S S
CSS memperbolehkan anda untuk memakai class, dimana didalam sebuah class anda dapat
mengelompokkan elemen-elemen dan menerapkan aturan CSS didalamnya. Saya yakin anda
pasti bingung dengan penjelasan saya, benar?. Sama, oleh karena itu lebih enak kalau kita
melihat contohnya saja.
Untuk lebih memahaminya silahkan ketik kode kode dibawah ini atau dilihat-lihat saja.
<html>
<head>
<title>Menerapkan CLASS dalam CSS</title>
<style type="text/css">
body{font-family: verdana; font-size: 12px}
.judul{font-family: arial; font-size: 16px; font-weight: bold; text-align:
center}
.penting{color: white; background-color: red}
</style>
</head>
<body>
<p class="judul">INI CONTOH CLASS DALAM CSS</p>
<p>Dengan menggunkan class kita lebih leluasa dalam menentukan aturan-aturan
dalam pendesainan</p>
<p class="penting">Jangan lupa class selalu diawali dengan tanda "."</p>
</body>
</html>.
Javascript merupakan bahasa pemrograman berbasis web dan berorientasi objek atau sering
juga disebut OOP (Object Oriented Programming). Dimana dianggap sebuah objek memiliki
metode, properti dan event yang berbeda. Contohnya ketika kita mengklik tombol maka akan
muncul sebuah pesan peringatan. Ketika kursor melintasi link muncul pesan. Itulah beberapa
contoh OOP sederhana.
Kode javascript dalam HTML diapit oleh tag:
<script language=”javascript”>
.
.....
</script>
seperti halnya CSS kode javascript dapat disimpan pada sebuah file. Untuk mengaksesnya
digunakan perintah
<script language=”javascript” src=”lokasi_file”></script>
Sebenarnya isi dari language tidak hanya javascript tetapi anda juga dapat menggunakan
Vbscript. Yaitu bahasa pemrograman berbasis Visual Basic Script. Kita tidak membahas vbscript
karena tidak kompatible dengan browser selain Internet Explorer. Perlu juga anda ketahui
sedikit pengetahuan tentang javascript akan sangat membantu anda dalam memahami bahasa
pemrograman lainnya seperti PHP karena syntaxnya hampir mirip.
Javascript biasanya gunakan untuk event-event tertentu. Seperti event onload, onkeydown,
onkeyup, onchange, onclick dan sebagainya
Alhamdulilah seelesai sudah catatan ederhana saya mengenai Mengenal Tentang html,css dan javascrip jikalau da kesalahan mohon maaf ysobat saya baru belajar akhirul kalam wasalamu'alaikum warohmatulloh wabarokaatuh
refrensi
Ebook Master html
No comments:
Post a Comment