Belajar menulis kode html pada postingan blog

Bagi Anda yang sering ngeblog menggunakan hp (handphone), alangkah baiknya jika anda memahami tutorial berikut ini. Ini adalah cara sederhana untuk menampilkan postingan blog dengan variasi teks yang bermacam-macam.




KODE SIMBOL :

  • Cara memasukan simbol pada postingan blog dengan notasi atau kode html


  • Dengan notasi berupa angka
    Notasi / karakter Bentuk simbol
    ©
    ©

    ª
    ª

    «
    «

    ¬
    ¬

    ®
    ®

    °
    °

    ±
    ±

    ²
    ²

    ¶

    »

    »




    -------------
    Dengan notasi / kode berupa teks
    Notasi / karakter Bentuk simbol
    ©
    ©

    ®
    ®

    <
    <

    &gt;
    >

    &amp;
    &

    &quot;
    "

    &nbsp;
    Spasi

    &plusmn;
    ±


    TEHKNIK SIMPLE MENULIS SCRIPT

    <u>underline</u> teks bergaris bawah


    <b>bold</b> teks tebal


    <i>italic</i> teks miring


    <s>slash</s> teks bergaris tengah


    Buat garis :




    kodenya : <hr>

    Buat garis berwarna :



    Kodenya : <hr color="#0000ff">

    #0000ff adalah kode warna garis, anda juga bisa menggantinya sesuai kehendak.

    <h2>teks berukuran besar</h2>

    teks berukuran besar



    <tt>teks bergaya mesin ketik</tt>

    teks bergaya mesin ketik

    <blink>teks berkedip</blink> teks berkedip


    <font color="#ffff00">teks berwarna kuning</font> teks berwarna kuning


    ket: kode warna dapat di ganti dengan hanya menuliskan nama warna dengan bahasa inggris, jadi tanda pagar (#) harus di hapus.

    Dalam penulisan nomor atau angka yang berurutan, gunakan kode seperti berikut :

    <ol><li>contoh teks pertama<li>contoh teks kedua<li>contoh teks ketiga<li>contoh teks keempat<li>contoh teks kelima</li></ol>

    Hasil :
    1. contoh teks pertama
    2. contoh teks kedua
    3. contoh teks ketiga
    4. contoh teks keempat
    5. contoh teks kelima


    Sedangkan dalam pemberian tanda bullet yang berurutan, ganti kode "ol" diatas dengan kode "ul", maka hasilnya seperti berikut :

    <ul><li>teks dengan tanda bullet</li></ul>

    hasil penulisan :
    • teks dengan tanda bullet


    Perlu di ketahui dan di ingat, kode-kode di atas dapat dapat di gabungkan untuk menghasilkan bentuk yang lain asalkan di format dengan benar, misalnya seperti berikut :

    <i><b>contoh teks miring tebal</b></i>

    Hasil penulisan :
    contoh teks miring tebal

    Perhatikan baik-baik cara meletakan di awal dan akhir format penulisan teks beserta kodenya perhatikan cara penempatan kode yang berupa garis miring ( / )

    Contoh lain :

    <font color="#ff0000><i><b>teks tebal miring berwarnah merah</i></b></font>

    hasil penulisan :
    teks tebal miring berwarnah merah
    Tags: , ,

    About author

    Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel placerat purus convallis.