Categories

Yang tidak berpengaruh di html

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

  • <P> atau <p> hasilnya sama saja
  • <Br> atau <br> atau <bR> hasilnya sama saja

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

  • <p>bunga mawar indah </p>
  • <p>bunga             mawar              indah</p>

Hasilnya sama saja.

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

Kode &nbsp; 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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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

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 :

  • <br> tag untuk pergantian baris
  • <p> tag untuk pergantian paragraph

Biar lebih jelas lebih baik langsung lihat contohnya saja :

<html>

<head>

<title>Ayo belajar website</title>

</head>

<body>

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

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

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

</body>

</html>

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

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 :

<a href=”mailto:alamat_email”>teks atau objek lain</a>

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:

<a href=”mailto:aniati@ayobelajarwebsite.com”>Kirim e-mail ke ayobelajarwebsite</a>

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:

<a href=”mailto:aniati@ayobelajarwebsite.com?subject=Selamat datang di web kami Ayobelajarwebsite”>Kirim e-mail ke ayobelajarwebsite</a>

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