Kumpulan beberapa Perintah HTML simple

  • Untuk membuat baris dan paragraf baru
Baris baru/enter = <br/>
Paragraf baru = <p/>
  •  Teks tebal
    Contoh :
    Teks Tebal
<b>Teks Tebal</b>
  • Teks ketik
Contoh
Teks ketik
<tt>Teks ketik</tt>
  • Untuk membuat teks berwarna
    Contoh :
    teks sobat disini 
    <span style="color:#ff0000">teks sobat disini</span>
      • Untuk membuat teks berada di tengah
      Contoh :
      teks sobat disini
      <center>teks sobat disini</center>
      • Untuk membuat teks berada di kanan
      Contoh :
      Teks Rata Kanan
      <div style="text-align: right;"> Teks Rata Kanan </div>
      • Untuk membuat teks berada di kiri
      Contoh :
      Teks Rata Kiri
      <div style="text-align: left;"> Teks Rata Kiri </div>
      • Untuk membuat teks bergaris 
      Contoh :
      teks bergaris
      <span style="text-decoration: line- through;">teks bergaris</span>

      Atau Bisa juga menggunakan perintah
      <s>teks bergaris<s>
        • Untuk membuat garis bawah pada teks
        Contoh :
        teks bergaris bawah
        <span style="text-decoration: underline;">teks bergaris bawah </span>
        • Teks sub atas
         Contoh :
        Teks Normal kitaTeks sub atasnya
        Teks Normal Kita<sup>Teks sub atasnya</sup>
        • Teks sub bawah
        Contoh :
        Teks Normal KitaTeks sub bawahnya
        Teks Normal Kita<sub>Teks sub bawahnya</sub>
          • Untuk membuat teks efek stabilo
          Contoh :
          Teks efek stabilo
          <span style="background-color: #07C200; font color: #FF0000;">Teks efek stabilo</span>
          • Untuk membuat teks shadow/berbayang
          Contoh :
          text 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>
          • Untuk membuat Teks bagian belakang menjorok ke dalam
            Contoh :
                     Teks
            Teks Normalnya disini
          Teks<p style="text-indent:50px;">Teks Normalnya disini</p>
                           text-indent:50px adalah jarak menjoroknya
          •  Untuk menampilkan gambar
          <img src="url gambar sobat"</a>
          •  Untuk membuat link dengan gambar
          <a href="url tujuan"><img src ="url gambar sobat"/></a>
          • Untuk membuat link dengan teks
          <a href="url tujuan">teks sobat disini</a> 
          • Untuk Membuat link dengan gambar dan teks
          <a href="http://url tujuan"><img src="http://url gambar">teks sobat disini</a>
          • Untuk Merubah ukuran gambar
          <img src="http://url gambar" width="50" height="50">
                           Nilai 50 adalah nilai ukuran gambarnya (atur sesuai keinginan)
          Comments
          0 Comments