Wednesday, November 12, 2014

Cara Mudah Belajar HTML

Posted by faisal. Category:

sahabat blogger semua, yuk kita tambah wawasan kita mengenai dunia pemrograman
kali ini saya akan membahas sedikit tentang HTML  
langsung aja disini saya menyajikan code-code/bahasa yang penting atau sering di gunakan dalam HTML
\\


<html></html>
Tag untuk mengapit halaman HTML
<head></head>
Tag yang berisi informasi umum dari halaman
<title></title>
Judul halaman. Terdapat pada <head>
<body></body>
Settingan attribut untuk seluruh isi halaman
<b></b>
Untuk menebalkan teks
<i></i>
Untuk memiringkan teks
<u></u>
Untuk menggaris bawahi teks
<p></p>
Untuk membuat paragraf
FONT
<font></font>
Untuk memanipulasi huruf
name
Untuk menentukan jenis huruf yang digunakan
size
Untuk menentukan ukuran huruf
color
Untuk menentukan warna huruf


<br>
Untuk pindah ke baris baru
<hr>
Untuk membuat garis horizontal
LINKS
<a></a>
Untuk membuat links
href
Halaman website yang akan dituju
target
Dibuka pada window baru atau tidak
style
Penambahan CSS
class
Nama class yang dipanggil
name
Nama dari link
TABEL
width
untuk mengatur lebar tabel (% atau pixel)
height
untuk mengatur tinggi tabel
border
untuk menentukan tebal bingkai
cellpadding
menentukan jarak padding antar cell
cellspacing
menentukan jarak spacing antar cell
name
untuk menentukan nama tabel
bgcolor
untuk mengatur warna background
background
untuk menampilkan background
align
letak teks secara horizontal (rata kiri, tengah atau kanan)/ untuk mengatur letak teks
valign
letak teks secara vertical (rata atas, tengah atau bawah)
style untuk CSS
bordercolor
untuk mengatur warna bingkai
<tr></tr>
Untuk membuat baris
<td></td>.
untuk membuat kolom
height
untuk mengatur tinggi
colspan
untuk menghilangkan sejumlah kolom
rowspan
untuk menghilangkan sejumlah baris
Macam Input Type
Sebagian besar penulisan form akan selalu digunakan input type. Tag input dan attributnya
yaitu type akan menentukan output yang ditampilkan oleh browser. Bisa berupa tombol, check
box, password box dan sebagainya. Untuk lebih memperjelas lihatlah contoh di berikut
<form action="tidak_ada.php" method="POST">
<input type="text" name="coba" size="30" maxlength="45">
<input type="submit" value="GO!!">
</form>
Setiap type juga memiliki attribut sendiri-sendiri. Tapi setiap type pasti memiliki attribut name.
Berikut ini beberapa tipe type yang dapat anda gunakan:
􀂃 Text – tipe ini seperti yang terlihat di gambar yaitu berupa textbox. Text memiliki tiga
attribut diantaranya:
􀂃 Size – yang merupakan ukuran panjang dari textbox.
􀂃 Maxlength – merupakan karakter maksimal yang dapat ditampung oleh textbox.
􀂃 Value – merupukan isi dari textbox yang telah ditetapkan. User dapat
menggantinya dengan langsung mengetikkan pada textbox.
􀂃 Password – hampir sama dengan text hanya saja karakter yang diketikkan akan
berupa asterik (*).
􀂃 Hidden – input ini tidak dimunculkan di layar browser. Dapat digunakan untuk
menyimpan nilai atau variabel yang digunakan untuk halaman berikutnya.
􀂃 Submit – tipe ini akan menampilkan tombol submit(pengiriman). Nama tombol diambil
dari nilai attribut value. Jika tidak ada maka namanya Submit Query.
􀂃 Reset – tipe ini digunakan untuk membersihkan segala isian pada form. Attributnya
hampit sama dengan submit.
􀂃 File – tipe ini digunakan untuk proses peng-upload-an file. Tampilannya hampir sama
dengan tipe text tapi disebelahnya ada tombol “browse”. Ketika user menekan browse
akan muncul kotak dialog untuk memilih file yang diupload.
􀂃 Checkbox – tipe ini akan memunculkan tampilan checkbox. Biasanya checkbox
digunakan untuk memilih lebih dari satu pilihan. Jika pada tag ini terdapat kata
“checked” maka checkbox tersebut akan ditandai.
􀂃 Radio – tipe ini akan menampilkan tampilan radio button. Tipe ini digunakan jika kita
harus memilih hanya satu pilihan. Jika ada kata “checked” maka radio tersebut akan
ditandai(default).
Image – fungsinya sama dengan submit hanya saja anda dapat menentukan gambar
sebagai pengganti tombol.

w3school.com

0 komentar:

Post a Comment

◄ Posting Baru Posting Lama ►
 
Ping your blog, website, or RSS feed for Free