Selasa, 12 Oktober 2010

Penerapan HTML Images dan HTML Styles

Berikut ini tag dari HTML Images :

<img src="banner.jpg" height="20" width="100">
Penjelasannya :
- src merupakan attribute dari elemen img yang berfungsi untuk memanggil file gambar yang akan ditampilkan dari direktori windows. misal : <img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Sunset.jpg">
- attribute height untuk mengatur tinggi gambar/lebar gambar
- attribute width untuk mengatur panjang gambar.

Setelah Anda mengetahui HTML Images, saatnya menuju HTML Styles. SILAHKAN BACA SELANJUTNYA



HTML Styles

Styles diperkenalkan di HTML 4, sebagai cara baru. Dengan HTML styles, styles dapat dimasukkan di HTML elements sebagai style attribute, or indirectly in separate style sheets (CSS files).
Di HTML 4, several tags dan attributes merupakan deprecated. Deprecated yang dimaksud adalah mereka tidak akan support di HTML and XHTML versi selanjutnya. Contoh tags dan attributes yang dimaksud adalah : <center>, <font>, <u>, <s> and <strike> => tags
attributes => align, bgcolor, color

Contoh penggunaan Styles yang menjadi sebuah attribute di HTML Elements :

1. Ketikkan source code di bawah ini kemudian simpan dengan ekstensi file .html
<html>
<head>
<title> aku belajar HTML Styles </title>
</head>
<body style="background-color:yellow">
<h2 style="background-color:red">HALOOO AKU HEADING 2</h2>
<p style="background-color:green">HALOOO AKU PARAGRAPH... hehehe</p>
</body>

</html>

2. Jalankan file .html yang sudah anda simpan itu di web browser. Maka hasilnya dapat teman-teman lihat sendiri... :-D

SELAMAT MENCOBA

Penggunaan HTML Text Formatting

Dalam HTML, mungkin anda lebih menyukai tag <b> and <i> untuk memberikan ketebalan huruf dan membuat huruf miring dalam output file HTML anda. tag-tag yang disebutkan merupakan beberapa contoh tag-tag yang deprecated. Untuk ke depannya, tag-tag tersebut akan diperkuat dengan tag <strong> (untuk mempertebal huruf menjadi lebih tebal, kuat, gagah), <em> (untuk membuat teks miring sebagai ganti tag <i> ) . Tag-tag yang merupakan tag HTML text formatting yakni :
  • <small> yang berfungsi untuk membuat huruf menjadi lebih kecil dari ukuran normal
  • <sub>
  • <sup>

Gambar di bawah ini contoh source code sederhananya :


- Ketik source code yang ada di dalam gambar tersebut kemudian simpan dengan ekstensi file *.html
- Jalankan file html tersebut di web browser anda seperti IE, Firefox, Opera, dan lain-lain.
- Output dari source code di atas akan ditampilkan di bawah ini :



Selasa, 05 Oktober 2010

HTML Element dan HTML Attribute

Setiap ruangan pasti ada isinya entah itu ada lemari, meja, kursi atau tempat tidur. Begitu juga dengan baju, baju merupakan gabungan dari kain dan benang. Dengan adanya kain dan benang maka kita bisa membuat celana ataupun baju.
Sama juga dengan HTML Elemen, HTML Elemen merupakan gabungan dari tag dan atribut. HTML Elemen selalu diawali dengan opening tag dan diakhiri dengan closing tag. Opening tag dan closing tag itu seperti apa? baca selanjutnya....
Opening tag itu selalu diawali dengan tanda "<" dan diakhiri dengan tanda ">". Di dalam tanda "<" dan ">" berisi elemen HTML dan attributte. Contoh dari opening tag yakni <html> , <head> , <title> , dan seterusnya. Sedangkan, closing tag itu selalu diawali tanda "<" kemudian diikuti tanda "/" lalu diakhiri dengan tanda ">". Contoh dari closing tag yakni </title> , </head> .

HTML Attribute selalu berada di dalam HTML Elemen dan tidak bisa berdiri sendiri menjadi suatu elemen. HTML Attribute ditulis di dalam opening tag tepatnya setelah tanda "<" dan sebelum tanda ">" pada opening tag bukan ditulis di dalam closing tag.
Standar HTML attribut seperti <body bgcolor="red"> , <p align="center"> . "bgcolor" inilah yang merupakan attribut dari elemen HTML "<body>" . "align" merupakan attribut dari elemen HTML "<p>"
Dalam XHTML, HTML Attribut dibagi menjadi 3 grup yakni Core Attribute, Internazionalisation Attribute, dan UI Events.
- Core Attribute berfungsi sebagai atribut untuk membantu kita mendesain web page tepatnya membantu penggunaan CSS. Contoh dari Core attribute adalah id, class, dan style.
- Internazionalisation Attribute berfungsi sebagai atribut untuk membantu kita membaca sebuah dokumen seperti XML. Contohnya adalah dir, lang, XML:lang...
- UI Events merupakan atribut yang akan membantu kita untuk mengeksekusi suatu perintah scripting seperti javascript. Contohnya adalah onclick, ondoubleclick, onmouseover, onkeypress, onkeyup, dan lain-lain...

Selamat Membaca.....