Tag Dasar html
ke bawah
Pengertian tag.
Seperti telah dibahas sedikit mengenai tag dalam html, bahwa Tag merupakan bahasa penandaan standar yang membuat text ASCII menjadi sebuah dokumen html. Dengankata lain dengan tag html kita bisa memoles atau memark-up file *.txt menjadi sebuah dokumen html yang dapat diterjemahkan oleh browser, sehingga browser akan menampilkannya pada halaman web.
Sebuah tag ditandai dengan tanda " < " (di awal tag) dan tanda " > " (di akhir tag). Dan diantara kedua tanda tersebut adalah Nama elemen. Sebagai contoh untuk tag body, kita dapat menulisnya seperti : <body>
Sebuah tag umumnya berpasangan, yaitu tag pembuka dan tag penutup. Misalnya tag body dapat ditulis <body> sebagai tag pembuka, dan </body> sebagai tag penutupnya, dimana tag penutup ditandai dengan dicantumkannya tanda slash (garis miring) sebelum nama tag. Namun ada juga tag yang tidak memakai tag penutup, misalnya tag <br>, tag <img> dan beberapa tag lainnya. Kedepan tampaknya setiap penulisan tag tidak dibenarkan tanpa tag penutup, sebagai solusinya pada tag tsb dicantumkan tanda slash yang diletakkan setelah nama tag dan spasi, misalnya: <br /> untuk breakline dan <hr /> untuk horizontal line.
Struktur dasar dokumen html
Agar browser menampilkan sebuah halaman dari sebuah dokumen html, maka struktur minimal dari sebuah dokumen html dapat dicontohkan sbb.
<html>
<head>
<title> ini titel halaman </title>
</head>
<body>
tulisan ini akan tampak dalam browser.
</body>
</html>
Dari contoh tulisan dokumen html diatas dapat dijelaskan sbb :
Tag <html>
Tag <html> dan </html> diletakkan diawal dan diakhir atau mengapit seluruh isi dokumen. Tag ini mendefinisikan dan memberitahukan pada browser bahwa isi yang ada didalamnya adalah sebuah dokumen html. Tanpa kedua tag ini kita tidak akan menemukan apa-apa dalam browser/web.
Tag <head>
Tag <head> dan </head>. berguna untuk menampilkan titel halaman . Nama yang terdapat pada tag ini tidak akan terlihat pada halaman web, tetapi jika kita melihat bagian paling atas, kita akan melihat tulisan tsb, tetapi bukan bagian dari isi dokumen. Dan hanya merupakan nama dari halaman. Mencantumkan nama halaman ditempatkan diantara tag <title> dan </title>.
Tag <body>
Isi dokumen yang sesungguhnya berada diantara tag <body> dan </body>. Konten yang ada diantara tag ini akan ditampilkan pada halaman web. Kita bisa menempatkan berbaga konten seperti: artikel (file text biasa), gambar (image), gambar animasi, grafik dan konten lainnya yang ingin ditampilkan dihalaman web.
Selain tag utama diatas, terdapat juga tag-tag html penting lainnya yang diperlu
kan untuk membangun sebuah Dokumen html. Dibawah ini beberapa tag yang banyak digunakan dalam membuat dokumen html.
Heading.
Heading atau judul didefinisikan dengan tag <h1> sampai </h6>
<h1> mendefinisikan ukuran huruf yang paling besar dan <h6> mendefinisikan ukuran huruf yang paling kecil.
<hx> ini judul hx </hx>
x =1, 2, 3, 4, 5, 6.ini judul h1
ini judul h2
ini judul h3
ini judul h4
ini judul h5
ini judul h6
Perlu diketahui, bahwa browser akan secara otomatis memberikan satu baris kosong sebelum dan sesudah heading. Tag Heading dalam pemakaiannya hanya diperuntukkan untuk membuat heading, jangan membuat tag heading untuk membuat tulisan tebal (bold) atau tulisan besar (big). Akan tetapi kita bisa menambahkan gaya/style pada heading, misalnya memberi warna, garis-bawah maupun huruf miring menggunakan atribut style .
.
<hx style="color:red;font-style:italic;">
heading dengan style.
</hx>
paragraf.
Paragraf didefinisikan dengan tag <p>.
<p> ini sebuah paragraf </p>
Pada tag paragraf dapat memiliki atribut yang memberi gaya atau style pada paragraf tersebut yaitu atribut style.<p style="color:red">
ini paragraf dengan tulisan berwarna merah.
</p>
ini paragraf dengan tulisan berwarna merah
Seperti halnya pada heading, browser juga secara otomatis memberikan satu baris kosong sebelum dan sesudah paragraf.
Back To Top
Next :
Elemen html
Tidak ada komentar:
Posting Komentar