Selasa, 06 Maret 2012
17.36 |
Diposting oleh
Septian Adi Prakoso |
Edit Entri
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
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 :
* 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
Warna | 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 :
Karakter | Kode |
> | > |
< | < |
& | & |
" | " |
(spasi) | |
Label:
Tutorial Blog
Langganan:
Posting Komentar (Atom)
Jam berapa nih??
Labels
- Artikel Motivasi (7)
- Cari uang cepat (1)
- Hadiah valentine (1)
- PKn (2)
- Puisi (1)
- Seni (1)
- Soal Ekonomi (1)
- Soal-soal Pkn (8)
- Tips Cepat (1)
- Triks and trix (1)
- Tutorial Blog (5)
Daftar Blog Saya
Popular Posts
-
SOAL PILIHAN GANDA A. Pilihlah salah satu jawaban yang benar dengan memberi tanda silang pada huruf a, b, c, d atau e pada lembar jawaban ...
-
BENTUK SOAL PILIHAN GANDA Hukum sebagai aturan tingkah laku para anggota masyarakat yang daya pengunaanya pada saat tertentu diindahka...
-
ULANGAN HARIAN 2 Mata Pelajaran : Pendidikan Kewarganegaraan Kelas : XII (semua program keahlian) Standar Komp...
-
Dirancang oleh Sultan Hamid II dari Pontianak yang kemudian di sempurnakan oleh Presiden Soekarno. Pancasila sendiri merupakan Ideologi dan ...
-
ULANGAN HARIAN 1 Mata Pelajaran : Pendidikan Kewarganegaraan Kelas : XII (semua program keahlian) Standar Komp...
-
1. Pemerintahan dalam arti luas adalah....... a. Pelaksanaan kekuasaan legislatif dalam suatu negara b. Pelaksanaan kekuas...
-
Enny, Friday, January 23, 2009 Sangat klasik berbicara tentang promosi blog tp ini salah satu cara untuk meningkatkan pengunjung ke blog a...
-
Teman sejati selalu berbagi, kalo saya jadi laut, kamu jadi ikan, saya jadi kumbang kamu jadi bunga, saya jadi matahari kamu jadi bumi, kalo...
-
Sudahkah anda melihat postingan sebelum. Jika belum anda bisa klik posting Surat Dari Emak . Puisi ini merupakan balasan dari 2 orang anak ...
-
ULANGAN HARIAN 3 Mata Pelajaran : Pendidikan Kewarganegaraan Kelas : XII (semua program keahlian) Standar Komp...
Total Pageviews
Diberdayakan oleh Blogger.
Labels
- Artikel Motivasi (7)
- Cari uang cepat (1)
- Hadiah valentine (1)
- PKn (2)
- Puisi (1)
- Seni (1)
- Soal Ekonomi (1)
- Soal-soal Pkn (8)
- Tips Cepat (1)
- Triks and trix (1)
- Tutorial Blog (5)
About Me
- Septian Adi Prakoso
- Saya bersekolah di RSBI SMA Negeri 1 Demak kelas XII IPS 1
0 komentar:
Posting Komentar