laman

Wednesday, 16 December 2015

Materi Tentang Kode HTML

Selamat Datang di Blog Materi Pelajaran

Pada artikel kali ini , kamiakan membahas tentang "KODE HTML BLOG" beberapa pembahasan utamanya adalah Memberi Tau 15 Kode HTML. 

Pengertian HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. langsung saja ya...

1. Untuk menampilkan gambar
<img src="http://url gambarmu"</a> 

2. Untuk membuat text area tempat copy paste ( tulisan textarea tidak boleh pakai spasi )
<text area cols="20" rows="2"> isi teks kamu disini  </text area>

3. Untuk membuat link dengan teks
<a href="http://url tujuan">teks kamu disini</a>     

4. Untuk membuat link dengan gambar
<a href="http://url tujuan"><img src ="http://url gambarmu"/></a> 

5. Untuk membuat garis
<hr color="red">

6. Untuk membuat teks shadow/berbayang
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b>

7. Untuk membuat baris dan paragraf baru
Baris baru/enter = <br/>
Paragraf baru = <p/>

8. Untuk membuat teks berwarna, untuk pilihan warna 
<span style="color:#ff0000">teks anda disini </span> 

9. Untuk membuat teks berada di tengah
<center>teks anda disini </center>

10. Untuk membuat teks berada di kanan
<center><div style="text-align: right;"> Teks Rata Kanan </div> </center>

11. Untuk membuat teks berada di kiri
<center><div style="text-align: left;"> Teks Rata Kiri </div> </center>

12. Untuk membuat list / daftar
<center><div style="text-align: left;"> Teks Rata Kiri </div> </center>

13. Untuk membuat teks bergaris
<center><span style="text-decoration: line- through;">teks anda </span> </center>

14. Untuk membuat garis bawah pada teks
<center><span style="text-decoration: underline;">teks anda </span></center>

15. Untuk membuat teks efek stabilo
<center> <span style="background-color:

#ffc1e0;">kata/kalimat  yang ingin di beri efek stabilo</span> </center>

Nah itulah pembahasan kami terkait dengan topik kali ini yaitu “KODE HTML BLOG”, Semoga dapat bermanfaat bagi sahabat.  Sering – sering mampir ya....

No comments:

Post a Comment