Selasa, 20 Maret 2012

Tag <bdo></bdo>

Tag ini digunakan untuk membuat tulisan terbalik. Tag ini mempunyai attribute dan value. Attribute :

Dir : Digunakan untuk menentukan arah pembalikan teks. Valuenya adalah rtl (dari kanan ke kiri) dan ltr (dari kiri ke kanan). Value defaultnya adalah ltr.

Tag ini mempunyai tag penutup yaitu </bdo>. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Tulisan ini terbalik, menjadi<br>
<bdo>Tulisan ini terbalik</bdo>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Tulisan ini terbalik, menjadi
Tulisan ini terbalik

Dengan attribute dir="ltr" :

<html>

<body>

Tulisan ini terbalik, menjadi<br>

<bdo dir=”ltr”>Tulisan ini terbalik</bdo>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Tulisan ini terbalik, menjadi
Tulisan ini terbalik

Dengan attribute dir="rtl" :

<html>

<body>

Tulisan ini terbalik, menjadi<br>

<bdo dir=”rtl”>Tulisan ini terbalik</bdo>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Tulisan ini terbalik, menjadi
Tulisan ini terbalik

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Senin, 19 Maret 2012

Tag <hr>

Tag ini digunakan untuk membuat garis horizontal. Tag ini tidak mempunyai tag penutup. Tag ini mempunyai attribute dan value. Attribute :

Width : Digunakan untuk mengatur panjang dari garis tersebut. Valuenya adalah angka (dalam satuan persen "%").

Size : Digunakan untuk mengatur tinggi dari garis tersebut. Valuenya adalah angka.

Align : Digunakan untuk mengatur perataan dari garis tersebut. Valuenya adalah left, center, dan right. Value defaultnya adalah center.

Noshade : Digunakan untuk mengatur apakah garis tersebut memiliki bayangan atau tidak. Sebenarnya, attribute ini tidak memiliki value. Digunakan dengan menuliskan attribute ini langsung pada tag.

Cara menggunakannya adalah dengan menuliskan tag ini langsung.

~CONTOH~

<html>

<body>

Dibawah ini adalah garis horizontal

<hr>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Dibawah ini adalah garis horizontal

Dengan attribute width :

<html>

<body>

Dibawah ini adalah garis horizontal dengan lebar 20%

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Dibawah ini adalah garis horizontal dengan lebar 20%

Dengan attribute size :

<html>

<body>

Dibawah ini adalah garis horizontal dengan tinggi 10px

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Dibawah ini adalah garis horizontal dengan tinggi 10px

Dengan attribute align dan width (disini digunakan attribute width untuk memperjelas perataan) :

<html>

<body>

Dibawah ini adalah garis horizontal dengan perataan kanan

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Dibawah ini adalah garis horizontal dengan perataan kanan

Dengan attribute noshade :

<html>

<body>

Dibawah ini adalah garis horizontal dengan attribute noshade

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Dibawah ini adalah garis horizontal dengan attribute noshade

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Minggu, 18 Maret 2012

Tag <a></a> : Membuat link dengan HTML

Tag ini digunakan untuk menuliskan/menunjukkan suatu link. Tag ini mempunyai attribute dan value.

Attribute :

Href : Digunakan untuk menuliskan url/link yang akan ditampilkan. Valuenya adalah link/url yang ingin ditampilkan. Attribute ini harus selalu ada setiap menggunakan tag <a>.

Target : Digunakan untuk menentukan bagaimana halaman yang di-link muncul. Valuenya adalah :

_blank : membuka link/url ke tab baru.

_self : mengganti page seluruh halaman.

_parent : mengganti page yang ada dalam suatu frame.

_top : mengganti page seluruh halaman dari suatu frame.

Value defaultnya adalah _self.

Tag ini memiliki tag penutup yaitu </a>. Cara menggunakannya yaitu dengan menyisipkan teks yang akan ditampilkan sebagai penunjuk link diantara tag pembuka dan penutup yang sudah diberi attribute dan value.

~CONTOH~

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan

Output yang ditampilkan browser :

Coba klik !

Dengan target="_blank" :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan

Output yang ditampilkan browser :

Coba klik !

Dengan target="_self" :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan

Output yang ditampilkan browser :

Coba klik !

Dengan target="_parent" :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan

Output yang ditampilkan browser :

Coba klik !

Dengan target="_top" :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan

Output yang ditampilkan browser :

Coba klik !

Tambahan : Untuk target="_parent" dan target="_top" akan lebih efektif jika digunakan bersama dengan frame. Tapi pada artikel ini, saya tidak akan menggunakan frame jadi penggunaan target="_parent" dan target="_top" tidak berbeda dengan target="_self" karena tidak memakai frame.

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Sabtu, 17 Maret 2012

