Ayo Belajar Website

Yang tidak berpengaruh di html

aviqa — Thu, 01 Oct 2009 22:11:29 +0000

Yang tidak mempengaruhi tampilan di HTML

Pada program pembuat halaman web seperti Frontpage, dan Dreamweaver, kode HTML bisa kita lihat dengan cara masuk ke bagian “html view. Kode-kode HTML bisa diedit di program notepad. Dalam mengedit kode HTML di halaman “code view”, perlu diketahui ada cara penulisan tertentu yang tidak berpengaruh terhadap hasilnya.

Hal-hal yang tidak terpengaruh terhadap tampilan di halaman web, adalah :

1.HURUF KAPITAL atau huruf kecil sama saja

atau
hasilnya sama saja
atau
atau
hasilnya sama saja

2. Spasi atau tabulasi atau enter sebanyak apapun, tidak ada artinya.

bunga mawar indah
bunga mawar indah

Hasilnya sama saja.

Bagaimana agar hasilnya beda? Kita harus menggunakan kode HTML tertentu.

Kode Itu adalah kode HTML untuk membuat spasi. Bila kita ingin membuat jarak 10 spasi di antara kedua kata misalnya, maka tempatkan 10 kode di atas di antara kedua kata tersebut. Contoh :

bungamawar indah menjadi :

bungamawar indah ada lima spasi diantara kata tersebut.

Dapatkan informasi lain mengenai link gambar dan link email dengan menggunakan kode HTML

Tag penutup

aviqa — Thu, 01 Oct 2009 22:04:28 +0000

Kode HTML yang tidak memerlukan tag penutup

Hampir semua tag di kode HTML memakai tag penutup, tapi ada beberapa tag yang tidak perlu tag penutup, di antaranya adalah :

tag untuk pergantian baris
tag untuk pergantian paragraph

Biar lebih jelas lebih baik langsung lihat contohnya saja :

Ayo belajar website

Ayobelajarwebsite adalah tempat bagi pemula yang ingin belajar membuat website.
Membuat website itu mudah, yang penting kita mau belajar dan rajin latihan.
Dimana ada kemauan disitu pasti ada jalan.

Ilmu teknologi berkembang sangat pesat, jangan sampai kita ketinggalan.
Walaupun kita bukan ahli, ya ..paling tidak kita mengerti.

Kalau kita bisa memadukan ilmu dan teknologi, dengan mudah masa depan dapat kita raih.

Hasil :

Ayo belajar website

Ayo belajar website adalah tempat bagi pemula yang ingin belajar membuat website.

Membuat website itu mudah, yang penting kita mau belajar dan rajin latihan. Dimana ada kemauan disitu pasti ada jalan.

Ilmu teknologi berkembang sangat pesat, jangan sampai kita ketinggalan. Walaupun kita bukan ahli, ya ..paling tidak kita mengerti

Kalau kita bisa memadukan ilmu dan teknologi, dengan mudah masa depan dapat kita raih.

Dapatkan informasi lain mengenai link gambar dan link email dengan menggunakan kode HTML

Link email di html

aviqa — Thu, 01 Oct 2009 21:55:08 +0000

Menampilkan Link Email

Selain link yang dibuat untuk menuju ke halaman web tertentu, kita juga bisa membuat link email, dimana link tersebut kalau di klik menuju ke suatu alamat email. Sekarang, kita akan belajar membuat link email.

E-mail link adalah link yang berisi alamat e-mail, bukan alamat dokumen HTML – atau halaman web – tertentu.

Cara membuat link email mudah sekali, ini caranya :

teks atau objek lain

Kita juga bisa mengganti Dan teks dengan kata atau kalimat apa saja, bahkan gambar/image pun bisa. Asalkan gambar/image tersebut ada hubungannya dengan link email.

Berikut adalah sebuah contoh e-mail link:

Kirim e-mail ke ayobelajarwebsite

Jika kata “ Kirim e-mail ke ayobelajarwebsite diklik, maka akan terbuka sebuah window e-mail baru. Alamat email aniati@ayobelajarwebsite akan tercantum disana secara otomatis.

Anda juga bisa membuat agar isian Subject: pun terisi otomatis. Caranya, Anda tinggal menambahkan tag berikut ini setelah alamat emailnya:

?subject=teks

Contoh:

Kirim e-mail ke ayobelajarwebsite

Catatan:

Hati-hati ketika mencantumkan alamat email pada halaman web, sebab alamat email akan ditemukan sebagai spammer, karena itu harus dilindungi dengan cara pakai kode javascript atau ditampilkan dalam bentuk teks lain, image atau gambar. Kalau mau tetap ditulis alamat emailnya, harus ditulis dengan cara yang agak berbeda, contoh : Aniati[at]ayobelajarwebsite.com

Informasi mengenai Frontpage dan kode HTML

Link gambar di html

aviqa — Thu, 01 Oct 2009 21:48:34 +0000

Menampilkan Gambar pada Halaman Web

Rumus untuk menampilkan gambar adalah:

JPG, GIF, PNG dan SWF (flash) adalah format gambar yang boleh ditampilkan di web. Kode HTML untuk gambar atau image tidak membutuhkan tag penutup.

Kode Tambahan

Ada beberapa kode html tambahan untuk mempercantik tampilan gambar.

border=”x” (untuk menentukan berapa tebal “bingkai” untuk gambar tersebut. Bila tak mau pakai bingkai, masukkan angka 0 atau NOL untuk menggantikan x)
align=”left” atau align=”right” dan seterusnya (untuk menentukan apakah gambar itu mau dibuat rata kanan, rata kiri, dst)
alt=”isi dengan teks tertentu” (ini adalah teks yang akan menyertai gambar tersebut).

Contoh :

1. Alamat link: http://www.ayobelajarwebsite.com

2. gambar yang mau di-link: http://www.madania.info/madu.jpg

Agar tidak bingung, kita buatkan langkah-langkahnya ya…

A. Rumus untuk membuat link:

B. Rumus untuk menampilkan gambar:

Anda harus banyak latihan, supaya tidak bingung dan akan lebih familiar dengan kode-kode tersebut.

Pelajari juga kode HTML untuk hyperlink dan membuat table

Table di html

aviqa — Thu, 01 Oct 2009 21:41:07 +0000

Membuat Tabel

Tabel terdiri dari baris dan kolom. Tabel diawali dengan tag

dan diakhiri dengan tag

Setelah

, kode berikutnya adalah ini adalah kode untuk memulai baris baru pada setiap tabel.

Kode berikutnya adalah kolom. Ini ditandai dengan kode

Untuk membuat tabel yang memiliki 1 kolom dan 1 baris, adalah sebagai berikut :

Sekarang, kita membuat tabel dengan 2 kolom dan 1 baris, caranya :

Sekarang kita buat tabel dengan 1 kolom dan 2 baris, caranya :

Semua data yang akan ditaruh di dalam tabel, ditaruh di antara kode

dan

Table vs CSS

Sebelum CSS dikenal, satu-satunya kode HTML yang biasa digunakan untuk mengatur tata letak (lay out) halaman web adalah table.

Kini, setelah era CSS, banyak peran tabel yang bisa digantikan oleh kode-kode CSS. Tapi tentu saja, pada kasus tertentu, kode-kode table tetap diperlukan.

Informasi lain mengenai kode dasar di HTML : Hyperlink di HTML