Thursday, November 15, 2012

Cara Membuat Link Pada Dokumen HTML

2:45 PM    No comments

Cara Membuat Link Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Heading Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Link Pada Dokumen HTML'.

Link (hyperlink) adalah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan. Hyperlink dalam bahasa Indonesia adalah 'hipertaut', sedangkan link adalah 'taut'.

Baiklah berikut ini contoh penulisan sebuah link pada dokumen HTML.


Contoh Link HTML:

Cara Membuat Link Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah link pada dokumen HTML seperti pada kotak di bawah ini.

    4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Link Pada Dokumen HTML </title>
    </head>

    <body>

    Ini adalah link tanpa property target:
    <a href="alamat url">Klik di sini</a>

    Ini adalah link dengan target "_blank" (open in new windows or new tab):
    <a href="alamat url" target="_blank">Klik di sini</a>

    Ini adalah link untuk alamat email:
    <a href="mailto:alamat_email@example.com">Mail to</a>

    </body>
    </html>

    Ganti alamat url dan alamat email di atas sesuai dengan yang Anda inginkan!


    Ini adalah link tanpa property 'target': Klik di sini

    Ini adalah link dengan target '_blank': Klik di sini

    Ini adalah link untuk alamat email: Mail to


Nb. Silahkan beri feed back pada kotak komentar di bawah!

Read More

Wednesday, November 14, 2012

Cara Membuat Heading Pada Dokumen HTML

9:12 PM    No comments

Cara Membuat Heading Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Paragraf Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Heading Pada Dokumen HTML'.

Heading adalah judul dari sebuah paragraf. Sebuah judul merupakan gambaran dari isi keseluruhan sebuah paragraf atau artikel. Penulisan judul yang baik akan berpengaruh terhadap ketertarikan para pembaca untuk membaca sebuah paragraf atau artikel. Pada HTML untuk membuat sebuah judul kita dapat menggunakan 'tag' yang memang di khususkan untuk keperluan itu.

Baiklah berikut ini contoh penulisan sebuah heading/judul pada dokumen HTML.


Contoh Heading HTML:

Cara Membuat Judul Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah heading pada dokumen HTML seperti pada kotak di bawah ini.

    4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Heading Dokumen HTML </title>
    </head>

    <body>

    <h1>Ini Adalah Heading 1</h1>

    <h2>Ini Adalah Heading 2</h2>

    <h3>Ini Adalah Heading 3</h3>

    <h4>Ini Adalah Heading 4</h4>

    <h5>Ini Adalah Heading 5</h5>

    <h6>Ini Adalah Heading 6</h6>

    </body>
    </html>

    Ini Adalah Heading 1

    Ini Adalah Heading 2

    Ini Adalah Heading 3

    Ini Adalah Heading 4

    Ini Adalah Heading 5
    Ini Adalah Heading 6

Nb. Silahkan beri feed back pada kotak komentar di bawah!

Read More

Cara Membuat Paragraf Pada Dokumen HTML

2:33 PM    1 comment

Cara Membuat Paragraf Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Blog Yang Keren', sekarang saya lanjutkan dengan share 'Cara Membuat Paragraf Pada Dokumen HTML'.

Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa.

Baiklah berikut ini contoh penulisan sebuah Paragraf pada dokumen HTML.


Contoh Paragraf HTML:

Cara Membuat Paragraf Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah paragraf pada dokumen HTML seperti pada kotak di bawah ini.

    4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Paragraf Dokumen HTML </title>
    </head>

    <body>

    <h3 style="text-align:center;">Contoh Paragraf Dokumen HTML</h3>

    <p style="text-align:left;">Ini adalah paragraf dengan format rata kiri. &rdquo;Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa&rdquo;. </p>

    <p style="text-align:center;">Ini adalah paragraf dengan format rata tengah. &rdquo;Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa&rdquo;. </p>

    <p style="text-align:right;">Ini adalah paragraf dengan format rata kanan. &rdquo;Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa&rdquo;. </p>

    <p style="text-align:justify;">Ini adalah paragraf dengan format rata kanan dan kiri. &rdquo;Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa&rdquo;. </p>

    <p style="text-align:justify;text-indent:0.50in;">Ini adalah paragraf dengan format rata kanan dan kiri dengan baris pertama menjorok kedalam. &rdquo;Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa&rdquo;. </p>

    </body>
    </html>

    Contoh Paragraf Dokumen HTML

    Ini adalah paragraf dengan format rata kiri. ”Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa”.

    Ini adalah paragraf dengan format rata tengah. ”Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa”.

    Ini adalah paragraf dengan format rata kanan. ”Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa”.

    Ini adalah paragraf dengan format rata kanan dan kiri. ”Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa”.

    Ini adalah paragraf dengan format rata kanan dan kiri dengan baris pertama menjorok kedalam. ”Paragraf adalah suatu jenis tulisan yang memiliki tujuan atau ide. Awal paragraf ditandai dengan masuknya ke baris baru. Terkadang baris pertama dimasukkan, kadang-kadang dimasukkan tanpa memulai baris baru. Dalam beberapa hal awal paragraf telah ditandai oleh pilcrow (¶). Penulisan Paragraf pada sebuah dokumen HTML tentu berbeda dengan menulis dokumen Ms. Word maupun dokumen text biasa”.


Nb. Silahkan beri feed back pada kotak komentar di bawah!

Read More

Cara Membuat Blog Yang Keren

2:49 AM    No comments

Cara Membuat Blog Yang Keren

Pada posting sebelumnya saya share 'Cara Membuka File .ISO (Disc Image Files)', sekarang saya lanjutkan dengan share 'Cara Membuat Blog Yang Keren'.

Memiliki blog yang keren merupakan dambaan semua orang termasuk saya. Untuk dapat membuatnya bukanlah suatu hal yang sulit akan tetapi memerlukan ketekunan dan kreatifitas. Disamping itu penguasaan HTML & CSS juga merupakan faktor yang tidak dapat di kesampingkan, karena untuk dapat membuat sebuah posting yang tersusun rapi kita perlu menguasai HTML & CSS dengan baik.

Baiklah berikut ini adalah 5 tips mudah untuk membuat sebuah blog yang keren.


Langkah-langkah:

5 tips mudah untuk membuat sebuah blog yang keren:

  1. Langkah pertama yang harus di lakukan yaitu membuat sebuah account blog, silahkan masuk link ini. (jika Anda sudah memiliki account google silahkan langsung log in menggunakan account google Anda).

  2. Setelah account blog berhasil Anda buat, langkah selanjutnya yaitu memilih template. Anda Dapat mengunjungi web berikut ini:
  3. Setelah Anda sudah memilih template dan memasangnya di blog Anda, langkah selanjutnya yaitu membuat posting. Anda dapat memulainya dengan membuat 5 buah posting. Untuk dapat membuat posting yang tersusun rapi tentunya pengetahuan tentang HTML & CSS sangat diperlukan, silahkan Anda kunjungi w3schools untuk mempelajarinya.

  4. Untuk lebih mempercantik tampilan blog Anda dapat menambahkan gadget. Berikut ini beberapa gadget yang bisa Anda coba:
    • Gadget Chat silahkan Anda kunjungi web ini.
    • Gadget Mp3 Player silahkan Anda kunjungi web ini.
    • Gadget Facebook Like Box silahkan Anda kunjungi web ini.
  5. Membuat Account Hosting Untuk keperluan Upload File, silahkan Anda kunjungi web berikut ini:

Nb. Silahkan beri feed back pada kotak komentar di bawah!

Read More
Subscribe to: Posts (Atom)