HTML Sederhana Untuk Blog, Forum, dan Komentar Website

Saya punya sedikit info tentang HTML umum. Sederhana aja sih, tapi cukup powerful buat comment di website yang berbasiskan HTML. Ini juga bisa dipake di forum atau blog. 

Tapi yang harus kamu inget, HTML ini cuma bisa dipake kalo si pemilik website mengijinkan penggunaan HTML buat komentar. Kalo ga diijinin sih ga bisa. 
Misalnya seperti di blogger. HTML ini bisa jalan buat di postingannya. Jadi kamu bisa pake kalo kamu mau posting sesuatu. Tapi kalo buat comment di blogger cuma mengijinkan penggunaan syntax <i> <b> dan <a>.

Untuk posting dengan HTML di blogger kamu bisa mengikuti langkah ini:

1. Klik new post untuk posting seperti biasa.
2. Nanti kan halamannya keganti tuh, terus klik HTML. Letaknya ada di menubar di bawah Judul yang ada baris Font Size, Font Type, Bold, Italic, Underline, dsb. Itu tuh yang di samping tulisan Compose.
3. Ketik postingan apa yang kamu mau buat dan sertakan HTML yang sesuai dengan kebutuhanmu. Kalo kamu ga inget, bookmark aja page ini (sekalian saya promosi, hehe ).
4. Jangan lupa kurung lancipnya dan yang paling penting setiap masukin HTML belakangnya harus ditutup pake tanda slash diikuti dengan jenis HTMLnya. Contoh: kamu pake HTML buat tulisan berjalan. Kamu ketik <marquee> di depan, diikuti syntax lainnya. Di belakangnya jangan lupa pake </marquee>
5. Setiap HTML bisa kamu gattai pake HJSplit dengan HTML lainnya. Silahkan bereksperimen sendiri untuk itu

OK langsung aja LINK START!!!

---

HTML Sederhana

Text link
jika kamu ingin text mengandung link, seperti ini tulis kode ini dan ganti link dengan punya kamu.

<a href="http://darczwing.blogspot.com" target="_blank">text kamu</a>

---

Cetak tebal
text  seperti ini ,

<b>text kamu</b> atau <strong>text kamu</strong>

---

Text italiciced
text seperti ini ,

<i>text kamu</i> atau <em>text kamu</em>

---

Font Sizes

mengubah ukuran text kamu, 

<font size="1"> text kamu</font>atau<font size="26px"> text kamu</font>

Untuk ukuran paling kecil ''1'' dan yang gede ''7''. Untuk ukuran pixels bisa kamu liat di Microsoft Word.

---

Warna text
mengubah warna text kamu,

<font color="red">text kamu</font>

kamu dapat mengubah warna dengan pilihanmu,misal; red ,blue , yellow ,green,dll.(nb: gunakan bahasa inggris jangan bahasa planet) atau kamu dapat gunakan hex colour seperti ini ;
<font color="#FF0000">Change Color</font>

Lihat di Adobe Photoshop atau Microsoft Paint untuk pilihan warna.

*(jika kamu tidak punya program tersebut , kunjungi website ini)

---

Paragraf text

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

codenya seperti ini;

TEXT TEXT TEXT TEXT
<blockquote>TEXT TEXT TEXT TEXT</blockquote>TEXT TEXT TEXT TEXT

---

Points

seperti ini:

Putting a Link

Bold text

Italicized text

Font Sizes

Font Color

Blockquote

Bullet Points

Horizontal Rules

codenya;

<li>text kamu</li>

---

Garis bawah  seperti ini
codenya;

<u>text kamu</u>

nb: text yang mengandung link sudah bergaris bawah jadi jangan dikasih.

---

Coret tengah  seperti ini,
codenya;

<s>text kamu</s>atau<strike>text kamu</strike>

---

Memasukkan gambar foto 

Dark Flame Master

codenya;<img src="alamat photo server kamu" border="0" alt="Dark Flame Master versi Hidenori">

nb;  <alt="Dark Flame master versi Hidenori"> jika cursor mengarah gambar akan bertulis ''Dark Flame Master versi Hidenori''. Tapi metode alt sering gagal, jadi bisa diganti <title="Dark Flame Master versi Hidenori">
 

---

Host fotomu dan alamat server / url and image host.


Cek File  foto kamu yang akan di uploadkan .misal; katrok_aja2.jpg

File foto biasanya berakhiran: ~.jpg ~.gif ~.bmp

ada juga : ~.tga ~.tif ~.png

dan banyak lagi yang digunakan pada web.

Sekarang kamu tinggal upload di host image kamu, contoh di Photobucket .Photobucket menyediakan free acount,dan semuanya gratis alias gak bayar.

---

Foto/gambar yang mengandung link
Klik gambar dibawah :

Dark Flame Master





codenya seperti ini ;

<a href="link kamu"><img src="image server kamu" title="Dark Flame Master" border="2"></a>

nb: "border="2" untuk memberi garis pinggir pada gambar kamu atau kamu dapat menghilangkannya.(liat gambar)

---

Scrolling text / tulisan berjalan


text kamu
codenya seperti ini:

<marquee direction="left" scrollamount="3">text kamu</marquee>

nb : "left" = kiri , "right " = kanan , dapat diganti sesuai pilihan kamu.

            angka"3" adalah untuk kecepatan scroll semakin besar angka akan semakin cepat.


Tulisan gerak dari kanan ke kiri dengan font tebal :


text kamukodenya seperti ini :

<marquee behavior="alternate"><strong>text kamu</strong></marquee>

Droopdown/up text
text kamu codenya seperti ini;

<marquee direction=up loop=true height="100" >text kamu</marquee>

---

Udah segitu aja. Saya udah pegel ngetik ama editnya
Kalo mau nambah lagi silahkan cek www.w3schools.com atau liat aja di program pembuat web. Nama programnya apa? Cari tau sendiri