Tag-Tag Sederhana Pada HTML

1. Marquee
Marquee adalah text berjalan, selain itu objek marque bisa juga seperti link atau gambar. contoh:

- Right: <marquee direction="right"> teks</marquee>
contoh : <marquee direction="right"> Talitha Yasmin </marquee>
hasil :

Talitha Yasmin  - Left: <marquee direction="left"> teks </marquee>
contoh: <marquee direction="left"> Talitha Yasmin </marquee>
hasil:

Talitha Yasmin
- Up: <marquee direction="up"> teks </marquee>
contoh: <marquee direction="up"> Talitha Yasmin </marquee>
hasil:
Talitha Yasmin
- Down: <marquee direction="down">teks </marquee>
contoh: <marquee direction="down"> Talitha Yasmin </marquee>
hasil:
Talitha Yasmin

2. macam-macam tag HTML

- Tebal: <B> teks </B>
contoh : <B> Talitha Yasmin </B>
hasil:
Talitha Yasmin

- Miring: <I> teks </I>
contoh: <I> Talitha Yasmin </I>
hasil:
Talitha Yasmin

- Garis Bawah: <U> teks </U>
contoh: <U> Talitha Yasmin </U>
hasil:
Talitha Yasmin

- Font Color: <FONT COLOR="color"> teks </FONT>
contoh: <FONT COLOR="blue"> Talitha Yasmin </FONT>
hasil:
Talitha Yasmin

-Font Size: <FONT SIZE="size"> teks </FONT>
contoh: <FONT SIZE="5"> Talitha Yasmin </FONT>
hasil:
Talitha Yasmin

-Font Face: <FONT FACE="jenis tulisan"> teks </FONT>
contoh: <FONT FACE="Comic Sans MS"> Talitha Yasmin </FONT>
hasil:
Talitha Yasmin

-Huruf Coret: <STRIKE> teks </STRIKE>
contoh: <STRIKE> Talitha Yasmin </STRIKE>
Hasil:
Talitha Yasmin

- Huruf Geser Bawah: <SUB> teks </SUB>
contoh: <SUB> Talitha Yasmin </SUB>
hasil: _{Talitha Yasmin}

-Huruf Geser Atas: <SUP> teks </SUP>
contoh: <SUP> Talitha Yasmin </SUP>
hasil: ^{Talitha Yasmin}

-Huruf Kedip: <BLINK> teks </BLINK>
contoh: <BLINK> Talitha Yasmin </BLINK>
hasil:

Talitha Yasmin

-Huruf Ukuran Besar: <BIG> teks </BIG>
contoh: <BIG> Talitha Yasmin </BIG>
hasil:
Talitha Yasmin

-Huruf Ukuran Kecil: <SMALL> teks </SMALL>
contoh: <SMALL> teks </SMALL>
hasil:
Talitha Yasmin

-Teks diberi garis tengah: <strike> teks </strike>
contoh: <strike> Talitha Yasmin </strike>
hasil:
Talitha Yasmin

-membuat garis horizontal dengan ukuran dan warna yg diinginkan: <hr width="size%"=warna yg diinginkan"size="size/>
contoh: <hr width="70%"colour="green"size="6"/>
hasil:

---

-Teks berada di kiri: <div style="text-align:left;"> teks </div>
contoh: <div style="text-align:left;"> Talitha Yasmin </div>
hasil:
Talitha Yasmin

-Teks berada di tengah: <div style="text-align:center;"> teks </div>
contoh: <div style="text-align:center;"> Talitha Yasmin </div>
hasil:

Talitha Yasmin

-Teks berada di kanan: <div style="text-align:right;"> teks </div>
contoh: <div style="text-align:right;"> Talitha Yasmin </div>
hasil:

Talitha Yasmin

-Memasukan foto: <img src="file location"/>
contoh: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwCvZyaxB8hDa6ukWsNt4aDDWVTq4TODZ76FQdfnYUTFXdWYGC_Gm8PgwXBQ1pItyTktslRivfS5w7zfK350wdGzUv0SqOw2TsLCLpVwMh6hgrwI0UEFzow-kLLjmR1gAiCKa_O1pu2LFa/s1600/2PM_WY%5E+(47).jpg"/>
hasil:


-Mengatur ukuran foto: <img src="file location"height="size"width="size%"/>
contoh: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwCvZyaxB8hDa6ukWsNt4aDDWVTq4TODZ76FQdfnYUTFXdWYGC_Gm8PgwXBQ1pItyTktslRivfS5w7zfK350wdGzUv0SqOw2TsLCLpVwMh6hgrwI0UEFzow-kLLjmR1gAiCKa_O1pu2LFa/s1600/2PM_WY%5E+(47).jpg"height="100"width="50%"/>
hasil:



3. Penggabungan tag-tag HTML

- Gabungan Font Color, Size, Face: <FONT SIZE="ukuran huruf" FACE="jenis tulisan" COLOR="warna tulisan"><B> Talitha Yasmin </B> </FONT>
contoh: <FONT SIZE="5" FACE="Comic Sans MS" COLOR="BLUE"><B> Talitha Yasmin </B> </FONT>
hasil:
Talitha Yasmin

-Gabungan Font Color, Size, Face dengan Marquee: <marquee direction="right"> <FONT SIZE="ukuran huruf" FACE="jenis tulisan" COLOR="warna tulisan"><B>teks</B></FONT></marquee>
contoh: <marquee direction="right"> <FONT SIZE="6" FACE="monotype corsiva" COLOR="yellow"><B>장우영 (Jang Wooyoung)</B></FONT></marquee>
hasil:
장우영 (Jang Wooyoung)

-Gabungan Font Color, Size, Face dengan Marquee:<marquee scrollamount="kecepatan"direction="arah"> <FONT SIZE="size" FACE="jenis tulisan" COLOR="warna"><I>teks</I></FONT></marquee>
contoh: <marquee scrollamount="22"direction="left"> <FONT SIZE="6" FACE="Arial" COLOR="Red"><I>이준호 (Lee Junho)</I></FONT></marquee>
hasil:

이준호 (Lee Junho)
-Gabungan underline, italic, bold, strike, font size dengan marquee: <marquee scrollamount="kecepatan"direction="arah"><font size="ukuran"><U><I><B><strike>teks</strike></B></I></U></font></marquee>
contoh: <marquee scrollamount="22"direction="down"><font size="20"> <U><I><B><strike> Typo</strike></B></I><U></font></marquee>
hasil:
Typo
-Gabungan gambar dengan marquee: <marquee direction="arah"><img src="file location"/></marquee>
contoh: <marquee direction="right"> <img src="http://24.media.tumblr.com/tumblr_mcki8gIg2i1rt1g7so4_r1_250.png"/> </marquee>
hasil:


-Background dengan teks marquee: <marquee direction="arah"bgcolor="warna"><font color="warna">teks</font></marquee>
contoh: <marquee direction="right"bgcolor="black"><font color="red">2PM ♥ Hottest - Hottest ♥ 2PM </font> </marquee>
hasil:
2PM ♥ Hottest - Hottest ♥ 2PM