Kumpulan Kode HTML untuk pemula

Kumpulan Kode HTML Sederhana

Sebagai ulasan atau rangkuman mengenai kode html sederhana. Semoga bermanfaat bagi pemula yang ingin menjadi Web Master !:)

1. Membuat kutipan teks

<blockquote>Masukkan teks anda di sini</blockquote>

Hasil:

Blockquote

2. Membuat teks teletype (untuk membedakan tulisan biasa dengan kode html)

<tt>Masukkan teks anda di sini</tt>

Hasil:

Teletype text

3. Membuat teks miring

<i>Masukkan teks anda di sini</i>

Hasil:

Italic text

4. Membuat teks tebal

<b>Masukkan teks anda di sini</b>

Hasil:

Bold text

5. Membuat tulisan dicoret

<strike>Masukkan teks anda di sini</strike>

Hasil:

Strike 

6. Membuat tulisan digarisbawahi

<u>Masukkan teks anda di sini</u>

Hasil:

Underlined text 

7. Membuat teks ke kiri

<p style=”text-align: left;”>Masukkan teks anda di sini</p>

Hasil:

Left 

8.Membuat teks ke tengah

<p style=”text-align: center;”>Masukkan teks anda di sini</p>

Hasil:

Center

9. Membuat teks ke kanan

<p style=”text-align: right;”>Masukkan teks anda di sini</p>

Hasil:

Right
 

10. Membuat Bullet Numberring

<li>Masukkan teks anda di sini</li>

Hasil:

·  Bullet

Agar menjorok kedalam anda bisa menambahkan <ul> dan </ul>

Contoh:

<ul><li>Bullet</li></ul>

Hasil:

• Bullet

11. Membuat teks lebih besar

<big>Masukkan teks anda di sini</big>

Hasil:

Big text

12. Membuat teks lebih ke kecil

<small>Masukkan teks anda di sini</small>

Hasil:

Small text

13. Membuat teks agak ke bawah

_{Masukkan teks anda di sini}

Hasil:

Tulisannya akan ke bawah _subscript

14. Membuat teks agak ke atas

^{Masukkan teks anda di sini}

Hasil:

tulisannya akan ke atas ^superscript

15. Membuat kotak teks area

<textarea>Masukkan teks anda di sini</textarea>

textarea

Untuk mengubah besar kolom dan barisnya

Anda bisa menambahkan kodenya menjadi

<textarea rows=”3″ cols=”30″>textarea</textarea>

Hasil:

textarea

Untuk mengganti ukurannya tinggal ganti angkanya saja

Semoga bermanfaat untuk teman semua yang ingin belajar ya :-)