skip to main | skip to sidebar

Tips & Trik

  • Home
  • Forum
  • Archives
  • Contact Us

    Minggu, 11 Maret 2012

    Dasar Dasar HTML

    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 WARNA
    WarnaKode
     #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 :
    Karakter
    Kode
    >
    &gt;
    <
    &lt;
    &
    &amp;
    "
    &quot;
    (spasi)
    &nbsp;
    Diposting oleh Wilfridus di 00.41
    Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke FacebookBagikan ke Pinterest

    Tidak ada komentar:

    Posting Komentar

    Posting Lebih Baru Posting Lama Beranda
    Langganan: Posting Komentar (Atom)

    Images

    • banners
    • banners
    • banners
    • banners

    How Much Your Blog?

    online gambling insider.ca

    Blog Archive

    • ▼  2012 (94)
      • ►  September (3)
        • ►  Sep 06 (3)
      • ▼  Maret (91)
        • ►  Mar 20 (17)
        • ►  Mar 15 (15)
        • ►  Mar 14 (10)
        • ►  Mar 13 (13)
        • ▼  Mar 11 (10)
          • Cara Membuat Kotak Blogroll dan Marquee
          • Cara Mengganti Tanggal Posting dgn Icon Calender
          • Melacak Jejak Pengunjung Blog Dengan Google Analytics
          • Dasar Dasar HTML
          • Menampilkan / Pasang Emoticon di Kotak Komentar
          • Mengedit Subtitle Video
          • Melindungi Komputer dari Virus Flashdisk
          • Merubah Foto Warna Menjadi Lukisan
          • Perintah-perintah Command Prompt
          • Cara Mencegah Pembobolan ATM
        • ►  Mar 10 (10)
        • ►  Mar 08 (16)

    Chat Box

    Visitor's


    widgets

    Followers

    Sign by Danasoft - Get Your Sign

    Mengenai Saya

    Wilfridus
    Lihat profil lengkapku
    Diberdayakan oleh Blogger.
    Chrome Pointer
     

    © 2010 My Web Blog
    designed by DT Anonymous Computer | Bloggerized by Wilfridus | Zoomtemplate.com