belajar HTML 2

pada kesempatan ini, saya akan memposting tentang kelanjutan dari belajar HTML yang unik dan menyenangkan. untuk yang belum membaca postingan sebelumnya, silahkan klik disini....

tag-tag yang digunakan agar terlihat lebih menarik

hyperlink<a>

digunakan untuk mencantumkan link pada text atau gambar. tag ini membutuhkan penutup</a>. Dengan hyperlink ini berbagai web dengan halaman yang berbeda dapat saling dihubungkan. untuk membuka link ke dokumen HTML lain digunakan perintah berikut:

<a href="nama_dokumen">text pada browser</a>

<img>, digunakan untuk menambah gambar.. atributnya adalah sebagai berikut

1. src. merujuk pada URL atau direktory loasi gambar
2. align. posisi text disekitar gambar, nilainya adalah top, middle, bottom, left, right
3. width. lebar gambar dalam satuan pixel
4. height. tinggi gambar dalam satuan pixel
5. alt. menampilkan text pengganti jika gambar tidak tampil

unuk dapat menampilkan gambar, ada beberapa hal yang  perlu dipersiapkan, diantaranya:


1. Pertama yang harus disiapkan adalah tentu saja file gambar, bisa berupa .jpg, .gif, dll. Gambar yang akan saya gunakan kali ini berformat .jpg dengan nama gambar yaitu gambar1.jpg. Supaya lebih semangat dalam berlatihnya saya menggunakan contoh gambar yang bikin tambah fresh dalam coding.
2. Buatlah satu folder bernama image, atau terserah anda.
3. Siapkan Text Editor HTML, disini saya memakai Notepad++
4. Tag HTML yang harus anda mengerti kali ini adalah tag <img>






contoh: 





ket = gambar ini saya simpan dengan nama "Gambar1" dengan format JPG




<img align="left" alt="Gambar1" src="gambar1.jpg" />  

untuk membuka link baru ketika anda klik gambar tersebut. coba klik gambar dibawah ini

<a href="http://mas-herie.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="blank"><img align="left" alt="Gambar1" src="gambar1.jpg" /></a>

selain itu, hyperlink juga bisa digunakan untuk mendownload. silahkan klik tautan dibawah ini untuk mencobanya...

the passengers_let her.mp3 go

berikut caranya:
<a href="http://dc530.4shared.com/download/svn9psxP/Let_Her_Go.mp3?tsid=20150320-080950-72b5af9&lgfp=2000">the passengers_let her.mp3 go</a>

<embed>, digunakan untuk memasukkan audio dan video. berikut atributnya:

1. src.digunakan untuk menentukan lokasi file music
2. align. digunakan untuk menentukan posisi
3. border. digunakan untuk menentukan batas-batas
4. height. digunakan untuk menentukan tinggi dari objek yang dimasukkan
5. width. menentukan lebar dari objek yang dimasukkan
6. hspace. digunakan untuk menentukan jarak horizontal antara objek dengan text
7. vspace. untuk menentukan jarak horizontal antara objek dengan text

contoh untuk mencantumkan video

<embed allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ExShcB17tAc"></embed>

Untuk saat ini sekian dulu, belajar HTML ini akan dilanjutkan pada postingan selanjutnya. terimakasi telah mengunjungi :)