Menggunakan Atribut dari Tag
Sebelum memulai sekedar mengingatkan apakah anda sudah membuat folder di drive C:\ yang
bernama HTML jika tidak, buatlah sekarang. Lalu buatlah folder yang bernama bab 1, bab2 dan seterusnya. Jika anda praktik pada bab 2 maka simpanlah file anda pada folder bab 2. Demikian untuk seterusnya.Pada bab 2 ini materi yang diharapkan dapat anda kuasai antara lain:
ƒ Menggunakan berbagai attribut dari tag diantaranya:
ƒ Tag p, font, table, form, input, select, option, a, body, img, ul, ol, li dan attribut universal
Contoh-contoh penggunaan tag dan atributnya
Pada bab sebelumnya telah anda pelajari macam-macam atribut dari tag yang terdapat pada HTML. Sekarang saatnya kita menerapkan atribut tersebut dalam sebuah file. Untuk lebih memudahkan anda dalam memahami kita langsung saja pada contoh.
Pertama jalankan software notepad
Klik menu File – New
Maka akan nampak sebuah ruang kerja mirip dengan dengan Microsoft Word. Untuk contoh yang pertama ini kita akan menggunakan atribut dari tag <p>…</p>.
A. Tag <p>…</p>
Tag <p> digunakan untuk membuat paragraf dalam sebuah halaman web. Kita semua tahu kalau paragraph ada yang bertipe rata kiri, tengah, kanan dan justify. Untuk lebih memperjelas ketik kode di bawah ini.
<html>
<head>
<title>Atribut Tag <P></title>
</head>
<body>
<p align="left"><b>Teks ini berada di kiri</p>
<p align="center">Teks ini berada di tengah</p>
<p align="right">Teks ini berada di kanan</b></p>
<p align="justify">Paragraph ini bertipe justify. Dimana semua teks akan dibuat lurus sama dengan batas tepi halaman. Oh ya, tag <p></p>merupakan default atau bentuk baku tag <p></p>dimana teks atau paragraf akan berformat rata kiri. Jika anda tidak memberi atribut <i>align</i> pada tag <p>maka browser akan menganggap rata kiri.</p>
</body>
</html>
0 Comments