Ini yang harus diperhatikan dan dipelajari untuk anda yang pemula, karena untuk tag dan element ini harus bisa kamu kuasa dalam membangun sebuah website, dan juga harus mengetahui letak isi dan definisinya.
ada empat tag yang akan saya jelaskan di artikel ini, dan tidak lelah saya mengingatkan, mengetiklah walau malas, menghafallah walau berat, karena mengetik saja anda sudah dapat bisa belajar bahasa program HTML.
Yang tidak boleh terlupa dari suatu dokumen adalah adanya daftar istilah (Definition Term), Karena dengan daftar ini akan menjelaskan pada para pembaca kata-kata kunci yang kita gunakan dalam dokumen yang kita buat.
ada empat tag yang akan saya jelaskan di artikel ini, dan tidak lelah saya mengingatkan, mengetiklah walau malas, menghafallah walau berat, karena mengetik saja anda sudah dapat bisa belajar bahasa program HTML.
Yang tidak boleh terlupa dari suatu dokumen adalah adanya daftar istilah (Definition Term), Karena dengan daftar ini akan menjelaskan pada para pembaca kata-kata kunci yang kita gunakan dalam dokumen yang kita buat.
Daftar
istilah dimulai dengan tag <DL> dan di akhiri dengan </DL>.
Setiap kata yang akan kita berikan definisi diawali dengan tag
<DT>, sedangkan definisinya sendiri dimulai dengan tag <DD>
Ketik dokumen HTML berikut dan lihat hasilnya di browser anda.
Contoh program :
<html>
<head>
<title> Daftar Istilah </title>
</head>
<body>
<dl>
<dt> HTML
<dd> Adalah jenis mark-up dan nama
singkat dari Hypertext Markup Language,
<dt> Linux
<dd> Salah satu sistem operasi varian dari
Unix yang terkenal.
</dl>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Seharusnya browser anda akan menampilkan tampilan berikut :
Tag Definition |
Tag Blockquote
Dalam penulisan suatu karya ilmiah kita sering mengutip dari daftar rujukan atau kata-kata seseorang. Untuk membedakan dengan hasil kita atau kata-kata kita biasanya kutipan seperti ini ditulis agar menjorok ke dalam dan diberi jarak baris kosong diantara tulisan kita dan kutipan tersebut. Format dokumen HTML menyediakan fasilitas untuk ini.
Coba perhatikan contoh berikut ini :
<html>
<head>
<title> Daftar Istilah </title>
</head>
<body>
<p> Parahraf normal akan ditampilkan seperti ini.
Perhatikan blok kutipan dibawah ini
yang ditulis terpisah dan menjorok ke dalam
dari paragraf normal.
</p>
<blockquote>
Blockquote digunakan jika akan mengutip
dari dokumen yang lain. Atau kata-kata orang yang kita rujuk
</blockquote>
<p> Kembali keparagraf normal yang cukup panjang
karena memang sengaja ditulis panjang
untuk memberi contoh penggunaan tag blockquote dan
perbandingannya dengan paragraf normal.
</p>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Dokumen HTML di atas akan menghasilkan tampilan berikut ini :
Tag Blockquote |
Tag Preformated
Preformated teks kita pakai jika kita ingin mencetak kalimat seperti mesin ketik. Browser tidak akan memformat semua yang ada di dalam tag preformated. Jadi disini semua karakter dianggap penting termasuk spasi dengan jumblah banyak. Ini berlawanan dengan perlakuan browser dalam kondisi biasa, dimana ia tidak akan mempedulikan jumblah whitespace (spasi, tab) dan tetap akan dicetak sebagai satu karakter spasi saja.
Contoh program :
<html>
<head>
<title> Preformated Texs </title>
</head>
<body>
<p> Tag <pre> dan penutupnya </pre>
dipakai untuk mencetak teks seperti apa adanya.
Seperti yang kita dapat jika kita ketik.
<pre>
\ \/ / \ \/ /
/ - - \
/ O O \
\ O /
/ oOo \
Ini gambar wajah mengerikan,
digambar dengan tag preformat.
</pre>
<p> Kembali keparagraph normal.
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Dokumen HTML di atas akan menghasilkan tampilan berikut ini :
Tag Preformated |
Tag Address
Tag <ADDRESS> digunakan untuk memberi informasi mengenai penulis kita dapat menggunakan tag address format sebagai berikut, sebagai contoh :
<html>
<head>
<title> Preformated Texs </title>
</head>
<body>
<address>
<p> HTML, CSS dan Javascript
<br> Shelby, shelbyvw@nurulfikri.com
<br> http://unlimitshared.blogspot.co.id/
<br> http://websitecompletecoding.blogspot.co.id/
</address>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Kalimat yang dipakai dalam tag address tidak ditentukan dengan pasti, tapi yang perlu diperhatikan adalah kita harus menulis informasi ini sesuai dengan aturan ilmiah dimana kita menulis. Misalnya jika kita menulis paper / jurnal berbeda dengan jika menulis buku / laporan. Dari contoh yangdiberikan dapat anda lihat bahwa kita masih bisa memakai tag-tag HTML yang lain dalam tag address ini.
Contoh Program :
<html>
<head>
<title> Address </title>
</head>
<body>
<p> Yang tidak boleh terlupa dalam penulisan
dokumen adalah nama pengarangnya dan informasi
lain mengenai penulis tersebut. perhatikan hasil tag ini.
</p>
<address>
<p> HTML, CSS dan Javascript
<br> Shelby, davidgorddow@gmail.com
<br> http://unlimitshared.blogspot.co.id/
<br> http://websitecompletecoding.blogspot.co.id/
</address>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Dokumen HTML di atas akan menghasilkan tampilan berikut ini :
Tag Address |
Dan tak lupa saya mengingatkan, jangan pernah belajar atau membangun sebuah website dengan cara copy dan paste, itu akan membuat kalian bodoh, cobalah mulai mengetik, agar kalian hafal dengan tag serta element-element yang kalian bangun dan buat dama website anda. Jangan belajar bodoh, mencoba lah dan mulailah belajar pintar dan ikuti saran orang lain kalau memang itu benar.
Belum ada tanggapan untuk "Penggunaan Tag Definition, Blockquote, Preformated dan Address"
Posting Komentar