Tag <img> : Memasukkan gambar dengan HTML

Tag ini berguna untuk menampilkan gambar/foto. Tag ini mempunyai attribute dan value.

Attribute :

Src : Digunakan untuk menuliskan url/link gambar yang akan ditampilkan. Valuenya adalah url/link gambar yang ingin ditampilkan. Attribute ini harus selalu ada setiap menggunakan tag <img>.

Alt : Digunakan untuk menampilkan tulisan ketika gambar tidak berhasil ditampilkan.

Width : Digunakan untuk menentukan lebar gambar. Valuenya adalah angka (dalam satuan pixel). Value defaultnya adalah lebar gambar itu sendiri.

Height : Digunakan untuk menentukan tinggi gambar. Valuenya adalah angka (dalam satuan pixel). Value defaultnya adalah tinggi gambar itu sendiri.

Tag ini tidak mempunyai tag penutup. Cara menggunakannya adalah menuliskan link/url gambar setelah menuliskan attribute src.

~CONTOH~

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Penggunaan attribute alt :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Penggunaan attribute alt :

<html>

<body>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Jumat, 16 Maret 2012

Tag Heading <h1> , <h2> , <h3> , <h4> , <h5> , <h6> : Membuat heading dengan HTML

Tag heading berguna pada penerapan SEO (Search Engine Optimization). Pada penggunaan tag ini, teks akan diatur ukurannya. Cara menggunakan tag ini adalah dengan menyisipkan teks pada tag pembuka dan penutup.

Tag Heading :

Tag <h1> memiliki ukuran terbesar sementara tag <h6> memiliki ukuran terkecil.

~CONTOH~

Penggunaan tag <h1> :

<html>

<body>

<h1>Heading h1</h1>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h1

Penggunaan tag <h2> :

<html>

<body>

<h2>Heading h2</h2>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h2

Penggunaan tag <h3> :

<html>

<body>

<h3>Heading h3</h3>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h3

Penggunaan tag <h4> :

<html>

<body>

<h4>Heading h4</h4>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h4

Penggunaan tag <h5> :

<html>

<body>

<h5>Heading h5</h5>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h5

Penggunaan tag <h6> :

<html>

<body>

<h6>Heading h6</h6>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Heading h6

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Kamis, 15 Maret 2012

Tag <ol></ol> dan <li></li> : Membuat list angka dengan HTML

Tag <ol> digunakan untuk membuat daftar dengan penanda simbol hampir sama dengan tag <ul> tapi dengan penanda simbol yang berbeda. Tag ini mempunyai attribute dan value. Attribute :

Type : Digunakan untuk mengubah simbol dari daftar. Valuenya adalah 1, A, a, I, atau i. Value defaultnya adalah 1.

Tag ini mempunyai tag penutup yaitu </ol>. Tag ini digunakan secara bersamaan dengan tag <li></li>. Fungsi tag <li> adalah untuk menambah daftar/isi dari tag <ol></ol>. Cara menggunakan tag <ol> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup yang diapit dengan tag <li> dan </li>.

~CONTOH~

<html>

<body>

<ol>

</ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

<ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ol>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Rabu, 14 Maret 2012

Tag <ul></ul> dan <li></li> : Membuat list simbol dengan HTML

Tag <ul> digunakan untuk membuat daftar dengan penanda simbol. Tag ini mempunyai attribute dan value. Attribute :

Type : Digunakan untuk mengubah simbol dari daftar. Valuenya adalah disc, square, atau circle. Value defaultnya adalah disc.

Tag ini mempunyai tag penutup yaitu </ul>. Tag ini digunakan secara bersamaan dengan tag <li></li>. Fungsi tag <li> adalah untuk menambah daftar/isi dari tag <ul></ul>. Cara menggunakan tag <ul> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup yang diapit dengan tag <li> dan </li>.

~CONTOH~

<html>

<body>

<ul>

</ul>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ul>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ul>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

<html>

<body>

</ul>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser adalah :

Item 1
Item 2
Item 3

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Selasa, 13 Maret 2012

Tag <p></p> : Membuat paragraf dengan HTML

Tag ini digunakan untuk membuat suatu paragraf dari beberapa teks dengan cara memberikan jarak antara paragraf ini dengan objek lain. Tag ini memiliki attribute dan value.

Attribute :

Align : Digunakan untuk menentukan perataan teks. Value yang digunakan adalah “left”, ”center”, dan “right”. Value defaultnya adalah “left”.

Tag ini memiliki tag penutup yaitu “</p>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup yang sudah diberi attribute dan value.

~CONTOH~

