catatan si megan: Perintah Dasar HTML

1. Tag - Tag HTML

Latihan 1

Perhatikanlah tag penulisannya, yang selalu dimulai dengan “< >” diikuti dengan HTML nya dan ditutup dengan tag dengan slash “/” seperti “</ >”
Perintah <TITLE> digunakan untuk membuat tampilan diatas browser, dan langsung ditutup dengan </TITLE>. Jadi Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body, struktur HTML diapit oleh tag awal <HTML>dan tag akhir </HTML> .

2. LIST & HEADING

Latihan 2

A. LIST
HTML menyediakan lima cara untuk membuat daftar / list, yaitu :

Ordered List
Unordered List
Direktory list
Menu List
Definition List

Dalam contoh latihan 2 dapat dilihat bahwa tag <UL> akan menampilkan bentuk bullet
dimana tidak akan diurutkan. Diawali <UL>dengan dan diakhiri dengan </UL>, sedangkan untuk menyatakan tiap bagiannya digunakan tag <LI>yang tidak usah dikasih penutup karena browser akan memprosesnya sebagai list. Sedangkan pada tag <OL> dilatihan 2 juga, kita lihat list akan diurutkan karena kita awali dengan tag <OL>dan diakhiri dengan </OL>, dan secara otomatis akan diurutkan Untuk merubah pengurutan kita dapat menggunakan tag <TYPE>.

B. Heading
Biasanya digunakan untuk membuat suatu judul / subjudul dalam HTML, ada enam
heading dalam HTML, yang berurut dari besar ke kecil. Pada latihan 2 terlihat heading
dibuat dengan tag <H3> dan diakhiri dengan </H3>.

C. Format Teks

Latihan 3

Dalam HTML dikenal juga tulisan bold, italic, small, subscript, supscript. Sedangkan untuk membuat teks agar turun dibaris berikutnya digunakan perintah tag <BR>. Perintah <BR> digunakan untuk membuat paragraph berikutnya dibawah, perhatikanlah jika kita tidak memberikan perintah tag <BR> maka yang terjadi adalah tulisan akan menjadi satu paragraph walaupun di notepad beda paragraph.

D. Pree Teks

Latihan 4

Apa yang kita buat di Notepad tidaklah seperti yang akan tampil di Browser, agar kita dapat membuat tampilan dengan kemauan kita maka diperlukan tag <PRE> agar tampilan di browser dapat sesuai dengan keiginan.

E. Jenis Font

Latihan 5

Tag FACE digunakan untuk mengatur jenis huruf yang diinginkan, FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan sebagainya. Sedangkan tag <P> digunakan untuk membuat suatu paragraph baru.

F. Link ke Halaman Lain

Perintah Achor <A> digunakan untuk membuat suatu link dengan tag

G. Memasukan Gambar

Dalam HTML untuk memasukan gambar denagn perintah tag <IMG>. Biasanya ditulis dengan tag <IMG SRC = “file gambarnya” ALT = “ namalainnya”>, IMG SRC digunakan untuk menentukan sumber gambarnya, dan ALT digunakan untuk menampilkan tulisan alternative jika gambar tidak muncul di browser.

Untuk menyisipkan gambar kita harus memperhatikan dalam menempatkan gambar yang akan ditampilkan pada browser, yakinkan dalam penulisan nama file, letak direktorinya dan ekstensinya benar.

H.Membuat Tabel

Biasanya web master menggunakan tabel untuk mempermudah dalam pengaturan teks dan Images di halaman web, dalam HTML juga dikenal TABEL dengan tag awal <TABLE> dan tag penutup </TABLE>. Tag TABLE mempunyai beberapa bagian penting ;

<CAPTION> digunakan untuk membuat judul tabel
<TH> berfungsi untuk meletakan judul tabel dibagian paling atas atau paling kiri dari suatu table
<TR> digunakan untuk membentuk baris pada suatu table
<TD> digunakan sebagai tempat menulis data atau informasi atau images dalam table

I. Form dan Input

Untuk dapat meminta masukan dari pengunjung situs / web yang kita buat, maka kita perlu memahami tag FORM dan INPUT yang digunakan bersama-sama di tag HTML. Tag <FORM> membuat kerangkanya sedangkan tag <INPUT> menyediakan elemen-elemen yang dibutuhkan untuk ditampilkan di websites. Sebelum kita membicarakan objek pada form, ada beberapa control HTML yang nantinya akan kita gunakan untuk membangun aplikasi dengan PHP. Penggunaan pada tag ini dimulai dengan <input> dan dikuti dengan tag yang akan kita masukan pada sebuah form. Ada beberapa control form pada HTML, diantaranya adalah :

Jumat, 05 Agustus 2011

Perintah Dasar HTML

1 komentar:

Arsip Blog