Belajar Html Tingkat Lanjutan-2

HTML-Tingkat lanjutan 2

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2 Setelah  Anda mempelajari HTML-Tingkat lanjutan 1 pada postingan ini sebelumnya mudah-mudahan Anda sudah memahami ihwal elemen – element  utama HTML ihwal Format Font dan Text, , kini saya akan memaparkan ihwal fungsi-fungsi elemen Hyperlink, Background ,  Alternatif link gambar , memilih posisi gambar pada tingkatan HTML-lanjutan 2 ini, yang tentunya akan diharapkan jikalau Anda ingin memanipulasi content website Anda biar dengan gampang Anda memaksimalkan teknik SEO untuk mempromosikan  website atau blog Anda. 

Hyperlink HTML

Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web.
Tag HTML Hyperlink biasa disebut dengan anchor (a) lalu diikuti dengan href
sebagai alamat tujuan dari link tersebut. Berikut kita akan menciptakan suatu Hyperlink
ke suatu alamat url:

<html>
<head></head>
<body>
<p>Aku kini sedang menciptakan hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk menciptakan hyperlink url biar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/"target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://wordpress.htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman berguru css.
</body>
</html>

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2

Untuk menciptakan hyperlink dengan memakai gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html Anda dan harus tahu nama dan extentionnya, lalu ganti ke atribut yang bertuliskan scr, misalkan jikalau nama gambar tersebut yaitu yahoo.gif, maka :

<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2

Img merupakan atribut untuk suatu image (gambar), border yaitu garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.

<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2 Sekarang coba geser mouse Anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata goresan pena singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya yaitu menambahkan title pada tag anchor (a) sehingga menjadi :

<a href="http://www.yahoo.com" title="Hai...Klik gb. ini maka Anda akan dibawa ke Yahoo."><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2   Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jikalau gambar tesebut tidak mempunyai alternatif teks maka hanya akan dilambangkan dengan lambang x.

<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>

Background HTML

Dengan memakai latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita sanggup memakai pilihan warna maupun grafik (gambar).

Sekarang kita mulai dengan memakai pilihan warna:

<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang berguru menciptakan latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... aba-aba warnanya... </p>
</body>
</html>

mudahan Anda sudah memahami ihwal elemen Belajar HTML tingkat lanjutan-2  

Untuk nilai dari atribut bgcolor diatas Anda sanggup memakai Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.

Coba anda ganti nilai dari atribut bgcolor dengan teladan dibawah ini:

<body bgcolor="#FFFF00">                              <body bgcolor="rgb(250,250,0)">                       <body bgcolor="yellow">

Memasukan grafik atau gambar.

Memasukan gambar sanggup dari harddisk CPU kita ataupun dari URL.untuk memasukangambar kedalam halaman web aba-aba HTML yang digunakan yaitu

<img src="alamat url gambar">

Untuk mengambil gambar memakai link URL, kita sanggup memakai penyedia jasa penyimpanan gambar menyerupai photo bucket atau image schack, yang nantinya kita akan ambil link penyimpanan gambarnya untuk kita panggil dihalaman web kita, misalnya menyerupai ini, jikalau kita sudah  mengupload gambar kita disalah satu penyedia jasa penyimpanan gambar tersebut maka yang harus kita lakukan yaitu meng-copy paste direct link gambar tersebut. Contohnya direct link dari gambar

yang telah diupload yaitu :

http://img665.imageshack.us/img665/3066/flower250x150.gif

maka untuk memanggilnya :

<img src=http://img665.imageshack.us/img665/3066/flower250x150.gif

Menentukan posisi gambar align

Untuk menciptakan gambar sanggup berada diposisi kanan, kiri atau tengah maka aba-aba HTML

yang digunakan yaitu align="posisi gambar yang diinginkan" misalnya berikut ini :

<img src="http://img665.imageshack.us/img665/3066/flower250x150.gif" align="left">

untuk memilih posisi gambar juga sanggup memakai cara menyerupai ini :

<center><img src="http://img665.imageshack.us/img665/3066/flower250x150.gif" align="left"></center>

Memberikan keterangan pada gambar "Alt"

Jika Anda melihat gambar pada halaman Web, apabila kursor mouse mengenai gambar maka akan muncul keterangan pada gambar tersebut, biar gambar yang kita masukan kedalam web ada keterangan gambarnya, maka aba-aba HTML yang digunakan yaitu "alt" atau disebut juga alternative, dengan menambahkan keterangan pada gambar sanggup membantu website kita cepat terindex oleh search engine google. Contohnya sebagai berikut :

<img src="http://img665.imageshack.us/img665/3066/flower250x150.gif” alt="keterangangambar">

