Dasar Text HTML

Posted By anasku
Pada perjumpaan dengan saya yang ganteng ini :D wehh kita akan membahas tentang pemakaian dasar Teks HTML yang sering anda gunakan dalam berbagai hal dan berbagai kalangan dimanapun anda berada :D Diantaranya untuk menulis comments di Friendster , memanagement blog dan masih banyak yang lain langsung saja saya akan menerangkan satu per satu tentunya:


Jenis Font :
<font face="times new roman">Jenis FONT</font> =Jenis FONT
<font face="verdana">Tulisan Anda</font> =Tulisan Anda
<font face="Tahoma">Tulisan Anda</font> =Tulisan Anda
<font face="Arial">Tulisan Anda</font> =Tulisan Anda
catatan:
>> Text "Tulisan Anda" adalah teksnya gantilah dengan teks yang anda inginkan
>> Tulisan yang berwarna merah adalah jenis font, gantilah sesuai dengan keinginan anda
>> Jika font yang anda pakai tidak terdapat pada sistem pengunjung WFO anda. Jenis font akan menjadi font standar

Ukuran Huruf:
<font size="-2">Teks </font> =Teks
<font size="-1">Teks </font> =Teks
<font size="+1">Teks</font> =Teks
<font size="+2">Teks</font> =Teks
<font size="+3">Teks</font> =Teks

Warna Huruf:
<font color="#FF0000">Warna MERAH </font>
=Warna MERAH

Jika anda Mau Cari Code warna Html ni http://www.colorschemer.com/online.html

Catatan:
Text yang berwarna merah adalah Code warna yang dapat kamu ganti dengan kode warna sesuai pilihan kamu

Header:
<H1>CONTOH</H1> =

CONTOH


<H2>CONTOH</H2> =

CONTOH


<H3>CONTOH</H3> =

CONTOH


<H4>CONTOH</H4> =

CONTOH


<H5>CONTOH</H5> =
CONTOH

<H6>CONTOH</H6> =
CONTOH


Variasi Teks:
Teks miring : <i>Teks Miring</i> =Teks Miring
Teks Tebal : <b>Teks Tebal</b> =Teks Tebal
Teks bergaris bawah : <u>Teks Bergaris Bawah</u> =Teks Bergaris Bawah
Text Bergaris : <strike>Teks Salah</strike> =Teks Salah

Efek Pada Teks :
Teks berkedip : <blink>Teks Berkedip</blink> =Teks Berkedip
Teks bergerak dari kanan ke kiri : <marquee>Teks Bergerak</marquee> =Teks Bergerak
Teks bergerak dari atas ke bawah : <marquee direction="down" width="300px" height="50px">Teks Bergerak <br> dari atas ke bawah</marquee> =Teks Bergerak
dari atas ke bawah


catatan :

  1. Tanpa value "XXXpx" untuk nilai tinggi dan lebar, sering menyebabkan script tidak berfungsi pada browser Firefox dan Netscape
  2. Ganti "down" dengan "up" untuk arah dari bawah keatas.
  3. Ganti "down" dengan "right" untuk arah dari kiri ke kanan.
  4. Tambahkan scrolldelay="XX" untuk mengatur kecepatan teks
  5. pembatasan area teks bergerak dengan menggunakan width tidak berpengaruh pada browser Firefox dan Netscape
Teks Dengan Link :
Link untuk e-mail : <a href=mailto:mailku@mail.com> e-mailku </a>
Link untuk URL : <a href="URL_adress">situsku.com</a>
Tambahkan "target="_blank" jika anda ingin link tersebut terbuka dengan jendela sendiri.
contoh:
<a href="http://tutorial-jitu.blogspot.com"target="_blank">tutorial blog</a>
Posisi Teks :

Teks di kiri: <p align=left>Posisi</p> =
Teks di tengah: <p align=center>Posisi</> =
Teks di kanan: <p align=right>Posisi</p> =





Artikel Terkait untuk "Dasar Text HTML"


8 comments:

JoVie said...

untuk di tengah bisa juga :
<center>#####</center>
<div align="center">###</div>

@bdulAziz's blog said...

cara lain untuk memahami html dan ccs, coba anda rubah sendiri code warna dan posi pada html template, misalnya anda ubah warna defaultnya dari #000000 dengan #ff0033, anda cek mana yang berubah, tapi sebelumnya sebaiknya anda catat dulu bagian yang anda rubah! semakin sering Anda lakukan brti Anda akan makin mahir!

Riz@l said...

udah lama saya cari ini, akhir nemu disini, ditunggu selanjutnya

wisata SEO sadau said...

Jadi inget awal2 ngeblog, bingung banget sama Kode HTML, maklum buta banget masalah kode2an kyk gini

EDY PUTRA jepara said...

om.. mas anas... yg guanteng.
saya mau berkunjung ketempat anda boleh...???? mau minta diajarin tentang bahasa html,klau didaratkan bisa lebih jelas... soale saya baru ajaran..????
kalau diperbolehkan... pasti deh gua melunjur oky.tak tunggu balasanya.trims

leonezt1 said...

kuncinya oprek2 blog ya paham bahasa HTml thanks infonya berguna neyh, aklu ase newbie hehehe

ILMU KOMPUTER said...

Mantaap gan.
kpan2,,ksni ya gan www.kadhekmadara.blogspot.com

follow juga yaah..hehee

pendicoolsukses said...

bgus dah infonya . .sangat berguna buat aq yang bru semigu inie buat blog jadi sedikit ngerti apa itu html . .heheheehe tulis yg bayak lgi mas . .biar tmbah tau aq hehehe

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Recent Comments

Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas