Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Senin

Tutorial HTML Bab.6

Bab 6: Link dan Gambar
Berlabuh Links ...
Tanpa Link, World Wide Web tidak akan web sama sekali! Untuk menambah link ... Anda akan menggunakan <a href="location"> tag pembuka dan </ a> tag penutup. Apa pun yang muncul antara dua tag ini akan menjadi bergaris bawah dan berwarna, dan jika Anda klik pada teks yang digarisbawahi akan mengirim browser ke lokasi dalam tanda kutip.
Contoh link ...
Kunjungi Sybase Afrika Selatan!
Kunjungi <a href="http://www.sybase.co.za/"> Sybase Afrika Selatan </ a>!
Catatan: Meskipun Link biasanya digunakan untuk mengirim orang ke halaman web yang lain, Anda juga dapat menggunakannya untuk mengirim email ke alamat tertentu dengan menggunakan lokasi mailto: user @ host.
Contoh Mailto: Link ...
Kirim email ke Webmaster!
Kirim email ke <a href="mailto:webmaster@sybase.co.za"> Webmaster </ a>!
In-line Gambar ...
Anda juga menambahkan foto (gambar) untuk halaman web Anda, selama gambar dalam format. Gif or. Jpg (atau. Jpeg) format file. Anda tidak akan dapat digunakan. Bmp format file! Tag dasar untuk di-line gambar dalam <img src="location">. Hal ini juga dianjurkan untuk menambahkan atribut HEIGHT dan WIDTH ke tag IMG, yang akan memungkinkan gambar untuk mengambil proporsi yang tepat pada browser yang saat ini tidak menampilkan gambar. Hal ini juga dianjurkan untuk menggunakan ALT = "gambar apa" untuk memberitahu seseorang apa gambar dalam kasus ini masih meload atau mereka tidak melihat gambar. (IMG tag yang tidak memiliki tag penutup!)
Contoh dari garis dasar dalam gambar ...
Dapatkan Internet Explorer Now
<img src="ie.gif"ALT="Get Internet Explorer Now"> Menggabungkan Link dan Gambar ...
Sering kali Anda mungkin ingin memiliki citra yang dikaitkan, sehingga bila seseorang mengklik gambar, mereka akan dibawa ke halaman lain. Ini agak sederhana-Anda hanya perlu menempatkan tag IMG dalam tag A HREF. (<a href="location_of_link"> <img src="location_of_image"> </ a>) Anda juga dapat menggunakan tag ALIGN dengan gambar!
Saat foto juga link, memiliki perbatasan di sekitarnya secara default. Anda dapat mengontrol lebar perbatasan - atau mematikannya sama sekali - dengan menggunakan border = n dalam tag img. n adalah lebar perbatasan (n = 0 untuk tanpa batas).
Contoh gambar yang terhubung ...
<a href="http://www.microsoft.com/"> <img src="ie.gif" align=right border=0> </ a>
Halaman HTML Anda sendiri ...
Klik kanan pada gambar di tengah berbatasan hitam kotak di bawah ini, lalu pilih "Save Image As" / "Save Picture As", atau serupa. Simpan sebagai "bullet.gif" di direktori yang sama di mana halaman rumah Anda "Home.htm" disimpan.
Bullet Image bullet.gif
Tambahkan baris berikut ke halaman HTML Anda ( "Home.htm"): (teks biru adalah apa yang harus menambahkan)
<html>
<head> <title> My Home Page </ title> </ head>
<body background="bgnd.gif">
<center> <font color="blue"> <h1> Yourname's Home Page </ h1> </ font> </ center>
<hr>
Ini adalah halaman rumah <a ADDRESS"> <img href="mailto:YOUR EMAIL src="bullet.gif" border=0> <b> Yourname </ b>. <Img src = "bullet.gif" perbatasan = 0> </ a>
<p> Ketik sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk mencari nafkah. Ingatlah untuk menggunakan teks tebal dan miring, untuk penekanan. </ P>
</ body>
</ html>
Simpan file teks sebagai "Home.htm".

0 komentar: