CSS

Fundamental of CSS are:
# targetting id

CSS are code that can modify these upon your html tag:
1. background-color (keyword: background-color)
2. text-color (keyword: color)
3. padding
4.
5.


CSS box model
Keyword: text, padding, border, and margin (Te,Pad,Bor,Mar)

How to embed a SWF file in a html page?

<object width="100" height="100">
    <param name="movie" value="file.swf">
    <embed src="file.swf" width="100" height="100">
    </embed>
</object>

What is CDATA in HTML?

Since it is useful to be able to use less-than signs (<) and ampersands (&) in web page scripts, and to a lesser extent styles, without having to remember to escape them, it is common to use CDATA markers around the text of inline and elements in XHTML documents. But so that the document can also be parsed by HTML parsers, which do not recognise the CDATA markers, the CDATA markers are usually commented-out, as in this JavaScript example:

<script type="text/javascript">
//<![CDATA[
document.write("<");
//]]>
</script>

Daftar Input

1. Button
2. Checkbox
3. Color
4. Date
5. Datetime
6. Datetime-local
7. email
8. file
9. hidden
10. image
11. month
12. number
13. password
14. radio
15. range
16. reset
17. search
18. submit
19. text
20. time
21. url
22. week

1. Button

2. Checkbox

3. Color

4. Date

5. Datetime

6. Datetime-local

7. Email

8. File

9. Hidden

10. Image

11. Month

12. Number

13. Password

14. Radio

15. Range

16. Reset

17. Search

18. submit

19. Text

20. Time

21. Url

22. Week

http://www.w3schools.com

Javascript place
1. Head
2. Body
3. External

Javascript can:
1. Validate




Step button:
1. Buat/tulis fungsi
2. 3. Buat button
3. Arahkan event button contoh(onclick) ke fungsi yang baru saja dibuat
4. tuliskan apa yang dilakukan suatu fungsi

HTML Script

HTML Script
1. Membuat Textbox (T)
Bahan-bahan pembuatan:
- Tentukan nama label (bebas-terserah): Username
- Tentukan tipe input (input type) atau jenis input (tertentu): text
- Tentukan nama untuk penamaan input (bebas-terserah): UName

Ramu:
<form>
Username: <input type="text" name="UName">
</form>

Gambar:

2. Membuat Password Field (P)
Bahan-bahan pembuatan:
- Tentukan nama label (bebas-terserah): Password
- Tentukan tipe/jenis input (input type) (tertentu): password
- Tentukan nama untuk penamaan input (bebas-terserah): pwd

Ramu:
<form>
Password: <input type="password" name="pwd">
</form>

Gambar Hasil

Note: Karakter yang akan muncul di field password akan di mask (akan muncul tanda titik-titik saja; tidak kelihatan karakter yang kamu masukkan). Inilah yang membedakan input type text dan password.

3. Membuat radio button (R) (type, name, value)
Radio button = bulat; ingat bentuk tuning di radio kamu yang dahulu, bulat bukan? Makanya ini disebut radio button karena radio button adalah bulat.
Radio button = Tidak boleh tidak memilih, harus dimasukkan pilihan, 

Ramu
<form>
<input type="radio" name="status" value="Belum Menikah">Belum Menikah</br>
<input type="radio" name="status" value="Sudah Menikah">Sudah Menikah
</form>

Gambar Hasil

4. Membuat Checkbox (Cb)
Check box = Centang-centang
Check box = Membiarkan user memilih lebih dari 1 pilihan


Ramu
<form>
<input type="checkbox" name="Hobby" value="Olahraga">Olahraga </br>
<input type="checkbox" name="Hobby" value="Membaca">Membaca </br>
<input type="checkbox" name="Hobby" value="Bermain Musik">Bermain Musik </br>
</form>

Gambar Hasil

Gambar Checkbox tidak memasukkan pilihan sama sekali

Gambar Checkbox memasukkan pilihan lebih dari 1

4. Membuat Link ke local file menggunakan tag a dan atribut href
<a href="C:\Users\User\Documents\Exp1.Html>Buka_Script_Exp1</a>