pimzzone.blogspot.com: HTML

Tag Lines HTML

Tag line “<hr>” berfungsi membuat satu garis horizontal di dalam HTML. Tag ini bisa digunakan sebagai pemisah antara satu data dengan yang lainnya. atau memisahkan list nomer 1 dengan list nomer 2 atau selanjutnya.

1. Berikut adalah contoh script yang menggunakan tag <hr> didalamnya.

<h2>Contoh Tag Line</h2>

<hr /><a href="www.pimzzone.blogspot.com" target="_blank">Pimzone</a><hr />

2. Ketikan, atau copy script diatas ke dalam editor HTML temen-temen Pimz semua.

3. Lalu simpan dengan nama file coba.html. setelah itu buka browser temen-temen semua, kemudian cari file coba yang barusan sudah temen-temen simpan. Maka akan muncul seperti ini di dalam halaman browser temen-temen semua.

Selesai. Begitu saja sharing Pimz kali ini, semoga bisa bermanfaat. Untuk melihat artikel yang lainnya, tentang HTML tutorial. Temen-temen bisa masuk ke sini.

Catatan: simpan semua file hasil percobaan temen-temen Pimz semua, didalam satu folder, tujuannya agar mudah di cari, dan mudah saat praktek dengan lebih dari satu halaman. Thanks All.

Membuat Link Dengan HTML

-->

Mungkin ini salah satu tag HTML yang dikuasai hampir oleh seluruh blogger yang ada. Yapz… buat jadi seorang blogger, tag link jadi penting karena biasa dipakai untuk menghubungkan satu halaman dengan halaman lainnya. Seperti dalam proses penghubungan halaman satu dengan halaman lainnya yang Pimz lakukan. Tag Link dipakai dengan menggunakan menyisipkan <a>Link</a>

1. Langkah Penulisan Tag Link

Berikut ini, contoh penulisan tag Link.

<a href="paragraf.html">Masuk ke tutorial tentang paragraf</a>

Script diatas bakalan ngehubungin script percobaan tentang link, dengan script tentang paragraf yang udah temen-temen Pimz coba sebelumnya. Kalau dibuka dalam browser bakalan menghasilkan seperti ini.

Dan apabila kita klik, maka akan menghasilkan halaman seperti ini.

2. Jenis-jenis tag Link

a. <a href="paragraf.html" target="_blank">Masuk ke tutorial tentang paragraf</a>

b. <a href="paragraf.html" target="_parent">Masuk ke tutorial tentang paragraf</a>

c. <a href="paragraf.html" target="_self">Masuk ke tutorial tentang paragraf</a>

d. <a href="paragraf.html" target="_top">Masuk ke tutorial tentang paragraf</a>

Catatan: simpan semua file hasil percobaan temen-temen Pimz semua, didalam satu folder, tujuannya agar mudah di cari, dan mudah saat praktek dengan lebih dari satu halaman. Thanks All.

Paragraf Di HTML

-->

Setelah belajar tentang tag heading(<h1> - <h6>), kita sekarang bakalan belajar tentang tag paragraph. Membuat paragraph dengan html, temen-temen bisa gunakan <p></p>. Berikut adalah contoh mencobanya:

Ketikan di editor HTML temen-temen semua script HTML dibawah ini:

<html>

<body>

<h1>Contoh Paragraf</h1>

<p>Aku adalah anak gembala, selalu riang serta gembira. Karena aku senang bekerja, tak pernah malas, ataupun lelah. La… lala… lalalalala… lala… lala… lah… lah… lah…</p>

</body>

</html>

Tampilan di editor HTML( Pimz ngegunain Notepad).

Setelah itu, simpan script yang udah di tulis di notepad diatas, dengan nama file paragraph.html. Lalu bisa langsung dibuka di browser temen-temen semua. Hasilnya bakalan jadi seperti ini.

Gimana? Keren kah? Akhirnya, sudah cukup bagus perkembangan kita-kita. Mari lanjutkan ke pelajaran berikutnya.

Catatan: simpan semua file hasil percobaan temen-temen Pimz semua, didalam satu folder, tujuannya agar mudah di cari, dan mudah saat praktek dengan lebih dari satu halaman. Thanks All.

Headings

Heading terdiri dari 6 komponen, <h1> sampai dengan <h6>

Contoh penulisan Heading:

Langkah mencobanya, seperti telah dijelaskan sebelumnya. Temen-temen Pimz bisa membuka editor HTML yang temen-temen punya. Lalu ketikan script dibawah ini:

Setelah itu, silahkan save dengan nama coba.html. lalu setelah itu, temen-temen buka browser kemudian mencari file yang barusan temen-temen Pimz simpan. Maka hasil tampilannya akan seperti yang dibawah ini:

Gimana? Keren kan? Semua script heading bakalan terlihat perbedaannya, dari mulai heading <h1> sampai dengan <h6>.

Catatan: simpan semua file hasil percobaan temen-temen Pimz semua, didalam satu folder, tujuannya agar mudah di cari, dan mudah saat praktek dengan lebih dari satu halaman. Thanks All.

Jumat, 12 Oktober 2012

Tag Lines HTML

Membuat Link Dengan HTML

Paragraf Di HTML

Headings