Minggu, 19 Juni 2011

HTML (HyperText Markup Language) Bagian 2

List Item (LI)

List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).


Unordered List (Bullet) 

Tag Attribute Value Description
<ul> Type Square Bullet Kotak
Disc Bullet Titik
Circle Bullet Lingkaran



Ordered List (Numbering)

Tag Attribute Value Description
<OL> TYPE I i A a Upper Roman Lower Roman Upercase Lowercase
<OL> START n Begin Number

Definition List

Definition List terdiri diapit oleh tag <DL> … </DL> dan <DT> tag menentukan definition term serta <DD> tag menentukan definition itu sendiri.

FONT

Dengan tag <FONT> kita bisa menentukan format tampilan font dalam document HTML seperti color, size, style dan lainya.

Attribute Description
color Untuk menentukan warna font, bisa menggunakan nama font atau hexadecimal (#000000 - #ffffff)
size Untuk menentukan ukuran dari font
face Untuk menentukan jenis font biasanya dalam satu list ada beberapa font dan akan di baca mulai dari yang paling kiri.

COLOR

Color merupakan attribute yang bisa ditambahkan pada beberapa element seperti body, font, link dan lainya. Color dibagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing color didefinisikan dalam dua digit hexadecimal number.#RRGGBB.

Hexadecimal Color
#FF0000 Red
#00FF00 Green
#0000FF Blue
#000000 Black
#FFFFFF White

Alignment

Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain.

Value Description
Left Rata kiri
Right Rata kanan
Center Rata tengah
Justify Rata kiri dan kanan

<html>
<head>
    <title>:: Masih Belajar HTML Nih ::</title>
</head>
<body bgcolor="#D767A2">
    <h1 align="center">Latihan Ke-9</h1>
    <h3>Tentang <font color="#FFFFFF" size="7" face="Verdana">
    Cinta</font></h3>
    <hr></hr>
    Ketika <b>cinta</b> <sub>datang...</sub> <br>
    <i>dia</i> menyapamu dengan penuh keindahan<br>
    <u>cinta</u>kan bangunkanmu dari mimpi <small>burukmu</small><br>
    <b><i><u>cinta</u></i></b> kan tidurkan kamu kembali jika kau
    belum puas dengan mimpi<sup>2</sup>mu<br>
    lalu <b><i>dia</i></b> temani kamu dalam <big>mimpi indahmu...</big>
   
    <br>
    <br>
    <br>
    <br>
    <strike>Adi <sub>Area</sub></strike>
</body>
</html>

Quotes / Indenatasi

Untuk membuat indentasi paragraph kita bisa menggunakan BLOCKQUOTE, untuk indentasi pendek anda bisa gunakan element Q.

Grouping Element

Tag DIV dan SPAN di gunakan untuk mengelompokkan element-element HTML. Span digunakan untuk mendefinisikan inline content sementara div digunakan untuk block-level content.

Preformatted Text

Tag PRE digunakan untuk menampilkan text sesuai dengan format aslinya.

Image

Untuk memasukkan image kedalam halaman web, gunakan Tag img.
Contoh :
<img src="stikom.gif">


Attribute Description
Align Untuk menentukan posisi gambar
Width Untuk menentukan panjang gambar
height Untuk menentukan tinggi gambar

Tidak ada komentar:

Posting Komentar

Cara Membuat Blogspot Yang Keren

Selamat datang di adepranata.blogspot.com . Pada artikel kali ini saya akan membahas mengenai bagaimana cara membuat sebuah blog yang keren ...