skip to main |
skip to sidebar
21.49
papermint22
Struktur Dasar H T ML
<html>
<head>
....informasi dokumen....
</head>
<body>
....konten yang di tampilkan
pada halaman browser.....
</body>
</html>
3. Penggunaan Tag dan Atributnya
Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan diakhiri tanda tag
HTML, memiliki syarat penulisan yaitu:
• Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
• Tag HTML secara normal selalu berpasangan misal (<i>...</i>)
• Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua
merupakan tag akhir.
2
Name Value
Atribut
Content
Tag Pembuka
Tag Penutup
Element
• Tag html tidak case sensitive. Ini artinya <b> sama dengan <B>
• Jika dalam suatu tag terdapattag lain, maka penulisan tag akhir tidak boleh
bersilang danharus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>
4. Tag Dasar HTML
4.1 HTML
Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Tag ini
merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag
pertama dalam dokumen html. Penulisan tag seperti berikut ini :
<html> pada awal dokumen dan </html> pada akhir dokumen
4.2 Head
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head
yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head –
kecuali judul dokumen – tidak akan terlihat oleh pembaca dokumen tersebut. Penulisan
tag seperti berikut ini :
<head> di awal setelah <html>dan </head> di akhir section head.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
• Menyediakan judul dokumen
• Menjembatani hubungan antar dokumen
• Memberitahu browser untuk membuat form pencarian
• Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
• Tag <title>, digunakan untuk memberi judul dokumen. Penggunaannya adalah
sebagai berikut :
<title>Judul Dokumen</title>
• Tag <base>, digunakan untuk menentukan basis URL sebuah dokumen. Contoh
penggunaannya adalah sebagai berikut berikut :
<basehref="//www.alamat.com/direktori"/>
• Tag <link>, digunakan untuk menunjukkan relasi antar dokumen HTML.
Contoh penggunaannya adalah sebagai berikut:
<linkrel="stylesheet"href="http://alamat.com/style.css"type="text/css" />
• Tag <meta>, digunakan untuk mendefinisikan informasi-informasi di luar HTML
Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas
yang belum didukung oleh HTML.
Tag <meta>mempunyai atribut :
4.5Memformat Dokumen HTML
Dalam HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen.
Tag-tag tersebut diantaranya adalah :
• Tag <h#>, membuat heading sebuah dokumen. Nilai n berkisar antara 1 hingga 6.
• Tag <pre>, membuat tampilan dokumen HTML pada browser sama dengan
tampilan pada teks editor. Dengan tag <pre>, maka tag <p>dan tag <br />jadi
tidak diperlukan lagi.
4.6 Memformat Karakter
Melakukan format terhadap karakter yang ditampilkan akan sangat berguna untuk
membuat sebuah dokumen menjadi menarik dan informatif.
4.6.1 Logical Format
Logical format akan menerapkan layout dokumen secara logis dan terstruktur. Semua tag
ini memerlukan tag penutup. Tag-tag yang termasuk logical format adalah sebagai
berikut :
• <cite>, digunakan untuk menandai suatu kutipan ( citation).
• <code>, digunakan untuk menampilkan kode-kode pemrograman, misalnya bahasa
C.
• <em>, digunakan untuk menandai suatu teks yang ditekankan (cetak miring) oleh
penulis.
• <kbd>, digunakan untuk menandai suatu teks yang harus dimasukkan oleh user
melalui keyboard.
• <samp>, digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh.
• <strong>, digunakan untuk menandai bagian yang penting (cetak tebal) dari suatu
teks.
• <var>, digunakan untuk menampilkan nama variabel.
• <dfn>, digunakan untuk menandai sebuah subdefinisidari daftar definisi.
4.6.2 PhysicalFormat
Physical format adalah format terhadap fisik suatu font. Semua tag ini memerlukan tag
penutup. Tag-tag yang termasuk physical format adalah sebagai berikut :
• <b>, untuk menampilkan huruf tebal.
• <i>, untuk menampilkan huruf miring.
• <u>, untuk menampilkan garis bawah pada teks. <tt>, untuk menampilkan huruf
seperti huruf mesin ketik.
• <strike>, untuk menampilkan garis horizontal pada bagian tengah huruf.
• <big>, untuk menampilkan ukuran huruf yang lebih besar.
• <small>, untuk menampilkan ukuran huruf yang lebih kecil.
• <sub>, untuk menampilkan subscript.
• <sup>, untuk menampilkan superscript.
11
4.7 Menambahkan Gambar
Dokumen HTML akan terlihat lebih menarik apabila disisipkan gambar. Format gambar
yang dapat ditampilkan : GIF, JPEG, PCX, PNG, WMF, dll. Sedangkan format gambar
yang dikenal oleh hampir semua browser adalah GIF dan JPEG. Untuk menambah
gambar digunakan tag <img />.
4.8 Menambahkan Link
Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika
Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan
Anchor, yaitu tag <a>. Tag <a>mempunyai atribut HREF yang digunakan sebagai link
tujuan.
4.9 Tabel
HTML menyediakan tag-tag untuk membuat sebuah tabel, yaitu:
• Tag <table> : Mendefinisikan sebuah tebel
• Tag <tr> : Mendefinisikan baris tabel
• Tag <th> : Mendefinisikan judul kolom
• Tag <td> : Mendefinisikan isi tiap kolom
21.49
papermint22
0 komentar:
Posting Komentar