[FYI] [IT] HTML Sederhana

Ini ada sedikit HTML bro. Sederhana aja sih, tapi cukup powerful buat comment di website yang berbasiskan HTML


text linkjika kmu ingin text mengandung link, seperti ini tulis kode ini dan ganti link dengan punya kamu.

<a href="http://udinkardus.multiply.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>

Untuk ukuran paling kecil ''1'' dan yang gede ''7''.

---

warna text
  merubah warna text kamu,

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

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

cek disini untuk warna pilihan Cheryl's html color guide.

*(jika tak bisa masuk , click here instead)

---

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  :

<u>text kamu</u>

text yang mengandung link sudah bergaris bawah jadi jangan dikasih.

---

coret tengah
  seperti ini,  :

<s>text kamu</s>

---

memasukkan gambar poto 

poto gue!!!!

codenya;<img src="alamat photo server kamu" border="0" alt="aku!">

nb;  <alt="aku!"> jika cursor mengarah gambar akan bertulis ''aku!'.
 

---

Host potomu dan alamat server / url and image host.


cek File  poto kamu yang akan di uploadkan .misal; katrok_aja2.jpg

file poto biasanya berakhiran: ~.jpg ~.gif ~.bmp

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

dan banyak lagi yang digunakan pada web.

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

---

Foto/gambar yang mengandung link
clik gambar dibawah :

foto guwe





codenya seperti ini ;

<a href="link kamu"><img src="image server kamu" alt="aku" border="2"></a>

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

---

scrooling text / tulisan berjalan


text kamu
codenya seperti ini:

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

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

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


tulisan gerak kanan 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

sumber