Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :
* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" 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://trik-tips.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://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.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 WARNAWarna Kode #000000 #999999 #FFFFFF #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF #9900FF #FF6600
Kode2 warna selengkapnya bisa dilihat DISINI
* 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 :
Thursday, 3 October 2013
Dasar Dasar HTML
Karakter
Kode
>
>
<
<
&
&
"
"
(spasi)
Dasar Dasar HTML
solekhudin
5.0
stars based on
35
reviews
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog...
Paling Dibaca
-
Chord Lagu Pambers - Terlambat Sudah. Chord Lagu Pambers - Terlambat Sudah. Intro : D A E A A Terlamb...
-
Lirik Lagu Agnes Monica - Muda (Le O Le O). Lirik Lagu Agnes Monica - Muda (Le O Le O). Le o le o le o hei ... le o le o le o heeii Le o le ...
-
Chord Lagu Bujangan - Koes Plus. Chord Lagu Bujangan - Koes Plus. Intro : C F G C F G C F G G...... C G ...
-
Kwitansi Elektronik adalah sebuah software gratis yang bisa anda gunakan untuk membuat laporan kwitansi keuangan anda, Dengan adanya Kwitans...
-
Mengapa saya hanya share Scrapbook for Google Chrome ??? kok gak share Scrapbook for Mozilla aja ?? pasti menimbulkan pertanyaan seperti it...
-
Gak punya uang untuk beli piano ?? tenang gan, ane punya software keren nih yang bisa agan mainkan di komputer agan...nama softwarenya OMB10...
-
Fotografix adalah sebuah software yang fungsinya hampir keseluruhan sama seperti photoshop..Ya tapi namanya juga software simple, pasti tida...
-
Pernahkan anda merasa kurang nyaman ketika anda sedang asyik asyiknya menonton sebuah Film, tetapi Subtitlenya tidak sesuai alias timingnya ...
-
Immediately after we resumed the march, and though I realized that in some way I had offended Dian the Beautiful I could not prevail upon h...
-
Berawal dari masalah pada file mp3 saya yang musiknya putus nyambung, dan kadang2 berhenti tiba,dan terkadang suaranya itu seperti kaset rus...
Kategori
Timeline
-
▼
2013
(224)
-
▼
October
(14)
- Weddings from The Knot and The Nest
- Cara Menyimpan Halaman Web Dengan Mudah dan Cepat ...
- Envato 2020 - Whats Next?
- Free Download Adobe Photoshop CS 6 Portable Full (...
- Windows 7 Logon Background Changer - Software Untu...
- All My Movies™ v7.5 Full Crack - Software Untuk Me...
- Envato Stories - Muhammad (ThemeFusion)
- Cara Membuat File PDF dari Microsoft Word
- Envato Stories - Andy Wilkerson (Parallelus)
- Kode-kode Warna
- Dasar Dasar HTML
- Highlight Author Comment
- Membuat Artikel yg Berhubungan (Related Post)
- The First 6 Months of Envato: How We Started a Mul...
-
▼
October
(14)
Formulir Kontak
Blog Archive
-
▼
2013
(224)
-
▼
October
(14)
- Weddings from The Knot and The Nest
- Cara Menyimpan Halaman Web Dengan Mudah dan Cepat ...
- Envato 2020 - Whats Next?
- Free Download Adobe Photoshop CS 6 Portable Full (...
- Windows 7 Logon Background Changer - Software Untu...
- All My Movies™ v7.5 Full Crack - Software Untuk Me...
- Envato Stories - Muhammad (ThemeFusion)
- Cara Membuat File PDF dari Microsoft Word
- Envato Stories - Andy Wilkerson (Parallelus)
- Kode-kode Warna
- Dasar Dasar HTML
- Highlight Author Comment
- Membuat Artikel yg Berhubungan (Related Post)
- The First 6 Months of Envato: How We Started a Mul...
-
▼
October
(14)
Powered by Blogger.
EmoticonEmoticon