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