Kamis, 31 Maret 2011

Hypertext dan Hypermedia
Dokument Hypertext adalah dokumen yang berisi link ke dokumen lain. Dokumen hypermedia adalah dokumen yang berdasarkan hypertext ditambah dengan multimedia seperti gambar, video dan audio.

ABSOLUTE PATH DAN RELATIVE PATH
Path relative jika lokasi file tersebut relatif terhadap dokumen yang sedang aktif, yaitu terletak di atas atau dibawah direktori dokumen tersebut. Contoh :
<a href="http://www.blogger.com/%E2%80%9C../link.html%E2%80%9D">link!</a>
Absolute Path adalah path yang merujuk pada pada suatu lokasi file dengan cara alamat url yang ditulis lengkap atau utuh.
Contoh : <a href="http://www.google.com/">Google</a>
Link
link menghubungkan satu sumber web ke web lain. Link mempunyai dua komponen, yaitu anchor dan tujuan.
HTML Frames
Kegunaan Frame :
•    Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain menampilkan isi.
•    Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isi dokumen.
•    Membuat suatu dokumen tanya-jawab, di mana sisi frame yang satu berisi daftar pertanyaan sedangkan sisi frame yang lain
Tag frame tidak boleh di dalam tag body. Dokumen frame menggunakan elemen FRAMESET mempunyai dua buah atribut, yaitu ROWS dan COLS. Tag frame berada di dalam tag
Contoh tag frame :


<title>frame</title>






HTML Forms
Form adalah salah satu penampilan interaktif yang paling populer pada World Wide Web(www). Sebuah form dibentuk dengan menggunakan pasangan tag
<form>
</form>
. Setiap elemen FORM harus mempunyai 2 buah atribut METHOD dan ACTION. ACTION adalah URL dari script yang dipanggil oleh form tersebut. Method adalah cara mengirimkan data yang dimasukan pembaca ke web server. Form ini mempunyai dua metode yaitu GET dan POST. Method GET nilai yang dibawa akan ditampilkan di address bar sedangkna method POST tidak ditampilkan di address bar.

HTML Text Formating
Tag yang digunakan seperti <b> dan <i> yang berfungsi untuk formatting output seperti tulisan tebal dan tulisan miring
Tag
Description
<b>
Define Bold Text
<i>
Define Italic Text
<sub>
Define subscripted Text

HTML Styles
digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.
HTML Images
Jenis Gambar
Ekstensi
Keterangan
GIF
.gif
Grapich Interchange Format
JPEG
.jpg / .jpeg
Joint Photographic Experts Group
PNG
.png
Portable Network Graphics
Untuk menyertakan suatu gambar sebagai latar belakang, anda bisa menggunakan atribut BACKGROUND pada tag <body>. Bentuknya sebagai berikut:
<body background=”nama gambar”></body>
Sedangkan untuk menampilkan gambar digunakan tag :
<img src=”nama gambar”>
Mengatur Letak Teks Terhadap Gambar
Nilai
Keterangan
TOP
Teks diletakkan di bagian atas
MIDDLE
Teks diletakkan di tengah-tengah
BOTTOM
Merupakan nilai default. Dalam hak ini, teks diletakkan pada bagian bawah

HTML Tables
Untuk membuat table digunakan tag <table></table>
Contoh untuk membuat table :
<table width="200" border="1">
  <tr>
    <th>Nim</th>
    <th>Nama</th>
  </tr>
  <tr>
    <td>08410100140</td>
    <td>Joni</td>
  </tr>
</table>
Keterangan :
·         <tr></tr> : digunakan untuk membuat baris
·         <td></td>: digunakan untuk membuat kolom
Atribut Table:
          Border : untuk membuat batas tepi.
          Width : untuk mengatur lebar table.
          Align : untuk mengatur bentuk perataan horizontal data di dalam table. Seperti kiri, tengah, atau kanan
HTML List
·         HTML Unordered Lists
Digunakan untuk membuat list yang berbentuk bullet. Contoh tag :
<ul>
                <li>Coffee</li>
                <li>Milk</li>
</ul>
·         HTML Ordered Lists
Digunakan untuk membuat list yang berbentuk number. Contoh tag :
<ol>
                <li>Coffee</li>
                <li>Milk</li>
</ol>
Ciri – cirri Elemen  HTML :
•    Elemen HTML dimulai dengan start tag / opening tag
•    Elemen HTML dimulai dengan end tag / closing tag
Element HTML kosong :
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong.
Elemen dapat ditutup pada awal tag.
adalah contoh elemen kosong yang tidak memerlukan end tag.

HTML Tag:
Tag biasanya merupakan suatu pasangan tag awal &lt;…&gt; dan tag akhir .
Nested tag adalah tag yang mengandung tag lain di dalamnya
Contoh HTML tag :
•   
: Digunakan untuk berpindah baris.
•   
: Digunakan untuk mendeklarasikan paragraph.
•   
<hr />
: Membuat Garis Horizontal.
•     <blink>   : Membuat Text berkedip-kedip.
•          : Menformat huruf.
HTML Atribute
Tag awal biasanya memiliki beberapa buah atribut yang menyatakan karakteristik tag tersebut, contoh :
<div align="”justify”">
Testing</div>
P adalah nama tag sedangkan align merupakan atribut dari p sedangkan justify merupakan nilai dari atribut align. Atribut selalu mempunyai nilai.
HTML Heading
suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML.
Contoh html heading terdapat pada tag
•     …
•     <title>…</title> : digunakan untuk membuat judul dan berada di dalam tag head
Elemen Meta :
•    Elemen META digunakan untuk memberikan informasi     tentang suatu dokumen.
•     Elemen META bukan untuk mengantikan elemen title.
•     Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.
HTML Paragraph
Contoh sintax Penggunaan HTML Paragraph :


<title>mbuh</title>


<div align="left">
tralala </div>
<div align="center">
trilili </div>
<div align="right">
trulu </div>


</blink>