Tutorial : Basic Coding HTML Tag

ุงู„ุณّู„ุง ู… ุนู„ูŠฺฉู… ูˆุฑุญู…ุฉุงู„ู„ู‡ ูˆุจุฑฺฉุฉ | Salam Sejahtera :)

Tutorial kali ni adalah basic coding pasal HTML Tag. Antaranya macam mana nak Boldkan text, Underline, Sengetkan (italic) perkataan, center, letak gambar, Link dan editkan perkataan. Ceh. Hahaha. Tutorial kali ni khas untuk beginner yew :)

Kod-kod ni  boleh letak di mana-mana sahaja yang korang nak la. kat sidebar pun boleh.. :)

1- Centerkan Perkataan/Gambar/Apa-apa je la

CODES : <center>KOD ANDA</center>
EXAMPLE :
KOD ANDA
2- Bold Text/Hitamkan perkataan

CODES : <b>YOUR TEXT</b>
EXAMPLE : YOUR TEXT



3- Underline Text/Garis di bawah perkataan

CODES: <u>YOUR TEXT</u>
EXAMPLE : YOUR TEXT



4- Italic Text/Perkataan Senget.

CODES : <i>YOUR TEXT</i>
EXAMPLE : YOUR TEXT



5- Strikethrough Text/Potong perkataan. Potong? haha

CODES : <s>YOUR TEXT</s>
EXAMPLE : YOUR TEXT



6- Gabungkan/Combine Bold, Underline, Italic Text

CODES : <b><u><i>YOUR TEXT</b></u></i>
EXAMPLE : YOUR TEXT



7- Editkan Perkataan

CODES : <font face="Arial" size="5" color="#F781D8"> YOUR TEXT </font>
EXAMPLE : YOUR TEXT
*Boleh tukarkan 5 tu kepada saiz yang korang nak dan #F781D8 kepada warna perkataan yang korang suka >kod warna<


8- Put an Image/Letak Gambar

CODES : <img src="URL IMAGE" width="100" height="100" />
EXAMPLE :
*Gantikan URL image dengan gambar yang korang nak. tak tahu nak amik kat mana? KLIK SINI untuk tutorialnya.
*width dengan height tu korang boleh adjust.. kalau tak mau adjust, rasa saiz gambar asal korang tu dah ok, tukarje kepada auto


9- Linkkan Perkataan

CODES : <a href="LINK/URL ANDA"> YOUR TEXT</a>
EXAMPLE : YOUR TEXT
Another Tutorial : http://www.faqihahhusni.com/2011/09/tuto-linkkan-perkataan-nak-letak-link.html


okay.. Itu sahaja :) kalau ada apa-apa boleh tanya di ruangan komen ataupun di cbox/ask.fm di bahagian sidebar qihah ye :)

Comments

  1. Terima kasih kerana sudi share ^_^

    Bw Here..

    Visit my blog okay?

    http://myon9diari.blogspot.com

    ReplyDelete
  2. Adeeiii, sempat lagi Qihah buat lawak XD

    ReplyDelete
  3. busnya buat tutorial..rajin !

    ReplyDelete

Post a Comment

Your words defines you

Popular posts from this blog

Tutorial : How To Use Blogskin? Cara nak Guna Blogskin

Senarai Pemenang Anugerah Melodi 2016