Selanjutnya menciptakan latar belakang dengan grafik atau gambar.

Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder daerah file dokumen HTML anda berada, dan harus tahu nama dan ekspansi (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg

<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat tiba di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Halo semua Saat ini saya sedang berguru menciptakan latar belakang dengan gambar,<br>
Masukanlah gambar yang menarik bagi Anda...</font></p>
</body>
</html>

Kemudian latar belakang sanggup juga memakai gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut lalu pilih properties dan lihat image location, copy alamat tersebut dan ganti ke teladan dibawah ini diawali dari http:

<html>                                                    <head></head>                                                         <body background="http://i1188.photobucket.com/albums/z405/ animated_favicon1.gif">                                       <p>Saat ini saya sedang berguru menciptakan latarbelakang dengan memakai gambar dari website orang lain!</p>                <p>semoga sanggup memperindah tampilan website Anda…</p>               </body>                                                             </html>

Untuk mempelajari HTML tingkat ahli silahkan Anda kunjungi disini…

Komentar

Posting Komentar

Postingan populer dari blog ini

Affiliate Amazon

Gambar
Affiliate associates amazon : Setelah mengupas wacana bisnis online PPC,PTC dan Trading FOREX , kali ini saya akan mencoba posting  wacana bisnis online marketing melalui affiliate AMAZON. Karena bisnis online yang satu ini termasuk bisnis online berpenghasilan cukup tinggi untuk ketika ini, dengan bergabung di situs bisnis affiliate pada AMAZON  sama halnya kita mempunyai sebuah toko yang menjual produk-produk yang friendly costumers atau produk-produk yang sangat digandrungi para pembeli ibarat produk elektronika, buku-buku yang bermutu  dan produk kesehatan, kiprah kita hanya mempromosikan produk tersebut jikalau ada yang membeli produk dari AMAZON yang kita promosikan kita mendapat komisi 10-15 %,  memang banyak orang yang  menganggap  bisnis yang satu ini cukup sulit dijalani sebab mengandung denah sales marketing…, tapi jangan khawatir teman pembaca…di zamannya super modern ini apalagi dengan memanfaatkan  kecanggihan internet kita bisa dengan...
Baca selengkapnya

Menjadi Miliarder Dari Fbs

Gambar
Mengapa Anda belum menjadi miliarder Panduan 5 level dalam mencapai kesuksesan trading Semua orang mau menguasai dunia - atau setidaknya untuk menikmati hidup, dan biasanya membutuhkan uang. Elon Musk biasanya membuka satu botol champange bernilai lebih dari honor satu bulan, dimana orang lain… ,tidak sanggup melaksanakan hal yang sama. Banyak orang mencoba trading untuk mencari sumber penghasilan tambahan. Forex dikelilingi oleh hal-hal mistis, kesalahpahaman, dan kekhawatiran. Trader pemula mulai menjalani menuju kesuksesan trading melewati 5 level - baca panduannya di blogbisnis ini ihwal trading forex di FBS, dan bersiap untuk menghasilkan uang! FBS menyediakan layanan – layanan terbaik bagi klien seperti: seminar gratis dan event – event spesial, memberi materi training Forex kepada klien, menyediakan teknologi terbaru untuk trading, memperlihatkan bermacam-macam bonus dan menyediakan aneka macam taktik untuk trading di pasar Forex. FBS percaya trader pemula maupun trade...
Baca selengkapnya

Edukasi Berakal Berinvestasi

Gambar
EDUKASI PINTAR BERINVESTASI DARI FBS Balajar trading dan dapatkan profit FBS yakni tempat Trading Forex terbaik di Asia, dengan kondisi trading terbaik untuk trading Forex yang menguntungkan pilihan yang cerdas untuk berinvestasi untuk mencapai kebebasan finansial secara aman, cepat dan lancar. Trading forex di FBS itu gampang dan juga menguntungkan. Kami menghabiskan waktu bertahun – tahun untuk sanggup membuat kondisi trading yang ideal sekaligus berbagi promosi yang tidak hanya membuat bahagia semua klien, namun juga sanggup memaksimalkan efektivitas trading. Jika Anda mencari broker yang terpercaya dan juga jujur, maka kami punya info anggun kalau Anda sudah menemukannya di FBS. 80% dari klien kami setia kepada FBS dan tentu saja alasannya yakni mereka menikmati semua keunggulan dari FBS. Mengapa menentukan FBS? Broker yang terpercaya, dan selalu berkembang Broker yang memperlihatkan promosi dan bonus yang menguntungkan di Forex Ratusan ribu order yang profit dihukum ...
Baca selengkapnya