Selamat Datang di Horeblogging.blogspot.com Surganya Para Blogger Mania, dan Tempat Sharing Seputar Blogging...

Sunday, August 17, 2014

Dasar-Dasar bahasa HTML


HTML atau Hyper Text Mark up Language, merupakan salah satu bahasa yang digunakan untuk web design, sehingga kita bisa lebih mengoptimalkan design web atau blog kita. tapi sebenarnya HTML merupakan bahsa yang dibuat untuk menampilkan iinformasi-informasi yang ingin ditampilkan oleh seseorang di internet dengan kode-kode atau keyword-keyword sehingga browser dapat menerjemahkannya sehingga menjadi tampilan yang menarik bukan kode atau keyword lagi.


* CARA MEMASUKKAN GAMBAR
kode :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF4jkoppLv60r7Cbpv05ASAVfRGJhSnsv0XmvElCs9_o2ugDO3olhJvDP7pGwYhgPTsUPkdZZnfLzp-htbVdpwL8M7SBQLXZkZ5BOryI9yM4JyKUsn-aonNb7453LRE6-6TYxDXWRqpU/s320/www10.png" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :



* CARA MEMBUAT LINK
Kode :
<a href="http://horeblogging.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://horeblogging.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF4jkoppLv60r7Cbpv05ASAVfRGJhSnsv0XmvElCs9_o2ugDO3olhJvDP7pGwYhgPTsUPkdZZnfLzp-htbVdpwL8M7SBQLXZkZ5BOryI9yM4JyKUsn-aonNb7453LRE6-6TYxDXWRqpU/s320/www10.png" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://horeblogging.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)  
 (dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

* KODE-KODE WARNA
WarnaKode
#000000
#999999
#FFFFFF
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#9900FF
#FF6600


* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;


nah cukup segitu yang bisa saya kasih. lain kali saya akan perjelas kalo mmasih bingung

ARTIKEL TERKAIT:

tips blog
trik blog
Posted by at
Labels: , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Artikel Lain