TAG-TAG DASAR HTML

| Minggu, 12 Oktober 2014
  • 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.

sumber gambar: http://rahasiatemplate.blogdetik.com/files/2011/09/kode-dasar-template.jpg
  • Head
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.
 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 : <base target="_blank" /> 
  • Tag <link>, digunakan untuk menunjukkan relasi antar dokumen HTML. Contoh penggunaannya adalah sebagai berikut: <link rel="stylesheet" href="http://situs.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. Untuk lebih memperjelas penggunaan atribut tag <meta> perhatikan contoh berikut ini : <meta http-equiv="refresh" content="60" url="www.alamat.com" />
Perintah diatas akan diterjemahkan oleh browser sebagai “tunggu 60 detik, kemudian panggil dokumen baru pada www.alamat.com". Jika atribut URL tidak disertakan, maka halaman itu sendiri yang akan dipanggil, jadi setara dengan mengklik tombol Refresh / Reload pada browser.

Penggunaan elemen <meta> yang paling populer adalah penggunaan properti Keyword dan Description. Kedua properti ini sangat berguna untuk membantu kerja search engine. Biasanya search engine akan menggunakan teks yang disebutkan pada properti Keyword untuk mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description untuk mendeskripsikan indeks tersebut.
  • BODY
Bagian body merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian body diawali oleh tag <body> dan ditutup </body>.
  • Heading
Tag heading <hx> digunakan untuk memformat heading (judul dan sub judul ) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading.Ada enam buah heading yang dikenal HTML, yaitu dari <h1> sampai dengan <h6>. Tag heading mempunyai atribut: [ left | center | right ] default left.
  • Horisontal Ruler
Tag Horisontal ruler <hr> berfungsi untuk menampilkan garis horizontal tiga dimensi didalam halaman web Anda. Tag horizontal ruler juga tidak memerlukan elemen penutup </hr>.
Atribut elemen horisontal ruler : 
   align : [ left | center | right ] default center 
   size : pixel ( tebal garis, default 2 ) 
   width : panjang ( lebar garis, pixel atau persen, default 100%) 
   noshade ( garis solid )
  •  Paragraf
Tag paragraph <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web Anda. Dalam elemen paragraf terdapat atribut : align=[ left | center | right ] yang berfungsi sebagai pengatur perataan paragraf, jadi Anda cukup memilih salah satu dari ketiga pilihan tanpa harus memberi kurung buka dan tutup, dan defaultnya adalah left. Anda dapat memilih perataan kiri, tengah dan kanan.
  • Line Break
Tag Line Break <br> berfungsi untuk memberikan baris baru suatu paragraf dalam halaman web Anda. Tag break tidak memerlukan tag penutup break.
  • Komentar
Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri. Catatan/komentar dalam dokumen ini tidak di tampilkan dalam browser. Teks yang berfungsi sebagai komentar di simpan dalam dokumen di tandai dengan tag <!-- sebagai awal, kemudian teks yang di komentari, dan tag --> sebagai akhir tag. Khusus untuk tag komentar ini, tag penutup tidak menggunakan tanda garis miring.
  • 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.
  • Physical Format
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. 
  • Semua tag tersebut memerlukan tag penutupnya masing-masing.
  • Preformatted Text
Preformatted text <pre> digunakan untuk menampilakan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampilkan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang ditampilkan oleh aplikasi berbasiskan teks.
  • Quotation / Identasi
Suatu kutipan teks lazim ada dalam suatu dokumen, ada dua macam kutipan: 
  • Kutipan pendek – tag <q>
  • Kutipan panjang – tag <blockquote>
Tag <blockquote> digunakan untuk membuat sebagian teks yang di kutip sebagai blok sendiri. Dengan perintah <blockquote> browser akan menampilkan teks menjorok ke dalam (mengindentasi teks) atau menampilkan teks. 
Tag <q> tidak melakukan sesuatu yang khusus, tetapi dengan kita telah mendefinisikan sebagai kutipan, kemudian kita menggunakan style sheet maka kutipan ini bisa di atur pemformatannya dengna menggunakn style sheet.
  • List HTML
List item merupakan perintah yang di gunakan dalam HTML untuk membuat daftar atau pengelompokkan kata [list]. Ada beberapa jenis-jenis list dalam HTML: HTML menyediakan lima cara untuk membuat daftar atau list , yaitu : 
  • Ordered List 
  • Unordered List 
  • Directory List
  • Menu List 
  • Definition List
  • Ordered List ( Numbering )
Ordered list digunakan untuk membuat daftar dimana setiap bagiannya memiliki nomor secara terurut. Ordered list dimulai dengan tag <ol> dan diakhiri dengan </ol>. Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak diperlukan tag penutup. Atribut elemen list ,yaitu : 
TYPE = [ 1 | a | A | i | I ] ( default 1 )
  •  Unordered List ( Bullet )
Berbeda dengan ordered list, dalam ordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Untuk membuat daftar dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya digunakan tag <li> tanpa tag penutup. Atribut elemen list ,yaitu : 
TYPE = [ disc | squre | circle ] ( default disc )
  • Entitas Karakter HTML
Beberapa karakter khusus mempunyai arti khusus dalam HTML, seperti tanda lebih kecil (<) yang berarti awal tag HTML dan tanda lebih besar (>) yang berarti akhir tag HTML. Jika kita mengingkan browser untuk menampilkan karakter-karakter tersebut, kita harus menyisipkan entitas karakter ke dalam source HTML. 
Entitas karakter mempunyai 3 bagian: sebuah ampersand (&), sebuah nama entitas atau sebuah # dan nomor entitas, dan terakhir adalah sebuah tanda titik koma (; /semicolon). Untuk menampilkan tanda lebih kecil dalam sebuah HTML maka kita harus menuliskannya : &lt; atau &#60; 
Kelebihan dengan menggunakan nama dibanding dengan nomor adalah nama lebih mudah di ingat. Kekurangannya adalah tidak semua browser mendukung nama entitas terbaru, sedangkan dukungan untuk nomor entitas hampir ada pada setiap browser.


0 komentar:

Posting Komentar

Silakan tinggalkan jejak..

Next Prev
▲Top▲