<html>

<body>

<p>Ini adalah paragraf dengan perataan default</p>
<p align="left">Ini adalah paragraf dengan perataan kiri</p>
<p align="center">Ini adalah paragraf dengan perataan tengah</p>
<p align="right">Ini adalah paragraf dengan perataan kanan</p>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Ini adalah paragraf dengan perataan default

Ini adalah paragraf dengan perataan kiri

Ini adalah paragraf dengan perataan tengah

Ini adalah paragraf dengan perataan kanan

Paragraf untuk satu blok teks

<html>

<body>

<p>Ini adalah sebuah paragraf. Ini terletak pada baris pertama.<br>

Ini terletak pada baris kedua.<br>

Ini terletak pada baris ketiga</p>

<p>Ini untuk menunjukkan jarak antar paragraf</p>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Ini adalah sebuah paragraf. Ini terletak pada baris pertama.
Ini terletak pada baris kedua.
Ini terletak pada baris ketiga

Ini untuk menunjukkan jarak antar paragraf

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Senin, 12 Maret 2012

Tag <br> : Membuat baris baru dengan HTML

Tag ini digunakan untuk pindah ke baris baru, karena dalam HTML enter tidak akan membuat baris baru tetapi hanya memberikan spasi saja. Tag ini tidak mempunyai tag penutup. Cara menggunakannya adalah dengan menuliskan tag ini langsung. Untuk pindah baris lebih dari satu, gunakan tag ini beberapa kali

~CONTOH~

Tanpa tag <br>

<html>

<body>

Atas

Bawah

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Atas Bawah

Dengan tag <br>

<html>

<body>

Atas<br>

Bawah

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Atas

Bawah

Dengan banyak tag <br>

<html>

<body>

Atas<br><br><br>

Bawah

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Atas

Bawah

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Minggu, 11 Maret 2012

Tag <font></font> : Kustomisasi teks dengan HTML

Tag ini digunakan untuk mengkustomisasi teks. Tag ini memiliki attribute dan value.

Attribute :

Face : Digunakan untuk menentukan jenis teks.
Size : Digunakan untuk menentukan ukuran teks. Ukurannya adalah antara 1 sampai 7
Color : Digunakan untuk menentukan warna teks. Warnanya berupa nama warna dalam bahasa inggris atau kode hexadecimal

Tag ini memiliki tag penutup yaitu “</font>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup yang sudah diberi attribute dan value.

~CONTOH~

Penggunaan attribute face :

<html>

<body>

Contoh <font face=”verdana”>Teks</font>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML

Output yang ditampilkan browser :

Contoh Teks

Penggunaan attribute size :

<html>

<body>

Contoh <font size=”6”>Teks</font>

</body>

</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

Penggunaan attribute color :
<html>
<body>

Contoh <font color=”red”>Teks</font>

</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

Penggunaan attribute color dengan value hexadecimal :

<html>
<body>
Contoh <font color=”ff0000”>Teks</font>

</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

Penggabungan dari ketiga attribute tersebut :
<html>
<body>

Contoh <font face=”verdana” size=”6” color=”red”>Teks</font>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Sabtu, 10 Maret 2012

Tag <sub></sub> : Membuat tulisan dibawah dengan HTML

Tag ini digunakan untuk menempatkan teks sedikit ke bawah yang biasanya disebut subscript pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</sub>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <sub>Teks</sub>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh _Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Jumat, 09 Maret 2012

Tag <sup></sup> : Membuat tulisan diatas dengan HTML

Tag ini digunakan untuk menempatkan teks sedikit ke atas yang biasanya disebut superscript pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</sup>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <sup>Teks</sup>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh ^Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Kamis, 08 Maret 2012

Tag <strike></strike> : Membuat tulisan dicoret dengan HTML

Tag ini digunakan untuk memberi garis tengah pada teks yang biasanya disebut strikethrough pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</strike>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <strike>Teks</strike>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh ~~Teks~~

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Rabu, 07 Maret 2012

Tag <u></u> : Membuat tulisan bergaris bawah dengan HTML

Tag ini digunakan untuk menggaris bawahi teks yang biasanya disebut underline pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</u>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <u>Teks</u>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Selasa, 06 Maret 2012

Tag <i></i> : Membuat tulisan miring dengan HTML

Tag ini digunakan untuk memiringkan teks yang biasanya disebut italic pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</i>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <i>Teks</i>
</body>
</html>
Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Senin, 05 Maret 2012

Tag <b></b> : Membuat tulisan tebal dengan HTML

Tag ini digunakan untuk menebalkan teks yang biasanya disebut bold pada program pengolah kata. Tag ini tidak memiliki attribute dan value. Tag ini memiliki tag penutup yaitu “</b>”. Cara menggunakannya yaitu dengan menyisipkan teks diantara tag pembuka dan penutup.

