Archive for Maret 2015

Kamis, 19 Maret 2015

Cara Membuat Gambar atau Text Menjadi Link pada HTML

Cara Membuat Gambar atau Text Menjadi Link pada HTML

 Contoh Link pada html
     Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:

 <body>
<body>
<p class="style1 style1">Membuat Link Pada Gamba</p>
<p>r<a href="http://e-lmukomputer.blogspot.com"
       target="_blank"><a href="http://e-lmukomputer.blogspot.com/"><img src="e-lmukomputer.blogspot.com.jpg" alt="cara membuat link pada gambar" width="255"
       height="197" border="0"></a><a/></p>
</body>

Maka Hasilnya sebagai berikut

http://http://e-lmukomputer.blogspot.com/

Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.

contoh:
<a href='http://e-lmukomputer.blogspot.com'>Membuat Link Pada Gamba</a>

Hasil Text Link:
Membuat Link Pada Gamba


http://e-lmukomputer.blogspot.com 
Sehingga Text / Gambar Muncul Link Yang Dituju 

Tag Gambar/Images

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.
08.23 2
Membuat tulisan bergerak dengan Marquee pada HTML

Membuat tulisan bergerak dengan Marquee pada HTML

1• Marquee Bergerak dari kanan ke kiri
 <marquee>Marquee Bergerak dari kanan ke kiri </marquee>

Marquee Bergerak dari kanan ke kiri

2• Marquee Bergerak dari kiri ke kanan

<marquee direction="right">Marquee Bergerak dari kiri ke kanan</marquee>

Marquee Bergerak dari kiri ke kanan
3• Marquee Bergerak dari kanan ke kiri dan dari kiri ke kanan

 <marquee behavior="alternate">Marquee Bergerak dari kanan ke kiri dan dari kiri ke kanan</marquee>

Marquee Bergerak dari kanan ke kiri dan dari kiri ke kanan

4• Marquee Bergerak dari bawah ke atas

<marquee direction="up">Marquee Bergerak dari bawah ke atas </marquee>

Marquee Bergerak dari bawah ke atas
5• Marquee Bergerak dari Atas ke Bawah

<marquee direction="down">Marquee Bergerak dari Atas ke Bawah  </marquee>

Marquee Bergerak dari Atas ke Bawah

6• Marquee Bergerak dari bawah ke atas  dan dari Atas ke Bawah

<marquee behavior="alternate" direction="up"> Marquee Bergerak dari bawah ke atas  dan dari Atas ke Bawah </marquee>

Marquee Bergerak dari bawah ke atas dan dari Atas ke Bawah
7• Marquee Bergerak   Zigzag

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Marquee Bergerak   Zigzag  </marquee></marquee>

Marquee Bergerak Zigzag

8• Marquee dengan background warna

 <span style="color: white;"><marquee direction="left" style="background: RED;">Marquee dengan background warna </marquee></span>

Marquee dengan background warna

07.37 1

Kamis, 12 Maret 2015

Membuat Heading Sebuah Dokumen Dalam HTML

Membuat Heading Sebuah Dokumen Dalam HTML

     Dalam HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen.
Tag-tag tersebut diantaranya adalah :
Tag <h#>, membuat heading sebuah dokumen. Nilai n berkisar antara 1 hingga 6.



     Tag <ul> dan <ol>
Pemformat dokumenlain yang akan sangat banyak berguna adalah LIST (daftar).
Ada dua macam daftar, yaitu ORDERED lists (ol) dan UNORDERED lists (ul).



Maka hasil sebagai berikut

 

06.48 0