tutorial html dasar

pada posting kali ini saya akan sedikit memberi tahu mengenai HTML dasar yang sangat berguna dalam aktivitas posting atau membuat artikel.
sebenarnya saya juga baru selesai mempelajarinya,hehehe.
sekalian bagi₂ info dan juga mengabadikan pelajaran saya melalui posting ini.
okelah kalau begitu, mari lanjuuuutttttt dan langsung dipraktekan yah. selamat mencoba.


1. Membuat kutipan teks
<blockquote>aziz imammudin rhamadhan</blockquote>

hasilnya:

aziz imammudin rhamadhan

2. Membuat teks teletype (untuk membedakan tulisan biasa dengan kode html)
<tt>aziz imammudin rhamadhan</tt>

hasilnya:
aziz imammudin rhamadhan


3. Membuat teks miring
<i>aziz imammudin rhamadhan</i>

hasilnya:
aziz imammudin rhamadhan


4. Membuat teks tebal
<b>aziz imammudin rhamadhan</b>

hasilnya:
aziz imammudin rhamadhan


5. Membuat tulisan dicoret
<strike>aziz imammudin rhamadhan</strike>

hasilnya:
aziz imammudin rhamadhan


6. Membuat tulisan digaris bawahi
<u>aziz imammudin rhamadhan</u>

hasilnya:
aziz imammudin rhamadhan


7. Membuat teks ke kiri / rata kiri
<p style="text-align: left">aziz imammudin rhamadhan</p>

hasilnya:

aziz imammudin rhamadhan

8.Membuat teks ke tengah / rata tengah
<p style="text-align: center">aziz imammudin rhamadhan</p>

hasilnya:

aziz imammudin rhamadhan

9. Membuat teks ke kanan / rata kanan
<p style="text-align: right">aziz imammudin rhamadhan</p>

hasilnya:

aziz imammudin rhamadhan

10. Membuat Bullet Numberring
<li>aziz imammudin rhamadhan</li>

hasilnya:

aziz imammudin rhamadhan

dibuat agak menjorok kedalam
<ul><li>aziz imammudin rhamadhan</li></ul>

hasilnya:

• aziz imammudin rhamadhan

11. Membuat teks lebih besar
<big>aziz imammudin rhamadhan</big>

hasilnya:
aziz imammudin rhamadhan


12. Membuat teks lebih ke kecil
<small>aziz imammudin rhamadhan</small>


hasilnya:
aziz imammudin rhamadhan


13. Membuat teks agak ke bawah
_{aziz imammudin rhamadhan}

hasilnya:
_{aziz imammudin rhamadhan}


14. Membuat teks agak ke atas
^{aziz imammudin rhamadhan}

hasilnya:
^{aziz imammudin rhamadhan}


15. Membuat kotak teks area
<textarea>aziz imammudin rhamadhan</textarea>

hasilnya:
aziz imammudin rhamadhan


Untuk mengubah besar kolom dan barisnya
Anda bisa menambahkan kodenya menjadi
<textarea rows="”3&#8243;" cols="”30&#8243;">aziz imammudin rhamadhan</textarea>

hasilnya:
aziz imammudin rhamadhan




16. Membuat tulisan ke bawah (enter)
<br />


Caranya sisipkan kode tersebut pada kode yang ingin buat menjadi enter atau ke bawah



17. Membuat tulisan berkedip
<blink>aziz imammudin rhamadhan</blink>

hasilnya:
aziz imammudin rhamadhan


18. Membuat efek stabilo pada tulisan
<span style="background-">aziz imammudin rhamadhan</span>


hasilnya:
aziz imammudin rhamadhan


19. Membuat tulisan bergerak atau berjalan
<marquee>aziz imammudin rhamadhan</marquee>

hasilnya:
aziz imammudin rhamadhan


Secara default maka tulisan akan bergerak dari kanan dan ke kiri

Agar bisa ke arah lainnya tambahkan kodenya menjadi sebagai berikut


Bergerak ke atas
<marquee direction="up">aziz imammudin rhamadhan</marquee>

hasilnya:
aziz imammudin rhamadhan



Bergerak ke bawah
<marquee direction="down">aziz imammudin rhamadhan</marquee>

hasilnya:
aziz imammudin rhamadhan



Bergerak ke kiri
<marquee direction="left">aziz imammudin rhamadhan</marquee>


hasilnya:
aziz imammudin rhamadhan



Bergerak ke kanan
<marquee direction="right">aziz imammudin rhamadhan</marquee>

hasilnya:
aziz imammudin rhamadhan



Anda bisa mengganti tulisan up dengan down, left, atau right untuk mengganti arah tulisan.

Untuk pengembangan marquee lebih lanjut silahkan ke sini


semoga bermanfaat, jika ada tambahan silahkan diisi pada kolom komentar.
dan pada posting selanjutnya saya akan membahas tentang penulisan kode₂ LINK, LINK BANNER, TITLE LINK, etc. sampai jumpa.
semoga bermanfaat.
upppsss....hampir lupa, saya mempelajari tutorial ini dari salah satu situs tetangga.
terima kasih telah mampir, jangan sungkan untuk datang kembali.