~CONTOH~

<html>
<body>
Contoh <b>Teks</b>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :

Contoh Teks

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Read More ...

Minggu, 04 Maret 2012

Struktur dasar sebuah dokumen HTML

Sebuah halaman HTML memiliki struktur dasar yang terdiri dari tag-tag berikut :

<html>
<head>
</head>
<body>
</body>
</html>

Suatu halaman HTML harus selalu diawali dengan tag <html> dan diakhiri dengan </html>. Didalam tag <html> ada tag <head> dan <body>. Fungsi tag <head> yaitu untuk memasukkan informasi halaman seperti judul halaman yang dibuat dengan tag <title> dan ditutup dengan </title>.

~CONTOH~

Tulislah kode HTML berikut pada notepad :

<html>
<head>
<title>Membuat halaman HTML sederhana</title>
</head>
<body>
</body>
</html>

Kemudian save lalu buka dengan browser dan lihat pada title bar, akan muncul tulisan "Membuat halaman HTML sederhana".

~#####~

Itulah kegunaan dari tag <head> dan <title>. Tag <body> digunakan untuk memasukkan kode-kode html untuk membuat sebuah tampilan misalnya tulisan.

~CONTOH~

Tulislah kode HTML berikut pada notepad :

<html>
<head>
<title>Membuat halaman HTML sederhana</title>
</head>
<body>
Aku adalah tulisan dan berada didalam tag body
</body>
</html>

Kemudian save lalu buka dengan browser dan lihat pada layar akan ada tulisan "Aku adalah tulisan dan berada didalam tag body".

~#####~

Itulah kegunaan dari tag <body>. Di dalam tag body inilah kita akan menuliskan banyak tag-tag HTML yang lain yang akan dibahas pada posting berikutnya.

Read More ...

Sabtu, 03 Maret 2012

Tata cara membuat halaman HTML

Untuk membuat sebuah halaman HTML kita hanya membutuhkan sebuah text editor yaitu notepad. Saya menggunakan notepad karena praktis dan simpel. Setelah menuliskan rangkaian tag-tag HTML, pilih save kemudian di kotak file name tuliskan nama file yang diinginkan diikuti dengan ".htm" atau ".html". Sebagai contoh kita akan menyimpan sebuah kode HTML yang telah kita buat dan ingin memberi nama "halaman" maka yang harus ditulis pada kotak file name adalah "halaman.htm" atau "halaman.html" (tanpa tanda kutip). Setelah itu pada kotak save as type, pilih "All Files" kemudian klik save. Buka dokumen HTML tadi dengan browser.

Read More ...

Jumat, 02 Maret 2012

Penjelasan singkat HTML

HTML (Hyper Text Markup Language) merupakan kode-kode yang digunakan untuk membuat/mengedit sebuah halaman web. HTML terdiri dari tag, attribute, dan value kecuali untuk beberapa tag yang tidak memiliki attribute dan value seperti "<i>", "<b>", "<u>", dll (tag-tag tersebut akan dijelaskan fungsinya pada posting yang lain). Tag diapit oleh dua kurung siku "<tag>". Dan tag terdiri dari tag pembuka dan tag penutup yang ditandai dengan garis miring. Ada juga beberapa tag yang tidak memiliki tag penutup seperti "<br>", "<hr>", "<img>", dll (tag-tag tersebut akan dijelaskan fungsinya pada posting yang lain).

~CONTOH~

Format penulisan HTML untuk mencetak tulisan merah adalah :

<font color="red">merah</font>

font adalah tag, color adalah attribute, red adalah value, dan "</font>" adalah tag penutup. Value biasanya diapit dengan tanda kutip dua ( " " ) atau kutip satu( ' ' ).

~#####~

Dan jika anda ingin melihat kode HTML suatu situs, anda tinggal menekan CTRL+ U atau dengan mengklik kanan lalu pilih "Page Source" atau "View Source".

Demikian penjelasan singkat HTML dari saya, jika ada tambahan atau masukan bisa menuliskannya di kotak komentar. Terima Kasih

Read More ...

Kamis, 01 Maret 2012

Pembukaan

Pada blog ini saya akan menjelaskan kepada anda tentang HTML. Meskipun saya hanya punya sedikit ilmu tentang HTML, tetapi saya merasa senang sudah bisa berbagi ilmu dengan anda. Disini anda bisa belajar banyak tentang HTML termasuk tag-tagnya. Saya tidak akan bercerita banyak pada post ini. Semoga anda nyaman dengan blog ini.

Read More ...