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>
<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 :
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>
<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>
<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.
Thank's for reading the articelUraian Kode HTML dan Materi Simpel HTML .If You want to copy paste your website please tag my link Uraian Kode HTML dan Materi Simpel HTML Intro My Website.
0 comments:
Post a Comment