Struktur HTML & Tag-Tag HTML
Ketikkan
script diatas dan simpan dengan (File>Save As) tuliskan dengan nama
percobaan.html (ingat harus dengan .html)
pada bagian save as type pilihlah All types(*.*)
Setelah
disimpan, bukalah file percobaan dan hasilnya seperti pada gambar dibawah.
Mengubah Background
Jika
ingin mengubah background. Buka file percobaan.html pada program teks editor
anda (Notepad) dan edit seperti pada gambar dibawah.
Setelah
itu simpan kembali seperti cara percobaan.html dan buka kembali file dan
hasilnya seperti pada gambar dibawah.
Paragraf
Ketikkan
script seperti pada gambar dibawah ini.
Tag
<p>…….</p> digunakan untuk membuat paragraph. Setelah itu simpan
dengan nama paragrap.html
Kemudian
buka file paragrap dan lihat hasilnya.
Line break
Untuk
membuat line break menggunaan tag<BR>
Dan
simpan dengan nama line_break.html
Dan
buka file yang telah disimpan maka akan tampil gamabar seperti pada gambar
dibawah ini.
Heading
Cara
membuat heading pada notepad menggunakan tag<H1> sampai <H6>.
Tuliskan script dibawah. Setelah itu simpan dengan nama heading.html
Semakin
besar angka dibelakag H, maka huruf yang akan ditampilkan semakin kecil. Lihat
gambar dibawah
Membuat Garis
Untuk
membuat garis sisipkan tag<HR> pada tempat garis yang akan ditampilkan.
Agar
lebih jelas lihat gambar dibawah.
Kemudian
simpan dan lihat hasilnya seperti pada gambar
Formatting
Teks HTML
Format Font
Ketikkan
script seperti pada gambar
Setelah
itu simpan dan buka filenya. Hasilnya akan seperti pada gambar
Karakter-Karakter Khusus
Untuk
menggunakan karakter-karakter khusus seperti © ® ™ dll. Lihat pada gambar
Simpan
dan kemudian simpan dan hasilnya akan seperti pada gambar dibawah
Identasi
Untuk
identasi paragraph menggunakan tag<DD>, <BLOCKOUT>,<DL>, dan
<DT>. Untuk lebih jelasnya lihat pada gambar
Simpan
dan buka filenya hasilnya akan nampak seperti pada gambar
Link
dan List
Jenis-jenis
list dalam HTML yaitu :1) list dengan nomor (OL : Orderen List) menggunakan
tag<ol> nomor item pada ordered
list secara default adalah menggunakan angka 1,2,3,..,dst.contoh <ol
type=”I”>. 2)list tanpa nomor (UL: Unordered List) yaitu jenis bullet pada
unordered list bisa diganti dengan mengisikan atribut type pada tag<ul>.
Contoh<ul type=”box”> (box: bullet berbentuk kotak)
Agar
lebih jelas perhatikan pada gambar dibawah yang menggunakan tag <OL>
Dan
hasilnya akan seperti pada gambar dibawah
Untuk
yang menggunakan tag<UL> perhatikan pada gambar dibawah
Dan
hasilnya akan seperti pada gambar dibawah
Link
Untuk
membuat link menggunakan tag<a>….</a>.
Jenis-
jenis link
1.
Jenis Relatif,
yaitu link dalam page ke page ang lain dalam satu computer
Contoh: <a
href=”jaring2.html”>Berikut</a>
2.
Link Absolut,
yaitu membuat link web page web site lain di internet.
3.
Link ke bagian
lain dalam dokumen, yaitu dibuat apabila dokumen html cukup panjang
Contoh: <a
href=#yang_baru”>Yang Baru Hari Ini</a>
Agar lebih jelasnya lihat pada gambar dibawah
kemudian buat script dan simpan dengan nama latihan 1, latihan 2, dan latihan
3.
Kemudian simpan. Lalu buat script HTML baru seperti
pada gambar dibawah
Simpan dan buka file. Maka tampilannya akan seperti
pada gambar
Pada gambar diatas merupakan link menu. Latihan 1,
latihan 2, dan latihan 3 akan berwarna merah itu artinya sudah terlink.
Berikut cara untuk membuat jenis link. Lihat pada
gambar di bawah
Dan hasilnya akan seperti pada gambar dibawah
Tidak ada komentar:
Posting Komentar