1. Tag
Head <head></head>
Tag Head memiliki fungsi untuk mendeskipsikan header atau bagian kepala dari
HTML. Tag head berisi informasi dari dokumen HTML. Informasi tersebut nantinya
tidak akan ditampilkan di web browser. Informasi-informasi yang ada pada tag head
adalah sebagai berikut.
1. Tag TITLE,
digunakan untuk memberi judul dari suatu homepage <title>isi kode
anda</title>
2. Tag BASE, lokasi
URL lengkap dari dokumen yang akan dibuat.
3. Tag LINK, link
(tautan) dokumen yang akan dibuat dengan dokumen lain yang telah ada.
4. Tag META,
informasi tentang dokumen itu sendiri.
2. Tag Body
Tag
Body diibaratkan sebagai badan suatu HTML, yaitu tempat untuk mengisi teks,
gambar, atau animasiyang ditampilkan pada halaman HTML. Atribut pada body
umumnya berisi pengaturan isi paragraf. Beberapa atribut yang menyertai tag
<body> :
background, digunakan untuk membuat background image.
bgcolor, digunakan untuk menentukan warna latar
belakang.
bgproperties, digunakan untuk menentukan nilai
properti background.
leftmargin, digunakan untuk menentukan batas kiri
halaman dalam satuan pixel.
topmargin, digunakan untuk menentukan batas atas
halaman dalam satuan pixel.
text, digunakan untuk menentukan warna teks.
link, digunakan untuk menentukan warna link yang
belum dikunjungi.
alink, digunakan untuk menentukan warna link yang
sudah dikunjungi.
Contoh
:
3. Link
Link
merupakan perintah yang digunakan untuk menghubungkan halaman yang satu dengan
yang lain. Link merupakan sarana penting dalam website karena jika tidak
menggunakan link, para pengunjung blog/website tidak dapat berpindah dari
halaman satu ke halaman yang lainnya. Format penulisan link dimulai dengan tag
<A> dan diakhiri dengan tag </A>.
Contoh penulisan yang menggunakan sintaks link :
Di
Dalam HTML terdapat tiga jenis llink, yaitu :
a.
Link Absolut,
digunakan jika anda ingin membuat link ke web page lain di internet. Contoh
seperti gambar yang di atas.
b. Link Relatif, digunakan untuk berpindah dari satu halaman blog ke
blog halaman lain di komputer yang sama. Contoh :
C.
Link ke Bagian Lain Dokumen, digunakan untuk berpindah dari satu
bagian ke bagian lain dalam dokumen html yang sama. Link ini dibuat untuk
dokumen yang sangat panjang sehingga jika di tampilkan dalam browser web akan
mengharuskan anda menggeser Scroll Bar secara berulang-ulang.
Contoh Source Code :
<html>
<head>
</head>
<body>
<a name ="Atas">
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
operaterpm.blogspot.com<br>
</a><br>
<a name="Bawah"
operaterpm.blogspot.com<br>
</a>
<br>
<a href="#Atas">Back To Top</a>
</body>
</html>
4. Tabel
Untuk membuat tabel biasanya menggunakan beberapa tag berikut :
A. Tag <TABLE>, digunakan untuk mendefinisikan sebuah table.
B. Tag <TR>, digunakan untuk mendefinisikan baris tabel.
C. Tag <TD>, digunakan untuk mendefinisikan kolom tabel.
D. Tag <TH>, digunakan untuk mendefinisikan judul pada baris atau kolom.
Contoh seperti pada gambar di bawah :
Berikut Source Code Seperti Gambar Diatas :
<html>
<head>
<title>Latihan Tabel SFX</title>
</head>
<body>
<table border="1">
<tr>
<th>SFX Kolom 1</th>
<th>SFX Kolom 2</th>
</tr>
<tr>
<td>SFX Baris 1</td>
<td>SFX Baris 2</td>
</table>
</body>
</html>
5. FORM
Form banyak digunakan untuk membuat
buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.
Tag-tag yang
digunakan pada form :
- Tag <FORM>, digunakan
untuk mendefinisikan form dan diikuti oleh dia atribut, yaitu METHOD untuk
pengolahan form dan ACTION untuk menentukan direktori file.
- Tag <TEXTAREA>, digunakan
untuk membuat kotak isian teks dan diikuti oleh atribut NAME untuk membuat
nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks
area, dan COLS untuk menentukan spasi aturan kolom.
- Tag <INPUT>, digunakan
untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi
NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH
untuk menetukan jumlah teks maksimum, VALUE menentukan nilai tetap sebuah
objek input, CHECKED untuk menentukan pilihan pada checkbox atau radio
button, dan TYPE untuk menentukan tipe input.
Contoh dari kode FORM :
Source Code :
<html>
<head>
<title>Latihan Form SFX</title>
</head>
<body>
<form>
<center><h4>Biodata SFX</h4></center>
<hr>
<pre>
Nama :<input type="text"= name="nama">
Tempat Lahir :<input type="text"= name="tempat lahir">
Jenis Kelamin :<input type="radio" name="jkelamin" value="Pria">Male
<input type="radio" name="jkelamin" value="Wanita">Woman
Hobi :
<textarea name=hobi rows=5 cols=50>
</textarea>
</pre>
<center><input type="submit" value="submit" name="submit">
<input type="reset" value="cancel" name="cancel"></center>
</form>
</body>
</html>
NOTE :
- Penggunaan Tag HTML tidak case sensitive, artinya tidak
membedakan huruf kapital dan huruf kecil. Jadi, tag <HEAD> sama
artinya dengan tag <head>.
- Jangan lupa untuk memberi tanda garis miring ( / ) pada
setiap tag akhir HTML. Jika tidak, dokumen HTML tidak akan ditampilkan
dengan baik.
- Jika anda berlatih kode HTML melalui program notepad,
jangan lupa untuk selalu menuliskan exstensi .html atau .htm (contoh :
blog.html). Jika tidak, file yang disimpan akan tidak dapat dibuka pada
web browser
5. FORM
Form banyak digunakan untuk membuat buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.
Tag-tag yang digunakan pada form :
- Tag <FORM>, digunakan untuk mendefinisikan form dan diikuti
oleh dia atribut, yaitu METHOD untuk pengolahan form dan ACTION untuk
menentukan direktori file.
- Tag <TEXTAREA>, digunakan untuk membuat kotak isian teks dan
diikuti oleh atribut NAME untuk membuat nama objek pada teks area, ROWS
untuk menetukan spasi jumlah baris teks area, dan COLS untuk menentukan
spasi aturan kolom.
- Tag <INPUT>, digunakan untuk meminta masukan dari pengguna,
dengan beberapa jenis atribut, seperi NAME untuk masukan objek input,
SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks
maksimum, VALUE menentukan nilai tetap sebuah objek input, CHECKED untuk
menentukan pilihan pada checkbox atau radio button, dan TYPE untuk
menentukan tipe input.
Contoh dari kode FORM : - See more at:
http://dikaeuphrosyne.blogspot.com/2013/09/mengenal-dan-belajar-menulis-kode-html.html#sthash.4U8Hwfkc.dpuf
2. Menghubungkan Text Pada Halaman Yang Sama
